*,body{margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.st0{enable-background:new}.st1{fill:#fff}.st2{fill:url(#SVGID_1_)}.st3{fill:url(#SVGID_2_)}.st4,.st5{opacity:.25;fill:#1d1837;enable-background:new}.apexLogo{height:100%}html{scroll-behavior:smooth;scroll-padding:140px}header{position:fixed;display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 150px);overflow:hidden;padding:20px 75px 10px;margin:0 auto;align-items:center;z-index:100;background:#0f181e;height:70px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){header{width:calc(100% - 50px);padding:20px 25px 10px}}header #app_logo{position:relative;height:80px;overflow:hidden}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){header #app_logo{height:60px}}header .right{display:flex;flex-direction:row}header .right .menu_item{position:relative;font-family:Montserrat-Bold;font-size:min(1.5vw,16px);line-height:calc(min(1.5vw,16px)*2);color:#fff;margin:0 0 0 1.5vw;cursor:pointer;text-decoration:none}header .right .menu_item:hover,header .right .menu_item.active{text-decoration:underline;text-underline-offset:4px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){header .right .menu_item{margin:min(20px,2vh) auto;font-size:min(4vw,16px);padding:0 10vw;text-align:left;width:100%}}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){header .right{position:fixed;right:0;top:0;padding:100px 0;height:100dvh;background-color:#0f181e;flex-direction:column;z-index:1001;transform:translate(100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}header .right.active{transform:translate(0)}}header #nav-trigger{transform:translateY(-50%);right:25px;top:min(15vw,80px);position:fixed;z-index:10000;padding:0 0 15px;pointer-events:all;cursor:pointer;z-index:1002;display:none}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){header #nav-trigger{display:block;overflow:initial}}header #nav-trigger.active .trigger-left{transform:rotate(45deg)}header #nav-trigger.active .trigger-right{transform:rotate(-45deg)}header #nav-trigger.active div{margin-bottom:calc(min(.8vh,2vw)*-1)!important}header #nav-trigger>div{margin-bottom:min(.8vh,2vw);transition:all linear .15s}header #nav-trigger .trigger-left{position:relative;width:min(5vh,10vw);height:min(.8vh,2vw);background:#ffffff}header #nav-trigger .trigger-right{width:min(5vh,10vw);height:min(.8vh,2vw);background:#ffffff}@font-face{font-family:Gotham_Book;src:url(../fonts/Gotham_Book.ttf) format("truetype")}@font-face{font-family:Gotham-Medium;src:url(../fonts/Gotham-Medium.otf) format("truetype")}@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.otf) format("truetype")}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.otf) format("truetype")}*,body{margin:0;padding:0;overflow-x:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.form_info{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:1002;color:#161f27;text-align:center;font-size:16px;line-height:16px;font-family:Gotham_Book;transform:translateY(100%);padding:16px 5%;transition:transform cubic-bezier(.72,0,.28,1) 1s}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){.form_info{font-size:16px;padding:16px 5%;width:90%}}.form_info.active{transform:translateY(0)}main{padding-top:120px;background-color:#0f181e}main .banner_sec{position:relative;width:calc(100% - 150px);margin:auto;max-height:700px;border-radius:30px;overflow:hidden}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .banner_sec{width:calc(100% - 50px);border-radius:15px;display:flex}}main .banner_sec video{position:relative;width:100%}main .banner_sec .cover{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(ui/cover.png);background-size:99% 99%;opacity:1;background-color:#0000}main .about_us{width:calc(100% - 150px);margin:64px auto 0}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .about_us{width:calc(100% - 50px);margin:32px auto 0}}main .about_us .title{color:#fff;font-size:40px;font-family:Montserrat-Bold}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .about_us .title{font-size:32px}}main .about_us .desc{color:#fff;font-size:19.2px;line-height:28.8px;font-family:Gotham_Book;margin-top:20px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .about_us .desc{font-size:16px;line-height:22.4px}}main .contactus{width:calc(100% - 150px);margin:64px auto 0;padding-bottom:64px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .contactus{width:calc(100% - 50px);margin:32px auto 0}}main .contactus .title{color:#fff;font-size:40px;font-family:Montserrat-Bold;margin-bottom:20px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .contactus .title{font-size:32px}}main .contactus .content{display:flex;flex-direction:column;position:relative;width:100%}main .contactus .content .row{display:flex;flex-direction:row;width:100%;justify-content:space-between}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .contactus .content .row{flex-direction:column}}main .contactus .content .row .field{background-color:#161f27;position:relative;width:100%;margin-bottom:20px;border-radius:10px;overflow:hidden;display:flex;border:1px solid #161f27}main .contactus .content .row .field.error{border-color:red}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .contactus .content .row .field{width:calc(100% - 2px)}}main .contactus .content .row .field.half{width:calc(50% - 10px)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .contactus .content .row .field.half{width:calc(100% - 2px)}}main .contactus .content .row .field input,main .contactus .content .row .field textarea{position:relative;width:calc(100% - 40px);padding:10px 20px;background-color:transparent;color:#fff;font-size:19.2px;line-height:28.8px;font-family:Gotham_Book;border:none;outline:none}main .contactus .content .row .field ::placeholder{color:#fff}main .contactus .content #submitBtn{font-size:19.2px;line-height:28.8px;font-family:Gotham-Medium;color:#fff;padding:10px 0;background-color:#4cb16b;display:block;width:250px;text-align:center;border-radius:5px;margin:auto;cursor:pointer}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .contactus .content #submitBtn{width:100%}}main .contactus .content #submitBtn:hover{background-color:#161f27}main .clients{width:calc(100% - 150px);margin:64px auto 0}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .clients{width:calc(100% - 50px);margin:32px auto 0}}main .clients .title{color:#fff;font-size:40px;font-family:Montserrat-Bold;margin-bottom:20px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .clients .title{font-size:32px}}main .clients .content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}main .clients .content .brand{overflow:hidden;position:relative;margin-bottom:calc(min(340px,20vw)*.1);width:calc(min(340px,20vw)*.8);background-color:#fff;cursor:pointer;border-radius:10px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .clients .content .brand{width:27vw;margin-bottom:4vw}}main .clients .content .brand .img{position:relative;width:calc(min(340px,20vw)*.8);height:calc(min(340px,20vw)*.7);overflow:hidden;border-radius:10px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .clients .content .brand .img{width:27vw;height:27vw}}main .clients .content .brand .img img{position:relative;width:80%;height:80%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%)}main .clients .content .brand .title{width:100%;position:relative;color:#fff;font-size:19.2px;font-family:Gotham-Medium;margin:20px 0}main .portfolio{width:calc(100% - 150px);margin:64px auto 0}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .portfolio{width:calc(100% - 50px);margin:32px auto 0}}main .portfolio .title{color:#fff;font-size:40px;font-family:Montserrat-Bold;margin-bottom:20px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .portfolio .title{font-size:32px}}main .portfolio .content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}main .portfolio .content .card{overflow:hidden;position:relative;margin-bottom:20px;width:min(340px,20vw);cursor:pointer}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .portfolio .content .card{width:42vw}}main .portfolio .content .card:hover .img img{transform:scale(1.2)}main .portfolio .content .card .img{position:relative;width:min(340px,20vw);height:min(340px,20vw);overflow:hidden;border-radius:10px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .portfolio .content .card .img{width:42vw;height:42vw}}main .portfolio .content .card .img img{position:relative;width:100%;height:100%;object-fit:cover;transition:all 1s ease}main .portfolio .content .card .title{width:100%;position:relative;color:#fff;font-size:19.2px;font-family:Gotham-Medium;margin:20px 0}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .portfolio .content .card .title{font-size:12.8px}}main .services{width:calc(100% - 150px);margin:64px auto 0}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services{width:calc(100% - 50px);margin:32px auto 0}}main .services .title{color:#fff;font-size:40px;font-family:Montserrat-Bold;margin-bottom:20px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services .title{font-size:32px}}main .services .cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:20px}main .services .cards .service_card{background-color:#161f27;padding:20px;border-radius:10px;display:inline-flex;max-width:calc(50% - 50px)}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services .cards .service_card{width:100%;max-width:none;margin-bottom:20px}}main .services .cards .service_card:nth-child(1),main .services .cards .service_card:nth-child(2){margin-bottom:20px}main .services .cards .service_card .icon{position:relative;width:min(140px,10vw);height:min(140px,10vw);border-radius:20px;overflow:hidden}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services .cards .service_card .icon{width:25vw;height:25vw}}main .services .cards .service_card .icon img{position:relative;width:100%;height:100%;object-fit:cover}main .services .cards .service_card .detail{width:calc(100% - min(140px,10vw) - 20px);margin-left:20px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services .cards .service_card .detail{width:calc(100% - 28vw);margin-left:3vw}}main .services .cards .service_card .detail .title{color:#fff;font-size:27.2px;font-family:Gotham-Medium;margin-bottom:10px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services .cards .service_card .detail .title{font-size:19.2px;margin-bottom:7px}}main .services .cards .service_card .detail .desc{color:#fff;font-size:16px;line-height:22.4px;font-family:Gotham_Book;max-width:550px}@media (max-width: 1024px) and (max-aspect-ratio: 13/10){main .services .cards .service_card .detail .desc{font-size:12.8px;line-height:16px}}