@-webkit-keyframes scroll-mouse{0%{opacity:0;transform:translateY(0)}30%{height:4px;opacity:1;transform:translateY(0)}70%{height:15px;opacity:1;transform:translateY(12px)}to{opacity:0;transform:translateY(15px)}}@keyframes scroll-mouse{0%{opacity:0;transform:translateY(0)}30%{height:4px;opacity:1;transform:translateY(0)}70%{height:15px;opacity:1;transform:translateY(12px)}to{opacity:0;transform:translateY(15px)}}@-webkit-keyframes fade-from-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-from-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-top{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-top{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ani-ttb{0%{opacity:0;-webkit-animation-delay:2s;animation-delay:2s;transform:translateY(-50px)}50%{opacity:0;-webkit-animation-delay:2s;animation-delay:2s;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes ani-ttb{0%{opacity:0;-webkit-animation-delay:2s;animation-delay:2s;transform:translateY(-50px)}50%{opacity:0;-webkit-animation-delay:2s;animation-delay:2s;transform:translateY(-50px)}to{opacity:1;-webkit-animation-delay:2s;animation-delay:2s;transform:translateY(0)}}@-webkit-keyframes hide-effect{0%{transform:translateX(-105%)}to{transform:translateX(0)}}@keyframes hide-effect{0%{transform:translateX(-105%)}to{transform:translateX(0)}}@-webkit-keyframes anchor-underline{0%{transform:translateX(0)}99.999%{transform:translateX(105%)}to{transform:translateX(-105%)}}@keyframes anchor-underline{0%{transform:translateX(0)}99.999%{transform:translateX(105%)}to{transform:translateX(-105%)}}@-webkit-keyframes anchor-hover-underline{0%{transform:translateX(-105%)}to{transform:translateX(0)}}@keyframes anchor-hover-underline{0%{transform:translateX(-105%)}to{transform:translateX(0)}}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}:root{--gradient-first-1:#1a68ff;--gradient-first-2:#aec0ff;--gradient-transparent:#fff0;--background--dark:#1f234385;--box-dark-blue:#1f2343;--dark-background-blue:#383e80}html{position:relative;min-height:100%;scroll-behavior:smooth;box-sizing:border-box;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,html{margin:0;padding:0;height:100%;color:#373b40;font-size:100%;background-color:#0a192f;font-family:sans-serif;font-weight:300;line-height:1.45}@media(min-width:1600px){body,html{font-size:110%}}a,div,p,span{font-family:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0 0 1.5rem;padding:0;font-family:sans-serif;font-weight:800}*{box-sizing:border-box}p{margin:0 0 1.5rem;padding:0}.btn,a{transition:all .4s ease}.text-center{text-align:center}.color-text-light,.color-text-light>*{color:#8892b0}.color-text-dark,.color-text-dark>*{color:#0a192f}.btn.btn-primary{cursor:pointer;font-size:.875rem;color:#64ffda;padding:15px 25px;border-radius:4px;text-decoration:none;text-transform:uppercase;font-weight:300;border:1px solid #64ffda;background-color:transparent;letter-spacing:1px}@media(min-width:768px){.btn.btn-primary{font-size:1rem;padding:18px 28px}}@media(min-width:992px){.btn.btn-primary{font-size:1.125rem;padding:20px 40px}}.btn.btn-primary:hover{outline:none;border-color:rgba(100,255,218,.9);background-color:rgba(100,255,218,.1)}.btn-group{position:relative;display:inline-block;padding:20px 0}.btn-group:after,.btn-group:before{position:absolute;content:"";width:11px;height:11px;z-index:2;outline:thin solid #e4e8f7}.btn-group:before{top:-3px;left:-5px;background-color:#fded14}.btn-group:after{bottom:-3px;left:-5px;background-color:#02a0e9}.btn-group .btn-pixels{cursor:pointer;font-size:1.125rem;color:#64ffda;padding:20px 30px;border-radius:4px;text-decoration:none;text-transform:uppercase;font-weight:300;border:1px solid #e4e8f7;background-color:transparent;letter-spacing:1px;position:relative}.btn-group .btn-pixels:after,.btn-group .btn-pixels:before{position:absolute;content:"";width:11px;height:11px;outline:thin solid #e4e8f7}.btn-group .btn-pixels:before{top:-5px;right:-6px;background-color:#02a0e9}.btn-group .btn-pixels:after{bottom:-5px;right:-6px;background-color:#ed0a7d}.btn-effect{position:relative;display:inline-block;margin-bottom:30px}.btn-effect:after,.btn-effect:before{position:absolute;content:"";width:9px;height:9px;z-index:2;outline:thin solid #e4e8f7}@media(min-width:768px){.btn-effect:after,.btn-effect:before{width:11px;height:11px}}.btn-effect:before{top:-4px;left:-4px;background-color:#fded14}@media(min-width:768px){.btn-effect:before{top:-3px;left:-5px}}.btn-effect:after{bottom:-4px;left:-4px;background-color:#02a0e9}@media(min-width:768px){.btn-effect:after{bottom:-3px;left:-5px}}.btn-effect .btn-effect-point{position:relative}.btn-effect .btn-effect-point:after,.btn-effect .btn-effect-point:before{position:absolute;content:"";width:9px;height:9px;z-index:2;outline:thin solid #e4e8f7}@media(min-width:768px){.btn-effect .btn-effect-point:after,.btn-effect .btn-effect-point:before{width:11px;height:11px}}.btn-effect .btn-effect-point:before{top:-4px;right:-4px;background-color:#02a0e9}@media(min-width:768px){.btn-effect .btn-effect-point:before{top:-5px;right:-5px}}.btn-effect .btn-effect-point:after{bottom:-4px;right:-4px;background-color:#ed0a7d}@media(min-width:768px){.btn-effect .btn-effect-point:after{bottom:-5px;right:-5px}}.btn-effect a.btn-effect-link,.btn-effect button.btn-effect-link{display:inline-block;position:relative;font-size:.875rem;letter-spacing:1px;color:#64ffda;line-height:20px;border:none;cursor:pointer;text-decoration:none;text-transform:uppercase;font-weight:300;background-color:hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 1px rgba(136,146,176,.75)}@media(min-width:768px){.btn-effect a.btn-effect-link,.btn-effect button.btn-effect-link{font-size:1rem;line-height:24px}}@media(min-width:992px){.btn-effect a.btn-effect-link,.btn-effect button.btn-effect-link{font-size:1.125rem;line-height:24px}}.btn-effect a.btn-effect-link:after,.btn-effect a.btn-effect-link:before,.btn-effect button.btn-effect-link:after,.btn-effect button.btn-effect-link:before{content:"";width:0;height:1px;position:absolute;transition:all .3s linear;background:#64ffda}.btn-effect a.btn-effect-link:before,.btn-effect button.btn-effect-link:before{left:50%;top:0;transition-duration:.4s}.btn-effect a.btn-effect-link:after,.btn-effect button.btn-effect-link:after{left:50%;bottom:0;transition-duration:.4s}.btn-effect a.btn-effect-link span,.btn-effect button.btn-effect-link span{display:block;padding:12px 26px 14px}@media(min-width:768px){.btn-effect a.btn-effect-link span,.btn-effect button.btn-effect-link span{padding:16px 36px}}@media(min-width:992px){.btn-effect a.btn-effect-link span,.btn-effect button.btn-effect-link span{padding:20px 50px}}.btn-effect a.btn-effect-link span:after,.btn-effect a.btn-effect-link span:before,.btn-effect button.btn-effect-link span:after,.btn-effect button.btn-effect-link span:before{content:"";width:1px;height:0;position:absolute;transition:all .2s linear;background:#64ffda}.btn-effect a.btn-effect-link span:before,.btn-effect button.btn-effect-link span:before{left:0;top:50%;transition-duration:.4s}.btn-effect a.btn-effect-link span:after,.btn-effect button.btn-effect-link span:after{right:0;top:50%;transition-duration:.4s}.btn-effect a.btn-effect-link:hover:after,.btn-effect a.btn-effect-link:hover:before,.btn-effect button.btn-effect-link:hover:after,.btn-effect button.btn-effect-link:hover:before{width:100%;left:0}.btn-effect a.btn-effect-link:hover span:after,.btn-effect a.btn-effect-link:hover span:before,.btn-effect button.btn-effect-link:hover span:after,.btn-effect button.btn-effect-link:hover span:before{height:100%;top:0}body.nav-open{overflow:hidden}@media(min-width:992px){body.nav-open{padding-right:10px}body.nav-open .menu-overlay{right:10px}body.nav-open .app--header,body.nav-open .menu-overlay{width:calc(100% - 10px);width:-webkit-calc(100% - 10px)}}@media(min-width:992px){html ::-webkit-scrollbar{width:10px;height:10px}html ::-webkit-scrollbar-button{display:none}html ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track-piece{background-color:rgba(136,146,176,.2)}html ::-webkit-scrollbar-thumb{background-color:#64ffda;border-radius:none}html ::-webkit-resizer,html ::-webkit-scrollbar-corner{background-color:rgba(136,146,176,.2)}}.header,.section{width:100%}.section{padding:30px 0;scroll-margin-top:58px}@media(min-width:768px){.section{padding:40px 0;scroll-margin-top:75px}}.section--light{background-color:#8892b0}.section--dark{color:#8892b0;background-color:#0a192f}.wrapper{margin:0 auto;width:100%;padding-left:1rem;padding-right:1rem}@media(min-width:1280px){.wrapper{max-width:1260px}}@media(min-width:1440px){.wrapper{max-width:1260px}}@media(min-width:1600px){.wrapper{max-width:1440px}}@media(min-width:1920px){.wrapper{max-width:1800px}}.wrapper--push{position:relative}@media(min-width:768px){.wrapper--push{padding-left:80px;padding-right:80px}}.app--header{position:fixed;width:100%;z-index:1;background-color:rgba(10,25,47,.75)}.app--nav{width:100%;display:flex}.app--nav .logo a{margin:12px 10px;display:block;width:34px;height:34px}@media(min-width:768px){.app--nav .logo a{margin:15px;width:45px;height:45px}}.app--nav .logo a svg{width:34px;height:34px}@media(min-width:768px){.app--nav .logo a svg{width:45px;height:45px}}.app--nav .burger{margin:12px 15px 0 auto;text-align:right;width:30px}@media(min-width:575px){.app--nav .burger{margin:20px 15px 0 auto;width:50px}}.app--nav .burger .hamburger{margin:0;padding:0;border:0;outline:none;position:relative;cursor:pointer;width:30px;height:22px;background-color:transparent}.app--nav .burger .hamburger .line,.app--nav .burger .hamburger:after,.app--nav .burger .hamburger:before{content:"";height:0;width:100%;position:absolute;transform:translateY(-50%);border-bottom:2px solid #8892b0;transition:all .3s ease-out}.app--nav .burger .hamburger:before{top:0;left:0}.app--nav .burger .hamburger:after{top:100%;right:0}.app--nav .burger .hamburger .line{top:50%;right:0}.app--nav .burger .hamburger.test .line{opacity:0}.app--nav .burger .hamburger.test:before{transform:rotate(-45deg) translate(-8px,6px)}.app--nav .burger .hamburger.test:after{transform:rotate(45deg) translate(-9px,-8px)}.app--nav .burger .menu{width:1px;height:1px;position:absolute;white-space:nowrap;overflow:hidden}.menu-overlay{position:fixed;width:100%;height:0;left:0;top:58px;right:0;z-index:1;overflow:hidden;transition:height .3s;background-color:rgba(10,25,47,.9)}@media(min-width:768px){.menu-overlay{top:75px}}.menu-overlay.show{height:calc(100% - 58px);height:-webkit-calc(100% - 58px)}@media(min-width:768px){.menu-overlay.show{height:calc(100% - 75px);height:-webkit-calc(100% - 75px)}}.menu-overlay .menu--list{margin:0;padding:0;top:15%;width:100%;position:relative;text-align:center}.menu-overlay .menu--list:hover{transition:opacity .75s}.menu-overlay .menu--list:hover li{opacity:.4;transition:opacity .75s}.menu-overlay .menu--list:hover li:hover{opacity:1;transition:opacity .75s}.menu-overlay .menu--list a{padding:7px 0;display:block;color:#8892b0;font-size:30px;font-weight:700;transition:.3s;text-decoration:none}@media(min-width:575px){.menu-overlay .menu--list a{font-size:34px}}@media(min-width:768px){.menu-overlay .menu--list a{font-size:40px}}@media(min-width:992px){.menu-overlay .menu--list a{font-size:44px}}.menu-overlay .menu--list a:focus,.menu-overlay .menu--list a:hover{color:#8892b0}.hero-banner{padding-top:130px;max-width:980px;margin:auto;text-align:center}.hero-banner .main-heading{font-size:1.75rem;line-height:1.2;color:#aec0ff;margin-bottom:20px}@media(min-width:420px){.hero-banner .main-heading{font-size:2.25rem}}@media(min-width:480px){.hero-banner .main-heading{font-size:2.5rem}}@media(min-width:575px){.hero-banner .main-heading{font-size:2.75rem}}@media(min-width:768px){.hero-banner .main-heading{font-size:3rem;font-weight:700}}@media(min-width:992px){.hero-banner .main-heading{font-size:3.5rem;letter-spacing:-.115rem}}.hero-banner .main-heading strong{font-size:1.875rem;padding-bottom:.75rem}@media(min-width:420px){.hero-banner .main-heading strong{font-size:2.25rem}}@media(min-width:480px){.hero-banner .main-heading strong{font-size:2.5rem}}@media(min-width:575px){.hero-banner .main-heading strong{font-size:3.5rem}}@media(min-width:768px){.hero-banner .main-heading strong{font-size:4.25rem;padding-bottom:0;display:block}}@media(min-width:992px){.hero-banner .main-heading strong{font-size:5.25rem}}.gradient-primary{background-image:linear-gradient(155deg,var(--gradient-first-1) 17%,var(--gradient-first-2) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-banner .sub-heading{font-size:1.125rem;font-weight:300;line-height:1.4;color:#afb8d0;margin-bottom:40px}@media(min-width:575px){.hero-banner .sub-heading{font-size:1.675rem}}@media(min-width:992px){.hero-banner .sub-heading{padding:5px 25px}}.btn-effect,.hero-tech ul li,.main-heading,.sub-heading{opacity:0;-webkit-animation:fade-up .75s forwards;animation:fade-up .75s forwards;-webkit-animation-duration:.75s;animation-duration:.75s}.sub-heading{-webkit-animation-delay:.2s;animation-delay:.2s}.hero-tech ul li{-webkit-animation-delay:.4s;animation-delay:.4s}.btn-effect{-webkit-animation-delay:.6s;animation-delay:.6s}.hero-tech ul li{margin:0 0 .5rem;padding:0;line-height:105%}@media(min-width:575px){.hero-tech ul li{margin:0 0 .75rem}}.hero-tech{margin-bottom:20px;display:none}@media(min-width:768px){.hero-tech{padding:0 50px;display:block}}.hero-tech ul{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.hero-tech ul li{display:flex;align-items:center;list-style:none;line-height:100%;padding-right:0}@media(min-width:575px){.hero-tech ul li{padding-right:12px}}.hero-tech ul li svg{font-size:12px}@media(min-width:768px){.hero-tech ul li svg{font-size:17px}}.hero-tech ul li .tech-text{color:#fff;margin:0 6px;font-size:11px;line-height:12px;display:block}@media(min-width:768px){.hero-tech ul li .tech-text{font-size:13px}}.hero-tech ul .icon-react{color:#00d8ff}.hero-tech ul .icon-nextjs{color:#f3f4f6}.hero-tech ul .icon-api{color:#0497ce}.hero-tech ul .icon-html{color:#e34f26}.hero-tech ul .icon-css{color:#60a5fa}.hero-tech ul .icon-wordpress{color:#44b0ff}.hero-tech ul .icon-javascript{color:#f7df1e}.hero-tech ul .icon-jquery{color:#0965a7}.hero-tech ul .icon-scss-sass,.hero-tech ul .icon-styled-components{color:#ce649a}.hero-tech ul .icon-tailwindcss{color:#39bcf9}.hero-tech ul .icon-bootstrap{color:#8b13fc}.hero-tech ul .icon-github{color:#f5f5f5}.hero-tech ul .icon-azure-devops{color:#0ea5e9}.about-sub-heading{font-size:1.375rem;font-weight:300;line-height:1.3;color:#9ba4c0}@media(min-width:575px){.about-sub-heading{font-size:1.5rem}}.hero{width:100%;height:100vh}.hero--dark{background-color:#0a192f}.hero .wrapper,.hero .wrapper--push{height:100%}.hero .wrapper--content{position:absolute;top:50%;content:"";transform:translateY(-50%)}@media(min-width:1600px){.hero .wrapper--content{top:45%}}.hero .wrapper--content .tag-line,.hero .wrapper--content .technologies ul li,.hero .wrapper--content h1,.hero .wrapper--content h2,.hero .wrapper--content h3{margin:0 0 .5rem;padding:0;line-height:105%;opacity:0;-webkit-animation:fade-from-left .5s forwards;animation:fade-from-left .5s forwards;-webkit-animation-duration:1.25s;animation-duration:1.25s}.hero .wrapper--content .tag-line{font-family:Courier New,monospace;color:#64ffda;font-size:1.25rem;display:block;letter-spacing:-.75px;-webkit-animation-delay:.1s;animation-delay:.1s}@media(min-width:575px){.hero .wrapper--content .tag-line{font-size:1.5rem}}@media(min-width:768px){.hero .wrapper--content .tag-line{font-size:1.5rem}}.hero .wrapper--content h1{font-size:1.65rem;color:#ccd6f6;font-weight:700}@media(min-width:360px){.hero .wrapper--content h1{font-size:2rem}}@media(min-width:420px){.hero .wrapper--content h1{font-size:2.375rem}}@media(min-width:480px){.hero .wrapper--content h1{font-size:2.5rem}}@media(min-width:575px){.hero .wrapper--content h1{font-size:2.875rem}}@media(min-width:768px){.hero .wrapper--content h1{font-size:3.25rem}}@media(min-width:1600px){.hero .wrapper--content h1{font-size:clamp(3.5rem,3vw,4rem)}}.hero .wrapper--content h1.main-headline{-webkit-animation-delay:.3s;animation-delay:.3s}.hero .wrapper--content h2{font-size:1.6rem;color:#8892b0;letter-spacing:-.95px}@media(min-width:360px){.hero .wrapper--content h2{font-size:1.8125rem}}@media(min-width:420px){.hero .wrapper--content h2{font-size:2.125rem}}@media(min-width:480px){.hero .wrapper--content h2{font-size:2.375rem}}@media(min-width:575px){.hero .wrapper--content h2{font-size:2.875rem}}@media(min-width:768px){.hero .wrapper--content h2{font-size:3.25rem}}@media(min-width:1600px){.hero .wrapper--content h2{margin:0 0 1rem;font-size:clamp(3.5rem,3vw,3.9375rem)}}.hero .wrapper--content h2.sub-headline{-webkit-animation-delay:.5s;animation-delay:.5s}.hero .wrapper--content h3{margin-bottom:1rem;color:#8892b0;font-size:1.375rem;font-weight:500;line-height:120%}@media(min-width:360px){.hero .wrapper--content h3{font-size:1.65rem;letter-spacing:-.75px}}@media(min-width:480px){.hero .wrapper--content h3{font-size:1.87rem}}@media(min-width:575px){.hero .wrapper--content h3{font-size:2.125rem}}@media(min-width:768px){.hero .wrapper--content h3{font-size:2.375rem;margin-bottom:1.25rem}}@media(min-width:1440px){.hero .wrapper--content h3{font-size:clamp(2.5rem,3vw,2.875rem)}}@media(min-width:639px){.hero .wrapper--content h3 span{display:block}}.hero .wrapper--content h3.hero-content{-webkit-animation-delay:.75s;animation-delay:.75s}.hero .wrapper--content .technologies{margin-bottom:30px}.hero .wrapper--content .technologies ul{margin:0;padding:0;display:flex;flex-wrap:wrap}.hero .wrapper--content .technologies ul li{display:flex;align-items:center;list-style:none;line-height:100%;padding-right:12px;-webkit-animation-delay:.75s;animation-delay:.75s}.hero .wrapper--content .technologies ul li svg{font-size:17px}.hero .wrapper--content .technologies ul li .tech-text{color:#fff;margin:0 6px;font-size:13px;line-height:12px;display:block}.hero .wrapper--content .technologies ul li:nth-child(2){-webkit-animation-delay:.8s;animation-delay:.8s}.hero .wrapper--content .technologies ul li:nth-child(3){-webkit-animation-delay:.9s;animation-delay:.9s}.hero .wrapper--content .technologies ul li:nth-child(4){-webkit-animation-delay:1s;animation-delay:1s}.hero .wrapper--content .technologies ul li:nth-child(5){-webkit-animation-delay:1s;animation-delay:1.1s}.hero .wrapper--content .technologies ul li:nth-child(6){-webkit-animation-delay:1.2s;animation-delay:1.2s}.hero .wrapper--content .technologies ul li:nth-child(7){-webkit-animation-delay:1.3s;animation-delay:1.3s}.hero .wrapper--content .technologies ul li:nth-child(8){-webkit-animation-delay:1.4s;animation-delay:1.4s}.hero .wrapper--content .technologies ul li:nth-child(9){-webkit-animation-delay:1.5s;animation-delay:1.5s}.hero .wrapper--content .technologies ul li:nth-child(10){-webkit-animation-delay:1.6s;animation-delay:1.6s}.hero .wrapper--content .technologies ul .icon-react{color:#00d8ff}.hero .wrapper--content .technologies ul .icon-nextjs{color:#f3f4f6}.hero .wrapper--content .technologies ul .icon-html{color:#e34f26}.hero .wrapper--content .technologies ul .icon-css{color:#60a5fa}.hero .wrapper--content .technologies ul .icon-javascript{color:#f7df1e}.hero .wrapper--content .technologies ul .icon-scss-sass{color:#ce649a}.hero .wrapper--content .technologies ul .icon-tailwindcss{color:#39bcf9}.hero .wrapper--content .technologies ul .icon-bootstrap{color:#8b13fc}.hero .wrapper--content .technologies ul .icon-github{color:#f5f5f5}.hero .wrapper--content .technologies ul .icon-azure-devops{color:#0ea5e9}.hero .wrapper--content .scroll-mouse{cursor:pointer;display:block;position:relative;width:28px;height:48px;border-radius:30px;border:1px solid #8892b0;opacity:0;-webkit-animation:fade-top .5s forwards;animation:fade-top .5s forwards;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-delay:1.5s;animation-delay:1.65s}@media(min-width:768px){.hero .wrapper--content .scroll-mouse{width:32px;height:54px}}.hero .wrapper--content .scroll-mouse:after{content:"";display:block;position:absolute;top:8px;left:15px;width:2px;height:4px;margin-left:-3px;border-radius:2px;background-color:#8892b0;-webkit-animation:scroll-mouse 1.5s infinite;animation:scroll-mouse 1.5s infinite}@media(min-width:768px){.hero .wrapper--content .scroll-mouse:after{top:12px;left:17px}}.hero .wrapper--content .scroll-mouse:hover{border-color:#64ffda}.hero .wrapper--content .scroll-mouse:hover:after{background-color:#64ffda}.hero .wrapper--content .scroll-mouse span{display:none}.hero--arrow-icon{margin-top:30px}.hero--arrow-icon svg{width:30px;height:auto}.scroll-mouse{cursor:pointer;display:block;position:relative;width:28px;height:48px;border-radius:30px;border:1px solid #8892b0;opacity:0;-webkit-animation:fade-top .5s forwards;animation:fade-top .5s forwards;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-delay:1.5s;animation-delay:1.65s;margin:0 auto}@media(min-width:768px){.scroll-mouse{width:32px;height:54px}}.scroll-mouse:after{content:"";display:block;position:absolute;top:8px;left:15px;width:2px;height:4px;margin-left:-3px;border-radius:2px;background-color:#8892b0;-webkit-animation:scroll-mouse 1.5s infinite;animation:scroll-mouse 1.5s infinite}@media(min-width:768px){.scroll-mouse:after{top:12px;left:17px}}.scroll-mouse:hover{border-color:#64ffda}.scroll-mouse:hover:after{background-color:#64ffda}.scroll-mouse span{display:none}@media(min-width:1600px){.section{padding:60px 0}}.section--about{padding-bottom:80px;background-color:#e4e8f7}@media(min-width:768px){.section--about{padding-bottom:100px}}@media(min-width:992px){.section--about{padding-bottom:120px}}@media(min-width:1440px){.section--about{padding-bottom:150px}}.section--about .tagline{margin-bottom:1rem}@media(min-width:992px){.section--about .tagline{white-space:nowrap;position:absolute;right:100%;top:0;margin-bottom:0;margin-top:15px;transform:rotate(-90deg);transform-origin:top right}}.section--about-content .large{margin-bottom:1.5rem}.section--about-content .large h4,.section--about-content .large p{opacity:0;visibility:hidden;transform:matrix(.99619,.08715,0,1,0,120);transition:all .9s ease-in-out}.section--about-content .large h4.scroll-effect,.section--about-content .large p.scroll-effect{opacity:.75;visibility:inherit;transform:matrix(1,0,0,1,0,0)}.section--about-content .large h4{font-size:1.5rem;line-height:125%;font-weight:400}@media(min-width:575px){.section--about-content .large h4{font-size:1.75rem;font-weight:300}}@media(min-width:768px){.section--about-content .large h4{font-size:2rem}}@media(min-width:1600px){.section--about-content .large h4{line-height:135%;margin-bottom:2rem}}.section--about-content .large p{font-size:1.5rem;line-height:130%}@media(min-width:575px){.section--about-content .large p{font-size:1.5rem}}@media(min-width:1440px){.section--about-content .large p{line-height:160%;margin-bottom:2rem}}.section--about-content .large .social-list{margin-bottom:3rem;display:flex;align-items:center}.section--about-content .large .social-list a{color:#373b40;overflow:hidden;position:relative;text-decoration:none;vertical-align:bottom;line-height:34px}.section--about-content .large .social-list a:after{bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;width:100%;background-color:#000;-webkit-animation:anchor-underline .5s ease-in-out forwards running;animation:anchor-underline .5s ease-in-out forwards running;transition:transform .375s ease-in-out,width .5s ease-in-out,opacity 1s}.section--about-content .large .social-list a:hover .animate-text{width:72px;font-size:40px}.section--about-content .large .social-list a:hover .animate-text b{transform:translateX(-32px)}.section--about-content .large .social-list a:hover .animate-text--last{opacity:.6}.section--about-content .large .social-list a:hover .animate-text.tel{width:50px}.section--about-content .large .social-list a:hover:after{opacity:.6;-webkit-animation:anchor-hover-underline .5s ease-in-out forwards running;animation:anchor-hover-underline .5s ease-in-out forwards running;transition:transform .375s ease-in-out,width .5s ease-in-out,opacity .5s}.section--about-content .large .social-list.first{margin-bottom:1rem}.section--about-content .large .social-list svg{margin-right:8px}.tagline{font-weight:300;text-transform:uppercase;font-size:1rem;letter-spacing:2px}.tagline--long,.tagline--short{display:inline-block;position:relative}.tagline--long:before,.tagline--short:before{content:"";position:absolute;top:50%;right:0;height:1px;transform:translateY(-50%);background-color:#0a192f}.tagline--long{padding-right:65px}.tagline--long:before{width:50px}.tagline--short{padding-right:32px}.tagline--short:before{width:20px}.tagline--light{color:#8892b0}.tagline--light:before{background-color:#8892b0}.tagline--dark{color:#0a192f}.tagline--dark:before{background-color:#0a192f}.section--work{padding-bottom:100px}.section--work .work-push-up{position:relative}.section--work .work-fluid{width:100%}.section--work .work-fluid--item{margin-bottom:30px}.section--work .work-thumbs{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-3px;margin-bottom:30px}@media(min-width:768px){.section--work .work-thumbs{margin-left:-30px;margin-right:-30px}}@media(min-width:992px){.section--work .work-thumbs{margin-left:-40px;margin-right:-40px}}@media(min-width:1600px){.section--work .work-thumbs{margin-left:-40px;margin-right:-40px}}.section--work .work-thumbs--item{width:100%;padding-right:20px;padding-left:20px;margin-bottom:40px}@media(min-width:575px){.section--work .work-thumbs--item{width:50%}}@media(min-width:768px){.section--work .work-thumbs--item{padding-right:30px;padding-left:30px;margin-bottom:60px}}@media(min-width:992px){.section--work .work-thumbs--item{padding-right:40px;padding-left:40px;margin-bottom:70px}}@media(min-width:1600px){.section--work .work-thumbs--item{padding-right:40px;padding-left:40px;margin-bottom:80px}}.section--work .hover-effect{height:100%;background-color:rgba(100,255,218,.9)}@media(min-width:1024px){.section--work .hover-effect{background-color:transparent}}.section--work .hover-effect a{position:relative;width:100%;display:block;text-decoration:none}@media(min-width:1024px){.section--work .hover-effect a{color:#8892b0}}.section--work .hover-effect a:before{position:absolute;top:17px;right:-17px;bottom:-17px;left:17px;content:"";z-index:1;transition:all .5s ease-in-out;border:1px solid rgba(136,146,176,.5)}@media(min-width:768px){.section--work .hover-effect a:before{top:22px;right:-22px;bottom:-22px;left:22px}}.section--work .hover-effect a:after{position:absolute;top:0;right:0;left:0;content:"";z-index:-2;background-color:#0a192f;height:200px}.section--work .hover-effect a .link--icon{position:absolute;top:17px;right:-17px;content:"";z-index:9;width:40px;height:40px;line-height:40px;display:flex;text-align:center;background-color:rgba(100,255,218,.85)}@media(min-width:768px){.section--work .hover-effect a .link--icon{top:22px;right:-22px}}@media(min-width:1024px){.section--work .hover-effect a .link--icon{width:50px;height:50px;line-height:50px;top:inherit;top:22px;right:-22px}}.section--work .hover-effect a .link--icon svg{width:22px;margin:0 auto;display:block;opacity:.75}@media(min-width:1024px){.section--work .hover-effect a .link--icon svg{width:26px}}.section--work .hover-effect a figure{margin:0;display:block;width:100%}.section--work .hover-effect a figure img{opacity:.95;min-width:101%!important}@media(min-width:1024px){.section--work .hover-effect a figure img{opacity:.85}.section--work .hover-effect a .work-overlay{text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .5s ease-in-out;background-color:rgba(10,25,47,.95)}}.section--work .hover-effect a .work-overlay--content{margin:0 auto;padding:10px 35px 15px 30px;color:#0a192f;font-weight:300}@media(min-width:1024px){.section--work .hover-effect a .work-overlay--content{position:absolute;top:50%;left:0;right:0;content:"";transform:translateY(-50%);max-width:500px;padding:20px 20px 20px 40px;color:#bdc5de}}@media(min-width:1600px){.section--work .hover-effect a .work-overlay--content{width:80%;max-width:700px}}@media(min-width:1024px){.section--work .hover-effect a .work-overlay--content .work-item--text{opacity:0;transform:translateY(15px);transition:transform .3s ease-in-out,opacity .15s ease-in}}.section--work .hover-effect a .work-overlay--content .item-title{font-size:.9375rem;margin-bottom:.125rem;font-weight:600}@media(min-width:768px){.section--work .hover-effect a .work-overlay--content .item-title{font-size:.9375rem;margin-bottom:.25rem}}@media(min-width:1024px){.section--work .hover-effect a .work-overlay--content .item-title{font-size:.9375rem;margin-bottom:.75rem;font-weight:500}}.section--work .hover-effect a .work-overlay--content .item-description{font-size:.9375rem;margin-bottom:0;line-height:135%;font-weight:500}@media(min-width:768px){.section--work .hover-effect a .work-overlay--content .item-description{font-size:.9375rem}}@media(min-width:1024px){.section--work .hover-effect a .work-overlay--content .item-description{margin-bottom:1.125rem;font-size:1rem;font-weight:600}}.section--work .hover-effect a .work-overlay--content .item-btn{display:none;cursor:pointer;color:#64ffda;font-size:.75rem;padding:15px 22px;border-radius:3px;text-transform:uppercase;border:1px solid #64ffda;background-color:#0a192f;transition:all .2s ease-in-out}@media(min-width:1024px){.section--work .hover-effect a .work-overlay--content .item-btn{display:inline-block}}.section--work .hover-effect a .work-overlay--content .item-btn:hover{outline:none;border-color:rgba(100,255,218,.9);background-color:rgba(100,255,218,.1)}.section--work .hover-effect a:hover .work-overlay{opacity:1}.section--work .hover-effect a:hover .work-overlay--content .work-item--text{-webkit-font-smoothing:antialiased;opacity:1;transform:translateY(0)}.section--work .hover-effect a:hover .work-overlay--content .item-title{transition-delay:.1s,.1s}.section--work .hover-effect a:hover .work-overlay--content .item-description{transition-delay:.2s,.2s}.section--work .hover-effect a:hover .work-overlay--content .item-btn{transition-delay:.3s,.3s}.section--work .hover-effect a img{display:block;max-width:100%;width:100%;height:100%}.section--exp{padding-top:0;padding-bottom:60px}@media(min-width:1600px){.section--exp{padding-bottom:100px}}.section--exp .exp-col{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.section--exp .exp-col--item{max-width:100%;color:#8892b0;padding-right:10px;padding-left:10px;margin-bottom:40px;position:relative;z-index:0;opacity:0;transform:translateX(-75px);transition:transform .5s ease-in-out,opacity 1s}@media(min-width:575px){.section--exp .exp-col--item{max-width:50%;margin-bottom:50px}}@media(min-width:768px){.section--exp .exp-col--item{margin-bottom:60px}}@media(min-width:992px){.section--exp .exp-col--item{max-width:33.33%;margin-bottom:80px}}@media(min-width:1440px){.section--exp .exp-col--item{margin-bottom:120px}}.section--exp .exp-col--item.left-effect{opacity:1;transform:translateX(0)}.section--exp .exp-col--item:first-child,.section--exp .exp-col--item:nth-child(4){transition-delay:.1s,.1s}.section--exp .exp-col--item:nth-child(2),.section--exp .exp-col--item:nth-child(5){transition-delay:.2s,.2s}.section--exp .exp-col--item:nth-child(3),.section--exp .exp-col--item:nth-child(6){transition-delay:.3s,.3s}.section--exp .exp-col--item .exp-number{position:absolute;font-weight:700;font-size:5rem;opacity:.15;z-index:-1;left:-19px;top:-8px}.section--exp .exp-col--item .tagline{font-size:1.375rem}.section--exp .exp-col--item h5{font-size:1.125rem;letter-spacing:.02em;margin-bottom:.25rem}.section--exp .exp-col--item h5 span{font-weight:400;font-size:1rem}.section--exp .exp-col--item h6{font-family:Courier New,monospace;color:#64ffda;font-size:.8125rem;letter-spacing:.1rem;line-height:1.25em;margin-bottom:.5rem;text-transform:uppercase}.section--exp .exp-col--item p{line-height:1.5rem;margin-bottom:.5rem}.section--exp .exp-col--item p.company-name{margin-bottom:0;line-height:1.125rem}.section--exp .exp-col--item p.product{opacity:.9;font-size:.8rem;font-style:italic;margin-bottom:.125rem}.section--exp .exp-col--item p.small{opacity:.9;font-size:.875rem}.section--exp .exp-col--item p.small strong{font-weight:500;color:#bdc5de}.section--exp .exp-col--item a{color:#8892b0;-webkit-text-decoration:#ffdead;text-decoration:#ffdead}.section--contact{padding-bottom:60px;line-height:1.5rem;background-color:#061328;background-size:contain;background-position:bottom;background-repeat:no-repeat;background-image:url(/images/ui-stroke.svg)}@media(min-width:1600px){.section--contact{padding:70px 0 200px}}.section--contact .contact--text{padding:0 20px;margin-bottom:30px;font-size:1.25rem;line-height:125%;text-align:center}@media(min-width:768px){.section--contact .contact--text{font-size:1.25rem;margin-bottom:35px}}@media(min-width:1600px){.section--contact .contact--text{margin-bottom:60px}}.section--contact .contact-col{margin:0 auto;display:flex;flex-wrap:wrap}.section--contact .contact-col.contact--form{margin-bottom:2px;max-width:800px}@media(min-width:575px){.section--contact .contact-col.contact--form{margin-bottom:20px}}@media(min-width:768px){.section--contact .contact-col.contact--form{margin-bottom:30px}}.section--contact .contact-col.contact--form .form-wrap{margin:0 auto;display:flex;flex-wrap:wrap}.section--contact .contact-col.contact--form .form-wrap .submit-message{height:30px;width:100%;font-size:1.25rem;text-align:center}.section--contact .contact-col.contact--form .form-wrap .submit-message .success-message{color:#64ffda}.section--contact .contact-col.contact--form .form-wrap .submit-message .error-message{color:#e72626}.section--contact .contact-col--item{width:100%;color:#8892b0;padding-right:10px;padding-left:10px;margin-bottom:30px;position:relative;z-index:0}@media(min-width:575px){.section--contact .contact-col--item{max-width:50%}}.section--contact .contact-col--item.item-fluid{max-width:100%}@media(min-width:575px){.section--contact .contact-col--item.item-fluid{max-width:100%}}.section--contact .contact-col--item.item-footer{width:auto}.section--contact .contact-col--item.item-footer p{margin-bottom:.75rem}.section--contact .contact-col--item.item-footer p.contact--details{font-size:1.37rem}.section--contact .contact-col--item .form-group{position:relative}.section--contact .contact-col--item .form-group .form-control{width:100%;height:100%;border:1px solid rgba(136,146,176,.65);color:#8892b0;outline:none;padding:13px;background:none;font-size:1.25rem;transition:all .2s ease-in-out}.section--contact .contact-col--item .form-group .form-control--textarea{height:150px;padding-top:10px;font-family:inherit;font-size:1.25rem}.section--contact .contact-col--item .form-group .form-control:focus,.section--contact .contact-col--item .form-group .form-control:hover{border-color:#64ffda}.section--contact .contact-col--item .form-group .form-label{position:absolute;left:.5rem;top:.8rem;z-index:1;padding:0 .5rem;color:#8892b0;cursor:text;font-size:1.125rem;font-weight:700;transition:top .2s ease-in,left .2s ease-in,font-size .2s ease-in,background-color .2s}.section--contact .contact-col--item .form-group .form-control:focus~.form-label,.section--contact .contact-col--item .form-group .form-control:not(:placeholder-shown).form-control:not(:focus)~.form-label{top:-.75rem;font-size:.875rem;left:.25rem;z-index:0;color:#8892b0;background-color:#111}.section--contact .site-nominee{margin-bottom:50px}.section--contact .site-nominee a{line-height:100%}.section--contact .site-nominee a span{display:block;font-size:.75rem;font-weight:300;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}@media(min-width:768px){.section--contact .site-nominee a span{font-size:.875rem;margin-bottom:15px}}.section--contact .site-nominee a img{max-width:220px;opacity:.4;transition:opacity .75s}@media(min-width:768px){.section--contact .site-nominee a img{max-width:280px}}.section--contact .site-nominee a:hover{color:#ccd6f6}.section--contact .site-nominee a:hover img{opacity:1}.section--contact .contact-phone{font-size:30px;margin-bottom:15px;letter-spacing:-.5px}@media(min-width:768px){.section--contact .contact-phone{font-size:36px;margin-bottom:5px}}@media(min-width:992px){.section--contact .contact-phone{font-size:40px}}.section--contact .contact-phone .whatsapp-icon{width:22px;height:22px;margin-bottom:-1px;margin-right:0}@media(min-width:768px){.section--contact .contact-phone .whatsapp-icon{width:25px;height:25px}}@media(min-width:992px){.section--contact .contact-phone .whatsapp-icon{width:30px;height:30px;margin-right:5px}}.section--contact .contact-email{font-size:28px;line-height:20px;margin-bottom:7rem}.section--contact .contact-email a{line-height:28px}@media(min-width:768px){.section--contact .contact-email{font-size:30px}}@media(min-width:992px){.section--contact .contact-email{font-size:40px}}.section--contact .contact-social{margin-bottom:1.5rem}.section--contact .contact-social a{margin:0 5px;font-size:16px;line-height:28px;color:#64ffda;letter-spacing:.75px}@media(min-width:768px){.section--contact .contact-social a{margin:0 20px;font-size:20px}}.section--contact .contact-social a:hover{color:#8892b0}@media(min-width:1024px){.section--contact .is-desktop{display:none}}.section--contact .copyright a{line-height:24px;color:#64ffda}.section--contact .copyright a:hover{color:#8892b0}.section--contact a{color:#8892b0;text-decoration:none;vertical-align:bottom;font-weight:700;line-height:55px}.section--contact a,.section--contact a .animate-text{display:inline-block;overflow:hidden;position:relative}.section--contact a .animate-text{width:30px;transition:width .4s,opacity .5s;line-height:50px;height:50px}@media(max-width:1023px){.section--contact a .animate-text{display:none}}.section--contact a .animate-text b{position:absolute;left:0;bottom:-10px;font-weight:700;transition:transform .4s}.section--contact a .animate-text--last{opacity:.75;font-size:40px;line-height:50px;font-weight:800;color:#64ffda;display:block;transition:all .5s ease-in-out}@media(min-width:575px){.section--contact a .animate-text--last{font-size:40px;line-height:60px;display:inline-block}}@media(min-width:768px){.section--contact a .animate-text--last{font-size:46px;line-height:62px;display:inline-block}}@media(min-width:992px){.section--contact a .animate-text--last{font-size:68px;line-height:82px;display:inline-block}}.section--contact a:after{bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;width:100%;background-color:#8892b0;-webkit-animation:anchor-underline .5s ease-in-out forwards running;animation:anchor-underline .5s ease-in-out forwards running;transition:transform .375s ease-in-out,width .5s ease-in-out,opacity 1s}.section--contact a:hover .animate-text{width:72px;font-size:40px}.section--contact a:hover .animate-text b{transform:translateX(-32px)}.section--contact a:hover .animate-text--last{opacity:.6}.section--contact a:hover .animate-text.tel{width:50px}.section--contact a:hover:after{opacity:.6;-webkit-animation:anchor-hover-underline .5s ease-in-out forwards running;animation:anchor-hover-underline .5s ease-in-out forwards running;transition:transform .375s ease-in-out,width .5s ease-in-out,opacity .5s}.fade-effect{opacity:0;transform:translateY(70px);transition:transform .75s,opacity .5s ease}.fade-effect.fade-up{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transform:translateX(-50px);transition:transform .75s,opacity .5s ease-in}.fade-left.scroll-left{opacity:1;transform:translateY(0)}.link--arrow{outline:none;border:none;overflow:hidden;position:relative;font-size:1rem;letter-spacing:2px;padding-right:40px;transition:all .3s;display:inline-block;text-transform:uppercase;background:transparent;font-weight:300}@media(min-width:768px){.link--arrow{font-size:1.125rem}}.link--arrow.link--dark{color:#0a192f}.link--arrow.link--dark:after,.link--arrow.link--dark:before{background-image:url(/images/right-black.svg)}.link--arrow.link--light{color:#8892b0}.link--arrow.link--light:after,.link--arrow.link--light:before{background-image:url(/images/right-white.svg)}.link--arrow:after,.link--arrow:before{position:absolute;top:50%;content:"";width:25px;height:13px;display:inline-block;background-size:25px 13px;opacity:0;transform:translateY(-50%);transition:transform .3s,opacity .3s}.link--arrow:before{transform:translateY(-50%) translateX(-100%);opacity:0}.link--arrow:after{right:0;opacity:1}.link--arrow span{display:inline-block;transition:transform .3s,opacity .3s}.link--arrow:hover{font-weight:700}.link--arrow:hover span{transform:translateX(40px)}.link--arrow:hover:before{opacity:1;transform:translateY(-50%) translateX(0)}.link--arrow:hover:after{opacity:0;transform:translateY(-50%) translateX(100%)}.port-recent img{vertical-align:middle;max-width:100%;display:inline-block}@media screen and (min-width:1440px){.port-recent .port-recent--box{transform:translate(0)}}.port-recent .port-recent--box{background-color:var(--background--dark);box-shadow:inset 0 0 0 2px var(--box-dark-blue);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.675rem;padding:.675rem;flex-direction:column;justify-content:center;align-items:center;display:flex}.port-recent .port-recent--box img{border-radius:.5rem;opacity:.85}@media(min-width:768px){.port-recent .port-recent--box img{border-radius:1rem}}@media(min-width:992px){.port-recent .port-recent--box img{border-radius:1.5rem}}@media(min-width:768px){.port-recent .port-recent--box{padding:1rem;border-radius:1rem}}@media(min-width:992px){.port-recent .port-recent--box{padding:1.25rem;border-radius:1.5rem}}.port-recent .port-recent--box figure{margin:0;display:block;position:relative;width:100%;cursor:pointer}.port-recent .port-recent--box figure img{opacity:.95;min-width:100%!important}@media(min-width:1024px){.port-recent .port-recent--box figure img{opacity:.85}.port-recent .port-recent--box figure .work-overlay{text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .5s ease-in-out;background-color:rgba(10,25,47,.95);border-radius:1.4rem;box-shadow:inset 0 0 21px -13px var(--gradient-first-2)}}.port-recent .port-recent--box figure .work-overlay--content{margin:0 auto;padding:20px 35px 15px 10px;color:#8892b0;font-weight:300}@media(min-width:1024px){.port-recent .port-recent--box figure .work-overlay--content{position:absolute;top:50%;left:0;right:0;content:"";transform:translateY(-50%);max-width:500px;padding:20px 20px 20px 40px;color:#bdc5de}}@media(min-width:1600px){.port-recent .port-recent--box figure .work-overlay--content{width:80%;max-width:700px}}@media(min-width:1024px){.port-recent .port-recent--box figure .work-overlay--content .work-item--text{opacity:0;transform:translateY(15px);transition:transform .3s ease-in-out,opacity .15s ease-in}}.port-recent .port-recent--box figure .work-overlay--content .item-title{font-size:1rem;margin-bottom:.125rem;font-weight:600}@media(min-width:768px){.port-recent .port-recent--box figure .work-overlay--content .item-title{font-size:.9375rem;margin-bottom:.25rem}}@media(min-width:1024px){.port-recent .port-recent--box figure .work-overlay--content .item-title{font-size:.9375rem;margin-bottom:.75rem;font-weight:500}}.port-recent .port-recent--box figure .work-overlay--content .item-description{font-size:1rem;margin-bottom:0;line-height:135%;font-weight:500}@media(min-width:768px){.port-recent .port-recent--box figure .work-overlay--content .item-description{font-size:.9375rem}}@media(min-width:1024px){.port-recent .port-recent--box figure .work-overlay--content .item-description{margin-bottom:1.125rem;font-size:1rem;font-weight:600}}.port-recent .port-recent--box figure .work-overlay--content .item-btn{display:none;cursor:pointer;color:#64ffda;font-size:.75rem;padding:15px 22px;border-radius:3px;text-transform:uppercase;border:1px solid #64ffda;background-color:#0a192f;transition:all .2s ease-in-out}@media(min-width:1024px){.port-recent .port-recent--box figure .work-overlay--content .item-btn{display:inline-block}}.port-recent .port-recent--box figure .work-overlay--content .item-btn:hover{outline:none;border-color:rgba(100,255,218,.9);background-color:rgba(100,255,218,.1)}.port-recent .port-recent--box figure:hover .work-overlay{opacity:1}.port-recent .port-recent--box figure:hover .work-overlay--content .work-item--text{-webkit-font-smoothing:antialiased;opacity:1;transform:translateY(0)}.port-recent .port-recent--box figure:hover .work-overlay--content .item-title{transition-delay:.1s,.1s}.port-recent .port-recent--box figure:hover .work-overlay--content .item-description{transition-delay:.2s,.2s}.port-recent .port-recent--box figure:hover .work-overlay--content .item-btn{transition-delay:.3s,.3s}@media screen and (min-width:1350px){.port-recent .port-recent--box-wrap{pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;display:block;-webkit-mask-composite:xor;mask-composite:exclude}}.port-recent .port-recent--box-wrap{border-radius:2rem;width:100%;height:100%;padding:2px;position:absolute;inset:0;overflow:hidden}@media screen and (min-width:1350px){.port-recent .port-recent--border-animation{background-image:linear-gradient(180deg,rgba(78,149,255,.502),var(--gradient-transparent));width:20rem;height:20rem;position:absolute;inset:auto auto 0 0;-webkit-animation:BorderAnimation 15s linear infinite backwards paused;animation:BorderAnimation 15s linear infinite backwards paused;-webkit-animation-play-state:running;animation-play-state:running}.port-recent .port-recent--border-animation:nth-child(2){-webkit-animation-delay:4s;animation-delay:4s}}.dividerline{grid-column-gap:.75rem;grid-row-gap:.75rem;justify-content:center;align-items:center;width:100%;max-width:55rem;margin:3.5rem auto;display:flex}.dividerline-left,.dividerline-right{background-color:var(--dark-background-blue);width:100%;height:1px}.dividerline-icon{-webkit-animation:DividerLineIconRotate 5s linear infinite;animation:DividerLineIconRotate 5s linear infinite}.dividerline-left,.dividerline-right{-webkit-animation:showLine 1.5s linear 50ms backwards;animation:showLine 1.5s linear 50ms backwards}@-webkit-keyframes showLine{0%{width:0}to{width:100%}}@keyframes showLine{0%{width:0}to{width:100%}}.img-new a{position:relative;color:#64ffda;text-decoration:none}.img-new a .img{position:absolute;translate:-50% -50%;pointer-events:none;width:0;height:0;transition:width .5s,height .5s;z-index:-1}.img-new a:hover:after{opacity:1;-webkit-animation:anchor-hover-underline .5s ease-in-out forwards running;animation:anchor-hover-underline .5s ease-in-out forwards running;transition:transform .375s ease-in-out,width .5s ease-in-out,opacity .5s}.img-new a:hover .img{width:300px;height:300px}@-webkit-keyframes DividerLineIconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes DividerLineIconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes BorderAnimation{0%{transform:translateZ(0) translate(-50%);opacity:0}20%{transform:translateZ(0) translate(-50%,-140%);opacity:1}21%{transform:translateZ(0) translate(-50%,-140%) rotate(45deg)}30%{transform:translateZ(0) translate(50%,-190%) rotate(90deg)}46%{transform:translateZ(0) translate(270%,-190%) rotate(90deg)}47%{transform:translateZ(0) translate(270%,-190%) rotate(135deg)}54%{transform:translateZ(0) translate(320%,-140%) rotate(180deg);opacity:1}70%{transform:translateZ(0) translate(320%,-20%) rotate(180deg);opacity:0}to{transform:translateZ(0) translate(320%,-20%) rotate(180deg);opacity:0}}@keyframes BorderAnimation{0%{transform:translateZ(0) translate(-50%);opacity:0}20%{transform:translateZ(0) translate(-50%,-140%);opacity:1}21%{transform:translateZ(0) translate(-50%,-140%) rotate(45deg)}30%{transform:translateZ(0) translate(50%,-190%) rotate(90deg)}46%{transform:translateZ(0) translate(270%,-190%) rotate(90deg)}47%{transform:translateZ(0) translate(270%,-190%) rotate(135deg)}54%{transform:translateZ(0) translate(320%,-140%) rotate(180deg);opacity:1}70%{transform:translateZ(0) translate(320%,-20%) rotate(180deg);opacity:0}to{transform:translateZ(0) translate(320%,-20%) rotate(180deg);opacity:0}}