@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,600;1,600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Eagle+Lake&family=Macondo+Swash+Caps&family=Montez&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Syncopate:wght@400;700&family=The+Girl+Next+Door&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Long+Cang&display=swap);html{scroll-behavior:smooth}:root{--base-color:#94e794}body{padding:0;font-family:"Josefin Sans",sans-serif;-moz-osx-font-smoothing:grayscale;background-color:#0a192f;box-sizing:border-box;width:80%;margin:0 auto;cursor:none}.cursor{position:fixed;left:10px;width:5px;height:5px;transform:translate(-50%,-50%);background-color:#94e794;mix-blend-mode:difference;border-radius:50%;pointer-events:none;transition:width .5s,height .5s}.outer-cursor.grow{width:30px;height:30px}.outer-cursor{position:fixed;left:10px;width:40px;height:40px;transform:translate(-50%,-50%);border:1px solid #94e794;border:1px solid var(--base-color);mix-blend-mode:difference;border-radius:50%;pointer-events:none;pointer-events:.1ms;transition:.1s ease-out}.base-color{color:#94e794;color:var(--base-color)}.center{text-align:center}.heading{position:relative;font-size:70px;color:rgba(225,255,255,.1);text-transform:uppercase;font-weight:700;margin-top:150px}.heading,.heading:before{text-align:center;letter-spacing:8px;transition:.5s}.heading:before{content:attr(data-text);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:#94e794;color:var(--base-color);text-shadow:0 0 10px #94e794;text-shadow:0 0 10px var(--base-color);font-weight:500;white-space:nowrap;opacity:.8;transition-delay:.5s}a{text-decoration:none}ul{list-style-type:none}.container{max-width:1170px;margin:auto}.header{padding:12px 0;position:relative}header.sticky{background-color:rgba(14,31,56,.9686274509803922);padding:0}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.header .logo{color:#f0f8ff;font-family:"Long Cang",cursive}.logo h1{font-size:40px}.header #navBar ul li{display:inline-block;padding:0 15px}.header #navBar ul li:nth-last-child(){padding:0}.header #navBar ul li a{position:relative;color:#e0d0d0;transition:all .5s ease}.header #navBar ul li a:hover{color:#f0f8ff}.header #navBar ul li a:after{content:"";position:absolute;background-color:#94e794;height:2px;width:0;left:0;bottom:-10px;transition:.3s}.header #navBar ul li a:hover:after{width:100%}.header #nav-check{position:absolute;opacity:0;pointer-events:none}#toggle{position:absolute;margin-right:15px}@media (max-width:991px){header.sticky{padding:0 40px}#toggle{position:relative;display:flex}#toggle span{position:absolute;width:40px;height:3px;background-color:#94e794;background-color:var(--base-color);border-radius:4px;transition:.5s}#toggle span:first-child{transform:translateY(-15px);width:25px}#toggle.active span:first-child{width:40px;transform:translateY(0) rotate(45deg);transition-delay:.125s}#toggle span:nth-child(2){transform:translateY(15px);width:15px}#toggle.active span:nth-child(2){width:40px;transform:translateY(0) rotate(315deg);transition-delay:.25s}#toggle.active span:nth-child(3){display:none}.header #navBar{position:absolute;left:0;top:100%;width:100%;background-color:rgba(14,31,56,.9686274509803922);opacity:0;visibility:hidden}.header #navBar ul li{display:inline-flex;text-align:center;line-height:30px}.header #navBar ul{margin-left:-50px;text-align:center}.header #nav-check:checked~#navBar{opacity:1;visibility:visible}}.hero{line-height:26px;display:flex;margin:50px 0 150px}.hero h1,.hero h2{color:#f0f8ff}.hero h1{font-size:60px;font-weight:400}.hero .tag{font-size:55px;color:#c1c6ca}.hero .desc{color:#a9a9a9;font-size:18px;width:60%}.a-link{color:#f0f8ff;font-size:18px;text-decoration:none}.hero .hero-right h2{position:relative;font-size:14vh;line-height:90px;color:#0a192f;-webkit-text-stroke:.3vh #0f2649}.hero .hero-right h2:before{content:attr(data-text);position:absolute;top:0;left:0;width:0;-webkit-text-stroke:.3vh #94e794;-webkit-text-stroke:.3vh var(--base-color);border-right:2px solid #0f2649;overflow:hidden;animation:animate 6s linear infinite}@keyframes animate{0%,10%,to{width:0}70%,90%{width:100%}}.about-section{margin-bottom:150px}.about{display:flex;margin:80px auto}.web-hidden{display:none}.left-side,.right-side{width:50%}.about h1{font-weight:700;color:rgba(104,148,213,.27058823529411763);font-size:50px;margin-bottom:10px}.about h2{color:#f0f8ff;font-size:35px}.about-info{display:flex;margin-bottom:5px;line-height:20px}.about-info .info,.about-info .number{display:block;text-align:center;color:#a9a9a9}.number h1{font-size:30px;font-weight:700;color:#94e794;color:var(--base-color);margin-bottom:10px}.info,.right-side p{font-size:18px}.right-side p{color:#a9a9a9;line-height:26px}.pd{margin-right:40px}.pro-lang{width:85%;margin:-40px auto 0}.pro-lang img{width:50px;padding:10px;border-radius:50%;margin:10px;border:none;outline:none;background-color:#0a192f;box-shadow:-1px -1px 3px rgba(225,255,255,.1),2px 2px 6px rgba(0,0,0,.8)}.pro-lang img:hover{box-shadow:-1px -1px 3px rgba(6,20,42,.1),2px 2px 6px rgba(0,0,0,.8),inset -2px -2px 10px #0a192f,inset 2px 2px 10px rgba(0,0,0,.5)}.qualification{width:40%;margin:70px auto 40px}.qualification-container{margin-bottom:40px}.qualification-tabs{display:flex;justify-content:center}.tabs{color:#f0f8ff;font-size:18px;cursor:pointer;margin-right:30px;margin-bottom:30px}.date i,.tabs i{margin-right:5px}.active-tabs{color:#94e794;color:var(--base-color)}.data{color:#faebd7;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;grid-column-gap:60px;column-gap:60px}.title{color:#f0f8ff;font-weight:700}.subtitle,.title{margin-bottom:10px}.subtitle{display:inline-block;color:#a9a9a9}.date{color:grey}.rounder{display:inline-block;width:13px;height:13px;border-radius:50%}.line,.rounder{background-color:#94e794;background-color:var(--base-color)}.line{display:block;width:1px;height:100%;transform:translate(6px,-7px)}.content{display:none}.active-content{display:block}.work{position:relative;max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-rows:minmax(100px,auto);grid-auto-flow:dense;grid-gap:10px}.work .project{background:hsla(0,0%,100%,.02);padding:20px;display:grid;place-items:center;text-align:center;color:#fff;transition:.5s}.work .project:hover{background:#0a192f}.work .project a{text-decoration:none;color:#a9a9a9}.work .project img{position:relative;width:150px;max-width:100%;margin-bottom:10px}.work .project:first-child,.work .project:nth-child(6),.work .project:nth-child(7){grid-column:span 2;grid-row:span 1}@media (max-width:991px){.work{grid-template-columns:repeat(auto-fill,minmax(50%,1fr));grid-template-rows:minmax(auto,auto)}.work .project{grid-column:unset!important;grid-row:unset!important}}.additional-project{max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-flow:dense;grid-gap:15px;margin-top:50px}.project-info{background-color:rgba(19,40,70,.9686274509803922);padding:30px;border-radius:5px}.project-info:hover{margin-top:-8px;transition:.2s}.additional-project .top{font-size:20px}.additional-project .top i{color:#94e794;color:var(--base-color);margin-right:15px}.additional-project .top span{color:#f0f8ff}.details p{color:#a9a9a9;font-size:18px;display:block}.details ul{display:flex;grid-column-gap:10px;column-gap:10px;padding-left:0}.details ul li{padding:8px;border-radius:5px;font-size:14px;background-color:#0a192f;list-style-type:none;color:#94e794;color:var(--base-color)}.project-link{text-align:right}.project-link a{color:#a9a9a9;text-align:center;font-size:20px;margin-right:20px}.footer{margin:150px auto;padding:60px;text-align:center;background:hsla(0,0%,100%,.02);box-shadow:0 15px 35px rgba(0,0,0,.2);border-radius:5px}.footer a:hover{color:#f0f8ff;background-color:#0a192f}.footer h2{font-size:18px;color:#94e794;color:var(--base-color)}.footer h1{color:#f0f8ff}.footer p{color:#a9a9a9;font-size:18px;margin-bottom:50px}.footer a{text-decoration:none;padding:20px;background:#0f2649;color:#94e794;color:var(--base-color);border-radius:5px}.call-btn{position:fixed;right:20px;bottom:20px}.call-btn .button{display:inline-block;height:50px;width:50px;margin:0 5px;overflow:hidden;cursor:pointer;background-color:#0f2649;border-radius:50px;box-shadow:0 10px 10px rgba(0,0,0,.1);transition:all .3s ease-out}.call-btn .button:hover{width:auto;padding-right:20px;transition:all .3s ease-out}.call-btn .button .icon{display:inline-block;height:50px;width:50px;text-align:center;border-radius:50px;box-sizing:border-box;line-height:50px;transition:all .3s ease-out}.call-btn .button:hover .icon{background-color:#0a192f;transition:all .3s ease-out}.call-btn .button .icon i{font-size:17px;line-height:50px;color:#f0f8ff;transition:all .3s ease-out}.call-btn .button:hover .icon i{color:#94e794;color:var(--base-color)}.call-btn .button span{font-size:17px;font-weight:500;line-height:50px;margin-left:10px;color:#f0f8ff}.build-by{display:flex;margin:20px 0;justify-content:space-between}.build-by h1{color:#f0f8ff;font-size:17px;font-weight:500}.build-by a{color:#f0f8ff;padding:0 7px}@media (max-width:991px){.cursor,.outer-cursor,.outer-cursor.grow{display:none}.heading{font-size:42px;margin-top:100px}.hero{display:block}.hero h1{font-size:42px}.logo h1{font-size:35px}.hero .desc{font-size:18px;width:100%}.hero .hero-right h2{font-size:5vh}.hero .tag{line-height:normal}.hero .hero-right h2:before{height:100%}.hero .tag{font-size:44px}.about{display:flex;flex-direction:column-reverse}.about h1{font-size:35px}.about-info{margin-left:50px}.right-side{width:100%;margin:auto;text-align:centerS}.res-hidden{display:none}.web-hidden{display:block}.left-side{width:100%;text-align:center}.about-info{justify-content:center}.pro-lang{text-align:center}.pro-lang img{width:23px}.pro-lang{width:100%}.qualification-tabs{justify-content:space-around}.qualification{width:100%}.data{grid-column-gap:35px;column-gap:35px}.work{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.footer{padding:45px 25px}.footer h1{font-size:30px}}
/*# sourceMappingURL=main.d55724b0.chunk.css.map */