@font-face{font-family:Montserrat-Bold;src:url('../Font/Montserrat-Bold.woff2');font-display:swap}@font-face{font-family:Montserrat-Light;src:url('../Font/Montserrat-Light.woff2');font-display:swap}@font-face{font-family:Montserrat-Regular;src:url('../Font/Montserrat-Regular.woff2');font-display:swap}@font-face{font-family:charter;src:url('../Font/charter_regular.eot');src:url('../Font/charter_regular.eot?#iefix') format('embedded-opentype'),url('../Font/charter_regular.woff') format('woff');font-weight:400;font-style:normal}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-MediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}img.ic{height:1.5em;width:auto}body{font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a:hover{text-decoration:none}.divider{content:"";width:100%;padding-top:10px}.pt-50{padding-top:50px}html{scroll-behavior:smooth}.bg-text .col-lg-5 .free-consultation{background-color:#fff;height:380px;padding-top:20px;border-radius:5px;margin:0 30px}.bg-text .get-c{padding-bottom:10px}.bg-text .col-lg-5 .cc .row{margin-bottom:20px}.bg-text .col-lg-5 .cc .col-lg-6 img{float:right}.bg-text .col-lg-12 .btn-send-message{width:100%;padding:15px 0}.strategic a.consultant{pointer-events:none}.strategic{background-image:linear-gradient(to right,#0178bd,#02a4bf);height:700px;position:absolute;left:0;right:0;padding-top:60px}.strategic h2{color:#fff}.strategic h2:after{content:'';width:3%;border-bottom:3px solid #fff!important;margin:25px auto;display:block}.margin-strategic{margin-bottom:800px}.strategic .row .col-lg-4{padding-top:40px;color:#fff}.strategic .col-lg-4{padding:0 40px}.strategic .col-lg-4 p{font-family:Montserrat-Light}.strategic .consultant .apps-title{margin:40px 0 10px}.strategic .row .col-lg-4 p{font-size:14px}.strategic .consultant:hover{background-color:#fff;height:450px;border-radius:10px;color:#0178bd;position:relative}.strategic .consultant:hover::before{content:'LEARN MORE';position:absolute;background-color:#8ad62b;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;left:0;right:0;text-align:center;padding:20px 0;color:#fff}.home .product{margin-bottom:0}.trusted h2{color:#47567d}.trusted h2{word-spacing:5px}.trusted h2 .eight{padding:15px 30px;background-color:#0178bd;color:#fff;border-radius:5px;font-size:50px;font-weight:1000}.trusted .col-lg-4{margin:30px 0 0 0}.trusted .col-lg-4 h6{color:#0178bd;margin:10px 0}.trusted .col-lg-4 p{font-family:Montserrat-Light;color:#7d88a8;font-size:12px}.btn-unggul{background-image:linear-gradient(to right,#0179bd,#02a4bf);border-radius:50px;padding:15px 20px;color:#fff;margin:80px 0 0 0}#btn-top-scroll{display:none;position:fixed;bottom:10px;right:10px;z-index:9999;cursor:pointer;transition:1s}.mont-light{font-family:Montserrat-Light}.blue-gradient{background-image:linear-gradient(to right,#027abd,#39c2d4)}.orange-gradient{background-image:linear-gradient(to right,#ed4e1a,#fd9d06)}.row{margin-bottom:150px}.img{width:100%}p{margin:0;padding:0}i.fa.fa-bars{color:#0a0a0a;font-size:30px}.active{color:#615b5b!important}.crocodic-wrapper .bg-text{background-image:url('../../Assets/bg_home.png');background-repeat:no-repeat;background-size:cover;background-position:0 -90px;margin:80px 0 0;padding:130px 0 20px}.navbar-custom{background-color:#fff;z-index:9999}.navbar-custom .nav-item{margin:0 5px}.navbar-custom a.nav-link{font-family:Montserrat-Regular;font-size:14px;color:#000}.navbar-custom a.nav-link:hover{color:#838586}.navbar-custom .dropdown .dropdown-menu a{font-size:12px;color:#47567d;font-weight:1000}.navbar-custom .dropdown .dropdown-menu a:focus{background-color:#fff}h1{font-size:45px;color:#000;margin-bottom:35px}.bg-text .col-lg-7 span{color:#0178bd;font-weight:700}.bg-text .col-lg-7 .row .col-lg-3 h2{font-family:Montserrat-Light;font-size:50px;color:#0178bd}.bg-text .col-lg-7 .row .col-lg-3 p{font-family:Montserrat-Light;font-size:20px;color:#47567d}.bg-text .col-lg-5 p{font-family:Montserrat-Bold;font-size:21px;color:#47567d;margin:2px 0}.blue{color:#3ac3d4}.btn-contact{border-radius:50px;width:40%;padding:15px 0;font-size:18px}.text-title{color:#47567d}h2.text-title::after{content:'';width:3%;border-bottom:3px solid #02a5bf;margin:25px auto;display:block}.text-desc{font-family:Montserrat-Light;color:#18364a}.hide{display:none}.btn-portfolio{border-radius:50px;width:25%;padding:15px 0;font-size:18px;margin:auto;display:block}.strategic .col-lg-6 p{color:#47567d;font-size:22px}.btn-produk,.btn-service{border-radius:50px;width:50%;padding:15px 0;font-size:18px;margin:auto;display:block}.btn-service{margin-top:85px}.add-on .we-believe{margin-bottom:80px}.add-on .list-server .row{margin-bottom:0}.bg-services .box{margin-top:50px;padding:20px 20px;text-align:center;width:100%;font-size:16px}.list-server a{background-color:#fff;width:22%;margin:0 15px;height:200px;padding:20px 0}.list-server .box{position:relative}.product .product-desc{color:#4d6473}.list-server p{margin:10px 0 0;color:#000}.home .box img{display:block;margin:0 auto}.home .box a{color:#000!important}.server .col-lg-4 .img-server{border-radius:10px}.server .col-lg-8 p{font-family:Montserrat-Light;font-size:14px}.title-server{margin-bottom:20px}.btn-quote{margin-top:30px;background-color:#0178bd;padding:10px 20px}a.btn-visit:hover{background-color:#62a50f!important}.p-title{color:#47567d}.p-isi{color:#47567d;font-size:18px}.core .col-lg-12 p{color:#47567d;font-size:24px;margin:60px 0}.btn-more{border-radius:50px;width:40%;font-size:18px;margin-top:10px}.btn-more:hover{background-image:linear-gradient(to right,#027abd,#39c2d4)}.product .col-lg-6 h5{color:#47567d}.product .col-lg-6 h6{color:#47567d}.product .col-lg-6 h6 span{color:#a9babd}.product img{margin-bottom:20px}.product .col-lg-6 .btn-visit{background-color:#8ad62b;color:#fff;float:right;font-size:14px}.form-middle{margin-bottom:810px}.wrap-carousel .item h5{margin-top:20px}.wrap-carousel .item p{color:#c5c5c5}#img-carousel .item{width:100%;padding:0 30px}#img-carousel .item .item-img{height:270px;overflow:hidden}.btn-lebih-carousel{color:#000;border:1px solid #c4ccd4;border-radius:10px;padding:15px 50px;font-size:16px;margin:20px 0}.caro-blog{margin-bottom:50px}.home .form-message{margin-bottom:30px;height:630px}.home .form-message .inner-footer-form{height:630px;background-image:linear-gradient(to right,#0179bd,#02a5bf);color:#fff;padding-top:40px}.form-message .col-lg-12 h2{margin-bottom:60px;font-size:27px}.form-message .form-control{border:0;border-bottom:1px solid #e4f3f8;background:rgba(0,0,0,0);color:#fff;padding:0;font-size:14px;border-radius:0}.form-message .form-control:focus{outline:0;border-bottom:1px solid 0 0 0 .2rem rgba(0,123,255,.25);box-shadow:none;background:rgba(0,0,0,0);color:#fff!important}.form-message .form-control:focus+.form-label,.form-message .form-control:valid+.form-label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#fff}.form-message textarea{width:100%;height:200px;max-height:200px;min-height:200px;background:rgba(0,0,0,0);border:0;border-bottom:1px solid #e4f3f8;color:#fff;font-size:18px}.form-message textarea:focus{outline:0;border-bottom:1px solid 0 0 0 .2rem rgba(0,123,255,.25);box-shadow:none}.btn-send{border-radius:50px;background-color:#fff;color:#0178bd;width:30%;padding:12px 0;margin-top:15px}.bg-services{margin-bottom:0;background:#f8f8f8}.key .col-lg-12 h2{margin:70px 0 100px}.bg-services .key{margin-bottom:0}.key .text-title{margin-top:80px}.services-fails p,.services-solution p{color:#7682a4;margin:20px 0;font-size:20px}.services-fails .fails-top{margin:0 0 20px}.services-fails .fails-bottom{margin:20px 0 0}.services-fails .fails-bottom span{margin:0 220px 0 0}.services-fails .fails-top .people{margin:0 40px 0 180px}.services-fails .fails-top .business,.services-fails .fails-top .technology{margin:0 30px}.services-solution .people1{margin:0 200px 0 20px}.services-solution .business,.services-solution .people2,.services-solution .technology{margin:0 20px}.services-solution .solution-bottom span{margin:0 120px 0 0}.how-do h4{color:#0178bd;margin-bottom:30px}.how-do p{color:#7682a4;font-size:22px;margin-bottom:30px}.advantage-service h3{color:#0178bd}.btn-goals{background-image:linear-gradient(to right,#027abd,#39c2d4);border-radius:10px;padding:8px 0;font-size:18px;color:#fff;text-align:center;margin-bottom:20px}.plan-list{color:#7682a4;font-size:18px}.advantage-service{margin-bottom:0}.advantage-service h5{color:#47567d;font-family:Montserrat-Regular;margin:20px 0}.advantage-service .row .col-lg-12{margin-bottom:50px}.metodology{overflow:hidden;right:0;position:absolute}.success-project{width:100%;padding:50px 0;color:#fff;right:0;left:0;margin-top:50px;background-size:contain;background-repeat:no-repeat;background-position:right;background-color:#02a2bf}.success-project .desc{font-size:14px}.success-project .title{font-size:22px;font-weight:600;padding-top:10px}.success-project .btn{padding:15px 30px;margin:10px 0 25px;border-radius:5px;background-color:#fff;font-weight:1000;color:#000;font-size:14px;font-weight:400}.success-project .btn:hover{background-image:linear-gradient(to right,#027abd,#39c2d4)}.success-project h2{margin:20px 0}.success-project .or-contact{color:#fff}.hero-product{height:1300px;background:url('../../Assets/bg_product.png');background-size:cover;background-repeat:no-repeat;position:absolute;left:0;right:0;z-index:-1}.advantage-product{font-family:Montserrat-Regular;padding-top:100px;color:#fff}.advantage-product .col-lg-4 a:hover{background-image:linear-gradient(to right,#027abd,#39c2d4)}.advantage-product-2{font-family:Montserrat-Regular;padding-top:100px}.advantage-product h5{font-weight:550}.advantage-product-2 h5{font-weight:1000;color:#0178bd}.advantage-product h6{margin:20px}.advantage-product-2 h6{margin:20px;color:#47567d}.advantage-product img,.advantage-product-2 img{width:220px;margin-bottom:40px}.btn-detail-product{border-radius:50px;width:45%;color:#fff;padding:10px 0;border:1px solid #fff}.btn-detail-product-2{border-radius:50px;width:45%;color:#0178bd;padding:10px 0;border:1px solid #0178bd}.btn-detail-product-2:hover{background-image:linear-gradient(to right,#027abd,#39c2d4)}.middle-product{margin-bottom:300px}.hero-detail-product{height:800px;background:url('../../Assets/bg_detail_portofolio.png') no-repeat;background-size:cover;background-position:0 100%;position:absolute;left:0;right:0;z-index:-1}.salor{margin-bottom:600px}.web-salor{text-align:center;position:absolute;bottom:-260px;right:50px;background-color:#fff;padding:40px 80px;border-radius:5px}.bg-detail-product .salor .col-lg-6 h2{color:#fff;margin-top:80px}.bg-detail-product .salor .col-lg-6 p{color:#fff;font-size:18px}.salor-crm .customer p{color:#7682a4}.salor-crm .customer .segment{color:#0178bd;margin:10px 0}.salor-crm .benefit{margin-top:20px}.salor-crm .benefit p{color:#7682a4;margin:8px 0;font-weight:100;font-size:14px}a.salor{color:#02a5bf;font-size:20px;font-weight:500}.btn-request{border-radius:50px;padding:15px 40px;background-image:linear-gradient(to right,#ed4c1a,#fc9a06);color:#fff;margin-top:15px}.home-report{overflow:hidden;position:absolute;right:0}.btn-lengkap{color:#fff;border-radius:50px;padding:10px 0;width:75%;margin-top:10px}.bg-contact .form-message{margin-bottom:30px;height:630px}.bg-contact .form-message .col-lg-12{height:630px;background-image:linear-gradient(to right,#0179bd,#02a5bf);left:0;right:0;position:absolute;color:#fff;padding-top:40px}.bg-contact .col-lg-4 img{width:100%}.page-template-contact .wrapper-body .contact{padding-top:60px;margin-bottom:30px}.contact h2{margin-bottom:60px}.contact h5{margin:30px 0}.contact p{font-size:14px}.contact .col-lg-4{font-family:Montserrat-Regular;color:#18364a;text-align:left}.btn-map1{margin-top:60px;border-radius:50px;font-size:12px;padding:15px 0;width:40%;font-weight:1000}.btn-map2{margin-top:15px;border-radius:50px;font-size:12px;padding:15px 0;width:40%;font-weight:1000}.bg-magang{height:680px;background-image:url('../../Assets/bg_magang.png');background-size:cover;background-repeat:no-repeat;position:absolute;left:0;right:0;background-position:0 100%;z-index:-1}.internship .row{margin-bottom:50px}.internship h2{font-family:Montserrat-Bold;margin-top:65px;margin-bottom:40px;color:#fff}.internship p{font-family:Montserrat-Regular;font-size:18px;color:#fff}.intern-form{height:540px;background-color:#fff;border-radius:10px;padding:0 60px}.intern-form h3{color:#47567d;margin-top:40px}.form-magang{font-family:Montserrat-Regular;margin-top:40px}.form-magang .form-control{border:0;box-shadow:none;border-bottom:1px solid #d5d5d5;margin-bottom:40px;padding:0;font-size:16px;color:#000;background:rgba(0,0,0,0)}.form-group{position:relative;margin-bottom:1.5rem}.form-label{position:absolute;top:0;left:0;transition:all .2s;opacity:.5}.form-magang .form-control:focus+.form-label,.form-magang .form-control:valid+.form-label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#0178bd}.form-control:focus{box-shadow:0 2px 0 0 #0178bd}.form-magang .input-group-prepend{width:100%;display:flex}#jenjang{border:0;border-bottom:1px solid #d5d5d5;color:#909294;width:30%;float:left}.instansi-sekolah{float:right;width:70%;margin-left:20px}#validatedCustomFile{border-radius:50px 50px;background-color:red}.btn-magang{border-radius:50px;color:#fff;padding:12px 0;width:22%;font-weight:500;margin-top:20px}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{font-family:Montserrat-Bold;border:1px solid #dbdbdb;border-radius:50px 50px;font-size:14px;font-weight:500;color:#47567d;background-color:#fff;display:block;padding:15px 0;width:22%}.wrap-file{position:relative}.lampir-foto{color:#d1d1d1!important;font-size:14px!important;position:absolute;bottom:20px;left:180px}.page-template-about .what-crocodic{margin-top:200px}.page-template-about .step-progress{margin:100px 0}.bg-milestone{position:absolute;left:0;right:0}.history-crocodic h2{color:#fff;font-weight:1000;margin-top:80px;margin-bottom:700px}.history-crocodic .col-lg-12 .col-lg-3 h5{font-weight:1000;color:#47567d}.history-crocodic .col-lg-12 .col-lg-9 p{color:#7682a4}.history-crocodic .row{margin-bottom:100px}.history-crocodic .step-progress .col-lg-12{margin-bottom:60px}.history-crocodic .step-progress .col-lg-12 h4{margin:50px 0 0}.history-crocodic .step-progress .row{margin-bottom:0}.history-crocodic .step-progress .row .col-lg-3 h5{margin:20px 0 30px}.history-crocodic .step-progress .row .col-lg-3 p{color:#7682a4}.bg-team{height:550px;background:url('../../Assets/bg_team.png') no-repeat;background-size:cover;position:absolute;left:0;right:0;background-position:0 100%;z-index:-1}.our-team .all-team{margin-bottom:0}.our-team .row h3{margin-top:100px;margin-bottom:50px;color:#fff}.our-team .col-lg-2{overflow:hidden}.our-team .btn-outline-light{padding:20px;margin:0 5px;border-width:2px}.our-team .row a:hover{text-decoration:none;background-color:#fff;color:#0178bd}.all-team .row .col-lg-3 h5{color:#47567d;margin-top:20px}.overlay-img{position:absolute;left:-31px;bottom:0;top:0;width:330px;opacity:0;transition:.2s}.staff{position:absolute;left:0;right:0;top:80px;color:#fff!important;opacity:0;transition:.2s}.all-team .row .col-lg-12 .col-lg-3 img+.overlay-img:hover{opacity:1}.all-team .row .col-lg-12 .col-lg-3 img:hover+.staff{opacity:1}.part-group{margin:360px 0 0}.part-group .col-lg-12 h4{margin-bottom:60px;font-weight:1000}.our-team .col-lg-12 h4::after{content:'';display:block;border-bottom:3px solid #3ac3d4;width:3%;margin:30px auto 0}.text{color:#fff;font-size:16px;padding:50%}.bg-order{height:1150px;background:url('../../Assets/bg_order.png') no-repeat;background-size:cover;background-position:0 100%;position:absolute;left:0;right:0}.order .col-lg-12 .col-lg-8{color:#fff}.order .col-lg-12 .col-lg-8 h2{margin:110px 0 30px;font-size:29px}.order .col-lg-12 .col-lg-8 p{font-size:20px}.order .col-lg-12 .col-lg-9 h3{color:#47567d}.order .col-lg-12 .col-lg-9 p{color:#44bcd0;margin-bottom:60px}.order .col-lg-12 .col-lg-9 h6{color:#47567d;margin-bottom:20px}.wrap-form-order{background-color:#fff;height:auto;padding:50px 40px;border-radius:5px}.form-order .form-control{border:0;box-shadow:none;border-bottom:1px solid #d5d5d5;margin-bottom:40px;padding:0;font-size:16px;color:#000;background:rgba(0,0,0,0)}.form-order .form-control:focus+.form-label,.form-order .form-control:valid+.form-label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#0178bd}.form-order textarea{width:100%;height:120px;max-height:120px;border:none}.form-order textarea:focus{outline:0}.btn-order{border-radius:50px;color:#fff;padding:12px 0;width:22%;font-weight:500;margin-top:20px}.wrapper-body .blog{margin-bottom:40px}.blog-single .card-text .alignleft{float:left;margin:0 20px 18px 0}.blog-single .card-text .alignright{float:right;margin:0 0 18px 20px}.blog .col-lg-7 .card{margin:70px 0 40px;border:none}.wrap-img{height:195px;overflow:hidden}.blog .col-lg-7 .card .card-text{margin:0 0 20px}.blog .col-lg-7 .card .author{color:#31b1c0;margin:20px 0;font-size:14px}.blog .col-lg-7 .card .author .date{padding-left:10px;color:#c5c5c5;font-size:12px}.blog .col-lg-7 .card-body{padding:1.25rem 0}.blog .col-lg-7 .card a{color:#3ac3d4}.navigation{padding:0 20px}.navigation a+a{float:right}.navigation a{padding:8px 40px;border:2px solid #c7c7c7;border-radius:50px 50px;float:left;color:#212121}.navigation a:hover{border-color:#0178bd}.navigation a i{font-size:20px}.input-search{border-radius:50px 50px;padding:24px;position:relative}.input-search::placeholder{color:#c8c8c8}.input-search:focus{box-shadow:none}.btn-search{background-color:#fff;border:none;cursor:pointer;position:absolute;right:40px;top:12px}.fa-search{color:#428ffd}.btn-sign-up{color:#fff;padding:12px 55px;border-radius:50px;margin-top:40px}.blog .col-lg-4 .card{margin-top:30px}.blog .col-lg-4 .card .follow{color:#d1d1d1}.blog .col-lg-4 .card h5{margin:5px 0 40px}.blog .col-lg-4 .form-newsletter .form-control{border:none;border-bottom:1px solid #d1d1d1;padding:0}.blog .form-newsletter .form-label{text-align:center;top:0;right:0;left:0;color:#9e9d9d}.wrap-complete{position:relative;height:65px}.blog .col-lg-4 .card{padding:10px 20px;margin-bottom:60px}.blog .form-newsletter .required-field{font-size:12px;color:#d1d1d1;position:absolute;left:0;bottom:0}.blog .form-newsletter .form-control:focus+.form-label,.blog .form-newsletter .form-control:valid+.form-label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#0178bd;text-align:center}.blog .col-lg-12 h6{color:#47567d;margin-bottom:50px}.blog .col-lg-12 h6::after{content:'';border-bottom:3px solid #3ac3d4;width:9%;display:block;margin:0 auto;padding:10px 0}.blog .col-lg-4{margin-top:70px}.most-popular{margin-bottom:30px}.categories p{font-size:12px;text-align:left;margin:15px 0;color:#70757b}.categories p a{color:#70757b}.categories p a:hover{color:#0178bd;text-decoration:none}.blog-detail .col-lg-12 h6{color:#47567d;margin-bottom:50px}.blog-detail .col-lg-12 h6::after{content:'';border-bottom:3px solid #3ac3d4;width:9%;display:block;margin:0 auto;padding:10px 0}.blog-detail .wrap-blog-detail{margin-bottom:0}.blog-detail .blog-content{margin:70px 0}.blog-detail .col-lg-7 .card{border:none}.blog-detail .col-lg-7 .card-body{padding-right:0;padding-left:0}.blog-detail .col-lg-7 .card-body .author{color:#c5c5c5;font-size:14px;margin:20px 0}.blog-detail .col-lg-7 .card-body .card-text{color:#7682a4}.blog-detail .profile-author .row{border:1px solid #d9d9d9;padding:15px 10px;border-radius:5px}.blog-detail .profile-author .row .col-7 p{margin-top:15px}.blog-detail .profile-author .row .col-7 p span{color:#666c72}.blog-detail .sidebar{margin-top:70px}.blog-detail .col-lg-4 .card .follow{color:#d1d1d1}.blog-detail .col-lg-4 .card h5{margin:5px 0 40px}.blog-detail .col-lg-4 .form-newsletter .form-control{border:none;border-bottom:1px solid #d1d1d1;padding:0}.blog-detail .form-newsletter .form-label{text-align:center;top:0;right:0;left:0;color:#9e9d9d}.wrap-profile-author{margin-bottom:0}.wrap-profile-author .row{margin-bottom:0}.share{padding-left:30px}.share p{color:#666c72}.share img{margin:0 4px}.blog-detail .card{padding:10px 20px;margin-bottom:60px}.blog-detail .form-newsletter .form-control:focus{text-align:center;font-size:14px}.blog-detail .form-newsletter .form-control:focus+.form-label,.blog-detail .form-newsletter .form-control:valid+.form-label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#0178bd;text-align:center}.wrap-img-blog{height:250px;border-radius:5px;overflow:hidden}.wrap-img-blog img{margin:-40px 0 0}.bg-portfolio{width:100%;background:url('../../Assets/img/blue-bg.png') no-repeat;height:315px;position:absolute;left:0;right:0;z-index:-1}.h-category{margin-bottom:0}.h-category h3{color:#fff;margin:60px 0 50px}.h-category .row .col-lg-3{background-color:#fff;padding:20px;border-radius:5px;margin:0 25px;color:#0178bd}.label-category{display:inline-block;position:relative;width:100%}.label-category .radio-category{display:block;position:absolute;right:0;display:none}.label-category .img-radio-off{position:absolute;right:0;opacity:1}.label-category .img-radio-on{position:absolute;right:0;opacity:0;z-index:9999}.label-category .radio-category:checked+.img-radio-off{opacity:0}.label-category .radio-category:checked+.img-radio-on{opacity:1}.form-category .col-lg-3 input[type=radio]{position:absolute;right:40px;top:26px}.all-box{margin-bottom:0}.list-category{margin-bottom:0;height:50px}.list-category .col-lg-12 a{padding:20px 35px;border:2px solid #02a5bf;border-radius:5px;color:#02a5bf;margin:0 10px}.list-category .col-lg-12 a:hover{background-image:linear-gradient(to right,#047cbe,#37bfd3);color:#fff}.portfolio .col-lg-10 h2{margin:70px 0 0;color:#47567d}.portfolio .all-box .col-lg-10 p{font-size:16px;margin:60px 0 120px;color:#7682a4}.all-mobile{margin-bottom:100px}.all-mobile .row{margin-bottom:20px}.all-mobile .col-lg-4 h5{color:#18364a}.all-mobile .col-lg-4 .card-body{padding-right:0;padding-left:0}.all-mobile .col-lg-4 .card-body img{margin:20px 0 0 0}.all-mobile .col-lg-4 .card-body p{color:#0178bd}.overlay-category{background-image:linear-gradient(to right,#017abd,#02a3bf);width:100%;transition:.2s;opacity:0;text-align:center}.overlay-category i{font-size:40px;color:#fff;margin-top:20px}.overlay-category p{color:#fff;font-size:14px;margin-top:20px}.all-mobile .col-lg-4 .card img+.overlay-category:hover{opacity:1}.more-project .col-lg-4 .card img+.overlay-category:hover{opacity:1}.more-project .card-body{padding-right:0;padding-left:0}.btn-all-mobile{color:#666c72;border:1px solid #c4ccd4;border-radius:50px;padding:15px 24px;font-size:14px;margin-top:20px}.btn-all-mobile:hover{border:1px solid #0056b3}.head-portofolio{background-image:url('../../Assets/portofolio-bg.png');background-size:cover;background-position:center top;position:relative}.head-portofolio .inner .wrap-text{padding-top:300px}.head-portofolio .inner .wrap-text h1{color:#223f52;font-weight:100;margin-bottom:15px;font-size:38px}.head-portofolio .inner .wrap-text span{font-size:1.1em}.head-portofolio .inner .wrap-text h1 span{color:#0178bd}.head-portofolio .inner .wrap-text{padding:150px 0 230px}.head-portofolio .inner .wrap-text h4{font-size:20px;color:#455d6d}.body-portofolio .wrap-category ul{position:relative;display:block;margin:0;padding:0}.body-portofolio .wrap-category ul li{display:inline-block;padding-right:20px}.body-portofolio{margin-top:-150px}.body-portofolio .wrap-category ul li a{color:#3d5667}.body-portofolio .wrap-category ul li a.active,.body-portofolio .wrap-category ul li a:hover{color:#278cc7}.body-portofolio .wrap-category{margin-bottom:50px}.body-portofolio .wrap-item .item img{border-radius:5px;width:100%}.body-portofolio .wrap-item .item:hover .bg-black,.portofolio-detail .portof-more .item:hover .bg-black{display:block;animation-duration:3s;animation-delay:2s;animation-iteration-count:infinite}.body-portofolio .wrap-item .item .bg-black,.portofolio-detail .portof-more .item .bg-black{background:rgba(0,0,0,.7);position:absolute;width:100%;height:100%;top:0;border-radius:5px;padding:30px 40px;color:#fff;display:none}.body-portofolio .wrap-item .item,.portofolio-detail .portof-more .item{position:relative;margin-bottom:40px}.body-portofolio .wrap-item .item .bg-black .inner .title,.portofolio-detail .portof-more .item .bg-black .inner .title{font-size:24px}.body-portofolio .wrap-item .item .bg-black .inner .desc,.portofolio-detail .portof-more .item .bg-black .inner .desc{position:absolute;bottom:80px}.body-portofolio .wrap-item .item .bg-black .inner,.portofolio-detail .portof-more .item .bg-black .inner{position:relative;width:100%;height:100%}.body-portofolio .wrap-item .item .bg-black .inner a,.portofolio-detail .portof-more .item .bg-black .inner a{background:#fff;color:#3e5767;padding:10px 20px;border-radius:20px;position:absolute;bottom:0;right:0}.bg-portfolio-detail{height:800px;background:url('../../Assets/bg_detail_portofolio.png') no-repeat;background-size:cover;background-position:0 100%;position:absolute;left:0;right:0;z-index:-1}.body-portofolio .wrap-item .item .modal{background:#fff;z-index:999999999}.body-portofolio .wrap-item .modal{z-index:99999;background:#fff}.body-portofolio .wrap-item .modal .wrap-img{background-size:cover;height:100%}.body-portofolio .wrap-item .modal .wrap-img .img-inner{position:fixed;top:0;bottom:0}.body-portofolio .wrap-item .modal .wrap-img .inner{z-index:9;position:relative;padding:30px 40px}.wrapper-body .body-portofolio .wrap-item .modal .wrap-img .title{font-size:30px;color:#fff}.body-portofolio .wrap-item .modal .content{padding:30px 40px;color:#344f60;line-height:26px}.body-portofolio .wrap-item .modal .content p{font-size:14px;margin-bottom:10px}.body-portofolio .wrap-item .modal .content h4{font-size:18px}.portfolio-detail .testimony-carousel{text-align:center}.wrap-portfolio-detail{position:relative}.mpm-text .col-lg-12{margin:60px 0 600px 0;color:#fff}.middle-portdetail{margin-bottom:200px}.about-menu{margin-right:150px}.learn-project{width:310px;background-color:#fff;position:absolute;right:20px;bottom:-80px;padding:15px 40px}.learn-project h5{font-size:16px;padding:0 10px;margin-bottom:50px}.learn-project .form-learn-project .form-control{border:none;border:none;border-bottom:1px solid #d1d1d1;padding:0}.learn-project .form-learn-project .form-control:focus{text-align:center;font-size:14px}.learn-project .form-learn-project .form-label{text-align:center;top:0;right:0;left:0;color:#9e9d9d}.learn-project .required-field{margin-top:0;font-size:10px;color:#d1d1d1;position:absolute;left:0}.learn-project .form-learn-project .form-control:focus+.form-label,.learn-project .form-learn-project .form-control:valid+.form-label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#0178bd;text-align:center}.btn-learn-more{color:#fff;padding:12px 40px;border-radius:50px;margin-top:40px;font-size:14px}.mpm-content .row{margin:0}.mpm-content .row .col-lg-10 h2{margin:20px 0}.mpm-content .row .col-lg-10 p{color:#7682a4;font-size:14px;margin:10px 0}.mpm-content .row .col-lg-10 p.desc-website{color:#0178bd}.more-project{margin:20px 0 60px 0}.more-project .col-lg-4 .card{border:none}.more-project h5.text-title::after{content:'';width:3%;border-bottom:3px solid #02a5bf;margin:20px auto 60px;display:block}.more-project .card-title{color:#18364a}.more-project .card-text{color:#0178bd}.career .col-lg-12 h3{color:#47567d;font-weight:600;margin:90px 0 20px}.career .col-lg-12 .general{margin-bottom:30px}.career .general-content .col-lg-3 img{margin:20px 0}.career .general-content .col-lg-9 p{font-family:Montserrat-Light;color:#47567d;margin:10px 0}.career .col-lg-12 h4.develop-career{font-family:Montserrat-Light;color:#47567d}.career .col-lg-12 h4.develop-career::after{content:'';width:3%;border-bottom:3px solid #02a5bf;margin:20px auto 60px;display:block}.general-content{margin-bottom:0}.bg-joboffer{height:700px;background:url('../../Assets/img/gray.jpg') no-repeat;position:absolute;left:0;right:0}.main-career{margin-bottom:0}.career .form-message{margin-bottom:30px;height:630px}.career .form-message .col-lg-12{height:630px;background-image:linear-gradient(to right,#0179bd,#02a5bf);left:0;right:0;position:absolute;color:#fff;padding-top:40px}.list-job{margin-bottom:0}.list-job .col-lg-4 .card{padding:20px 20px}.list-job .col-lg-4 .card:hover{border:1px solid #3ac3d4;transform:scale(1.05,1.05)}.list-job .card1{margin:120px 0 20px}.list-job .card2{margin:0 0 80px}.list-job .col-lg-4 .card .card-title{color:#02a5bf}.list-job .col-lg-4 .card p{color:#18364a;margin:20px 0}.list-job .col-lg-4 .card a{border-radius:50px;padding:5px 40px}.list-job .col-lg-4 .card a:hover{background-image:linear-gradient(to right,#017cbd,#02a1bf)}.wrap-career{padding:70px 0 0;margin-bottom:0}.wrap-career .col-lg-7 .card{border:none}.wrap-career .col-lg-7 .card .card-body{padding-left:0;padding-left:0}.wrap-career .col-lg-7 .card .card-body p{font-family:Montserrat-Light;color:#7682a4;font-size:14px;margin:10px 0}.wrap-career .col-lg-7 .card .card-body ul li{font-family:Montserrat-Light;color:#7682a4;font-size:14px;margin:10px 0}.wrap-career .col-lg-7 .card .card-body h5{font-size:16px;margin:20px 0 0}.wrap-career .col-lg-4 .card{margin-top:56px}.wrap-career .col-lg-4 .card .card-title{color:#0178bd}.wrap-career .hrd{color:#02a5bf}.wrap-career .col-lg-4 .card .cp1,.wrap-career .col-lg-4 .card .cp2{color:#7682a4}.wrap-career .card h4{margin:0 0 30px 0}.wrap-img-career{height:250px;border-radius:5px;overflow:hidden}.wrap-img-career img{margin:-40px 0 0}.career2 .form-message{margin-bottom:30px;height:630px}.career2 .form-message .col-lg-12{height:630px;background-image:linear-gradient(to right,#0179bd,#02a5bf);left:0;right:0;position:absolute;color:#fff;padding-top:40px}.career2 .col-lg-12 h6{color:#47567d;margin:50px 0 30px 0}.career2 .col-lg-12 h6::after{content:'';border-bottom:3px solid #3ac3d4;width:7%;display:block;margin:0 auto;padding:10px 0}.career2 .col-lg-4{margin-top:70px}.more-career{margin-bottom:30px}.more-career .col-lg-7 p{text-align:left}.more-career .col-lg-7 p.title-job{font-size:12px;color:#0178bd;font-weight:1000}.more-career .col-lg-7 p.position{font-size:12px;margin:2px 0 0;color:#000}.more-career .col-lg-5{overflow:hidden}.career-overlay{background-image:linear-gradient(to right,#017abd,#02a3bf);width:81%;transition:.2s;opacity:0;text-align:center;margin:auto}.career-overlay i{color:#fff;font-size:20px;margin:10px 0 0 0}.more-career img+.career-overlay:hover{opacity:1}.sitemap{padding:70px 0 0 0}.sitemap .archives{margin-bottom:50px}.sitemap .col-lg-12 h5{color:#18364a;margin:10px 0 20px 0}.sitemap .col-lg-4 p{margin:10px 0}.sitemap .col-lg-4 p a{font-size:12px;color:#666c72}.sitemap .col-lg-4 p a:hover{color:#0178bd}.sitemap .form-message{margin-bottom:30px;height:630px}.sitemap .form-message .col-lg-12{height:630px;background-image:linear-gradient(to right,#0179bd,#02a5bf);left:0;right:0;position:absolute;color:#fff;padding-top:40px}.nav-footer{font-family:Montserrat-Regular;float:right;flex-direction:row}.nav-footer li{padding:0 30px}.nav-footer li a{font-size:18px;color:#0178bd}.footer,.footer-address{margin-bottom:40px}.footer-address .col-lg-4 h5{margin-bottom:20px}.footer-address p{color:#888;font-size:14px}.footer-logo{max-height:30px;margin-top:10px}.copy{font-family:Montserrat-Light;margin:30px 0;font-size:20px;color:#47567d}.footer-all{font-family:Montserrat-Light;float:right;flex-direction:row}.footer-all li{padding:0 20px}.footer-all li a{font-size:18px;color:#47567d}body .hidden{display:none}#top-header #navDrop .menu ul li a{font-family:Montserrat-Regular;font-size:14px;color:#000;padding:15px 20px}#top-header #navDrop .menu ul li{display:inline-block}#top-header #navDrop .menu ul{display:inline-block;margin:0}#top-header #navDrop .menu{display:block;position:relative;text-align:right;width:100%}#top-header #navDrop{position:relative;text-align:right;display:block}#top-header #navDrop .menu ul li.git a{border-radius:50px;padding:10px 30px!important;color:#0178bd!important;border:2px solid #0178bd}.bg-milestone img{width:100%}.blog-single .card-text p{margin-bottom:24px;color:#353535;font-family:charter,Georgia,Cambria,"Times New Roman",Times,serif}.blog-single .card-text{font-family:charter,Georgia,Cambria,"Times New Roman",Times,serif;color:#353535}.blog-single .card-text h4{text-transform:uppercase;font-style:italic;font-size:1.2em;line-height:1.4em;margin-top:1.5em}.blog-single .card-text img{width:auto;height:auto}img{height:auto;max-width:100%}.crocodic-wrapper .card-title{line-height:36px}.caro-blog .wrap-carousel .item a:hover h5,.caro-blog .wrap-carousel .item a:hover img{opacity:.8}.caro-blog .wrap-carousel .item h5{color:#615b5b}.home .strategic a:hover img{filter:none}.home .strategic a img{filter:brightness(100000%);width:100px;height:auto}.home .product-wrapper-item .item{padding:0 20px 50px}.wrapper-body .modal-dialog{width:900px;max-width:none}.wrapper-body .modal-dialog .modal-content .modal-body .form input .modal .row{margin-bottom:0}.wrapper-body .modal-dialog .modal-content .modal-body{padding:20px}.wrapper-body .modal-dialog .modal-content .modal-body .image img{width:300px}.wrapper-body .modal-dialog .modal-content .modal-body .image{text-align:center}.wrapper-body .modal-dialog .modal-content .modal-body .total-project{font-size:22px;color:#615b5b;font-family:Montserrat-light}.wrapper-body .modal-dialog .modal-content .modal-body .total-project span{color:#0178bd}.wrapper-body .modal-dialog .modal-content .modal-body .title{color:#615b5b;margin-bottom:20px;font-size:24px}.wrapper-body .modal-dialog .modal-content .modal-body .title span{color:#0178bd}.wrapper-body .modal-dialog .modal-content .modal-body .form input{margin-bottom:15px;width:100%;border:0;border-bottom:1px solid #dedede;outline:0;padding:0}.wrapper-body .modal-dialog .modal-content .modal-body .form textarea::-webkit-input-placeholder{color:#e0e0e0;font-size:14px}.wrapper-body .modal-dialog .modal-content .modal-body .form textarea{border:0;border-bottom:1px solid #dedede;width:100%;outline:0}.wrapper-body .modal-dialog .modal-content .modal-body .form input[type=submit]{background:#007bff;color:#fff;padding:10px;border-radius:5px;margin-top:10px}a.navbar-brand img{width:110px;height:auto;margin-top:7px}.home .clients .item{margin-bottom:20px}.home .clients .row{margin-bottom:0}.categories .wrap-cat li a{color:#70757b;font-size:14px}.categories .wrap-cat li{list-style:none;margin-bottom:10px;padding:0 15px}.crocodic-wrapper .blog .card .wrap-img a:hover img{opacity:.7}.crocodic-wrapper .blog .card .card-title a:hover{color:#3ac3d4}.crocodic-wrapper .blog .card .card-title a{color:#212529}.home .clients .item img:hover{cursor:pointer;-webkit-filter:none;filter:none}.partner .item{margin-bottom:20px}.mb-0{margin-bottom:0!important}.wrapper-footer{background-image:url(https://crocodic.com/wp-content/themes/crocodic21/Assets/bg_footer.png);padding:30px 0 0;background-repeat:no-repeat;background-position:center}.hd{display:none}.hm{display:block}div#quoteModal{z-index:99991}.modal-backdrop.fade.show{z-index:9999}.crocodic-form .form-group label{position:absolute;top:0;padding:7px 0 0 13px;transition:all .2s;opacity:.5;left:0;color:#bbb;font-size:14px;padding:0}.crocodic-form .form-group{position:relative;margin-top:20px;margin-bottom:10px}.crocodic-form .form-group input{border-radius:0;z-index:9;position:relative;background:0 0;border:0;border-bottom:1px solid #d4d4d4}.crocodic-form .form-group input:focus+label,.crocodic-form .form-group input:valid+label{font-size:75%;transform:translate3d(0,-100%,0);opacity:1;color:#0178bd}.crocodic-form .form-group input.form-control:focus{box-shadow:none;border:0;border-bottom:1px solid #0178bd;outline:0}.wrapper-body .modal-dialog .modal-content{border-radius:10px}.wrapper-body .modal-dialog .modal-content .modal-body .image{text-align:center;padding-top:80px;margin-bottom:50px}.wrapper-body{margin-top:80px;overflow:hidden}.trusted div img{width:72px}.navbar .container{max-width:1140px}.body-portofolio .wrap-item .modal .modal-dialog{margin:0;padding:0;width:100%;border-radius:0}.body-portofolio .wrap-item .modal .modal-dialog .modal-content .modal-body{padding:0;border-radius:0;position:relative}.body-portofolio .wrap-item .modal .modal-dialog .modal-content{border-radius:0;border:0}.body-portofolio .wrap-item .modal .modal-dialog .modal-content .modal-body .close{position:absolute;right:30px;top:0;font-size:50px;font-weight:100}.portofolio-detail .banner-bottom .image img,.portofolio-detail .banner-top .image img{width:100%}.portofolio-detail .description .logo img{max-width:100px;margin-bottom:20px}.portofolio-detail .description .inner-desc-left{padding:40px 5% 40px 15%}.portofolio-detail .description .inner-desc-right{padding:40px 15% 40px 5%;background:#e6f0f5;min-height:300px}.portofolio-detail .portof-more .title{margin-bottom:20px}.portofolio-detail .portof-more{padding:40px 0}.portofolio-detail .description .download a img{width:120px}.portofolio-detail .description .download a{display:inline-block;margin-top:20px}.portofolio-detail .description .download a:hover img{opacity:.7}.wp-content table{border:1px solid #dee2e6;width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}.wp-content table td,.wp-content table th{border:1px solid #dee2e6;padding:.75rem;vertical-align:top}.wp-content ol li,.wp-content ul li{line-height:26px}.wrapper-portofolio{margin-top:-35px}.tilte-section{font-size:16px;font-family:Montserrat-Light;color:#18364a;margin-bottom:30px}.tilte-section .title{font-size:30px;color:#0178bd}.clients .wrapper-video{-webkit-box-shadow:0 0 100px -50px #0178bd;-moz-box-shadow:0 0 100px -50px #0178bd;box-shadow:0 0 100px -50px #0178bd}.wrap-guarantee{margin-top:35px;color:#000;border-radius:5px}.wrap-guarantee .percent{font-size:40px;color:#0178bd;font-weight:700}.wrap-guarantee .term{font-style:italic;font-size:11px;color:#000}.wrap-guarantee .title{font-size:30px}.wrap-close-btn .modal-close-btn:hover{opacity:.8}.wrap-close-btn .modal-close-btn{position:absolute;right:-20px;top:0;box-shadow:none;border:0;font-size:20px;width:40px;height:40px;border-radius:5px;cursor:pointer}.client-title{font-size:24px;color:#000;margin-bottom:10px}.client-tagline{margin-bottom:20px}.modalnews-title{text-align:center}.modalnews-title span{background:#097cbf;color:#fff;padding:2px 5px;border-radius:2px}#modalNews .wrapp-img img{width:80px}#modalNews .wrapp-img{margin-bottom:10px}#modalNews .wrap-btn{text-align:center}#modalNews .form input[type=submit]{color:#fff;padding:10px;border-radius:50px;margin-top:10px;background-image:linear-gradient(to right,#027abd,#39c2d4);width:200px}#modalNews .modal-content{border-radius:10px;padding:10px 40px}.ourteam .page-header .bg-banner .title{padding:100px 0;text-align:center;font-size:45px;font-family:Montserrat-Light}.ourteam .page-header .bg-banner{background-position-x:center;background-position-y:-80px;background-size:cover}.ourteam .page-header .bg-banner .title span{color:#0178bd;font-weight:700}.ourteam .wrap-item .wrap-image{padding:20px}.ourteam .wrap-item .name{text-align:center;font-size:18px}.ourteam .wrap-item .position,.ourteam .wrap-item .position a{text-align:center;color:#ababab;font-size:14px;pointer-events:none}.ourteam .wrap-item{margin-bottom:20px}.mb-0{margin-bottom:0}.mb-10{margin-bottom:10px}.mb-x{margin-bottom:40px}.text-white{color:#fff}.f-20{font-size:20px!important}.mt-20{margin-top:20px}.f-13{font-size:13px}.j-content-space-between{justify-content:space-between}.mobile-app-development-model{padding-top:100px;padding-bottom:100px;background-image:linear-gradient(to right,#0178bd,#02a4bf)}.dev-model{background-color:transparent;border-radius:10px;padding:0;color:#fff}.dev-model .c-blue{color:#fff}.dev-model .top{height:270px;width:100%;padding:30px}.dev-model .image{height:130px;padding-top:20px}.btn-dev-model{width:100%;padding:20px;background-color:#8ad62b;border:none;visibility:hidden}.overflow-hidden{overflow:hidden}.c-blue{color:#0178bd}.w-100{width:100%}.dev-model:hover{background-color:#fff;box-shadow:1px 1px 20px rgba(0,0,0,.2);color:#000}.dev-model:hover .c-blue{color:#0178bd}.dev-model:hover .btn-dev-model{visibility:visible}.complete-control{background-color:#fafafa;padding-top:80px;padding-bottom:80px}.complete-control .with-mobile-app{padding:30px;background-color:#fff;border-radius:10px}.complete-control .without-mobile-app{padding:30px;background-color:#fff;border-radius:10px}.our-valuable-service{background-color:#fafafa;padding-top:50px;padding-bottom:50px;margin-bottom:50px}.p-26{padding:26px}.our-valuable-product{background-color:#fafafa;padding-top:80px;padding-bottom:80px}.our-valuable-product h5{font-size:18px;color:#5e5e5e;font-weight:400}.product-cart{width:100%;background-color:red;height:270px;position:relative;background-size:cover;margin-bottom:25px;border-radius:10px;overflow:hidden}.product-cart:after{content:'';width:100%;height:100%;position:absolute;background-image:linear-gradient(to bottom ,rgba(0,0,0,.2),#000)}.product-cart button{width:100%;position:absolute;bottom:-50px;z-index:1;height:50px;border:none;transition:.2s;background-color:#8ad62b}.product-cart:hover button{width:100%;position:absolute;bottom:0;z-index:1;height:50px;border:none;transition:.2s;background-color:#8ad62b}.product-cart .label{position:absolute;z-index:1;width:100%;bottom:60px;transition:.2s}.product-cart .label img{transform:scale(1);transition:.2s}.product-cart:hover .label{bottom:100px;transition:.2s}.product-cart:hover .label img{transform:scale(0);transition:.2s}.mtop-5{margin-top:5px}.overflow-hidden{overflow:hidden}.f-12{font-size:12px}.f-14{font-size:14px}.mb-10{margin-bottom:10px}.custom-modal-background{background-color:rgba(0,0,0,.5);position:fixed;z-index:10000;width:100vw;display:flex;height:100vh;top:0}.custom-modal-container{height:95%;width:90%;background-color:#fafafa;margin:auto;border-radius:10px;overflow:hidden;padding:25px}.custom-modal-container .header{width:100%;height:50px;display:flex}.custom-modal-container .metode{display:flex;width:100%;height:90%;padding:0 60px}.custom-modal-container .metode .left{flex:1;height:auto}.custom-modal-container .metode .right{width:500px;height:90%;overflow:auto;padding-right:20px}.cartview-metode-child{background-color:#fff;border-radius:10px;min-height:100px;box-shadow:0 0 10px rgba(0,0,0,.05);padding:30px;margin-bottom:30px}.cartview-metode-child .blue-label{padding:10px;background-image:linear-gradient(to right,#0178bd,#02a4bf);border-radius:100px;font-weight:100}.cursor-pointer{cursor:pointer}portofolio-detail .description .inner-desc-right h3{display:block;position:relative;margin-bottom:10px;text-align:left;line-height:2}.portofolio-detail .description .inner-desc-left .short-description{line-height:2}.top-section{background-position:bottom right;background-size:cover;padding:80px 0 50px 0;background-repeat:no-repeat}.top-section .inner-sec-left h1{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-weight:400;font-stretch:normal;font-size:38px;line-height:48px;font-family:'DM Sans',sans-serif;max-width:600px}.top-section .inner-sec-left h4{font-family:'DM Sans',sans-serif;font-weight:400;font-size:18px;color:#888;-webkit-font-smoothing:antialiased;max-width:600px;margin-bottom:30px}.cert-section,.top-section-counting{margin-top:100px}.top-section-counting .bg-blue{background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:20px;text-align:center;color:#fff;margin:auto;padding:0 50px}.top-section-counting .bg-blue .title{padding:30px 15px 20px 15px;text-align:left;font-weight:600;font-size:28px}.top-section-counting .bg-blue .tagline{padding:0 15px 30px 15px;text-align:left}.top-section-counting .bg-blue .text{padding:0;letter-spacing:0;font-size:14px;line-height:20px}.top-section-counting .bg-blue .numbers{text-align:center;letter-spacing:0;opacity:1;font-size:24px;line-height:40px;font-weight:700}.top-section-counting .bg-blue .count{margin-bottom:35px}.wrap-cta{background:#fff;border-radius:15px;padding:20px 20px;box-shadow:.2rem .5rem 1.5rem rgba(0,0,0,.15)}.wrap-cta .title-cta{text-align:center;letter-spacing:0;color:#212121;opacity:1;font-size:18px;line-height:22px;font-weight:700}.wrap-cta .main-cta{padding:30px 10px}.wrap-cta .main-cta .cta-image{text-align:center}.footer-address .wrap-cta .main-cta .cta-image .image{float:left;padding:0 20px 20px 20px;min-height:80px}.wrap-cta .main-cta .cta-image .name{text-align:right;position:relative;display:block}.wrap-cta .main-cta .cta-image .name span{background:#33a8e2 0 0 no-repeat padding-box;border-radius:32px;color:#fff;font-family:Montserrat-Light;display:inline-block;position:absolute;top:-20px;right:-30px}.wrap-cta .main-cta .email{text-align:right;font-size:18px;margin-bottom:10px}.wrap-cta .main-cta .number{text-align:right;margin-bottom:10px;letter-spacing:0}.wrap-cta .main-cta .day{text-align:right;font-size:12px;font-family:Montserrat-Light;padding-bottom:10px}.wrap-cta .main-cta .number a{letter-spacing:0;color:#212121}.wrapper-body .row{margin-bottom:0}.wrap-cta .button-send-message{text-align:center;margin-top:20px}.wrap-cta .button-send-message a{background:#9bd44d 0 0 no-repeat padding-box;border-radius:12px;opacity:1;color:#fff;padding:8px 50px;display:inline-block}.top-section .inner-sec-right .wrap-guarantee .text-guarantee{text-align:left;letter-spacing:0;color:#5e5e5e;font-size:20px;line-height:32px;font-family:Montserrat-Light}.top-section .inner-sec-right .wrap-guarantee .text-guarantee span{color:#359acc}.top-section .inner-sec-right .wrap-guarantee .tnc-guarantee{color:#5e5e5e;font-size:14px;font-family:Montserrat-Light}.top-section .inner-sec-right .wrap-guarantee{margin-top:50px}.cw{color:#fff;padding:60px 0;background-size:contain;background-position:right;background-repeat:no-repeat;background-color:#78ccf7}.cw .container>.title{color:#fff;margin-bottom:50px}.cw .title{font-weight:600;font-size:28px}.cw .tagline{font-weight:600;font-size:20px;font-style:italic;color:#ffe177}.cw-canvas{background-size:400px;background-repeat:no-repeat;background-position-x:center;background-position-y:bottom}.cw-canvas .row{margin-left:-45px;margin-right:-45px}.cw-canvas .col-sm-6{padding-left:45px;padding-right:45px}.cw-canvas .white.link-port{text-align:center;padding:40px}.cw-data{max-width:800px;margin:0 auto;display:flex;align-items:stretch;justify-content:center}.cw-data-item .val{color:#ffd850;font-size:3em;font-weight:700;padding:10px 0}.cw-data-item{color:#212121;float:left;width:33.33%;background:#fff;margin:40px;border-radius:16px;text-align:center;padding:30px 10px}.cw-data-item i img{max-width:40px}.cw .link-port{text-align:center}.cw .link-port a{background:#e6b85f;background:-moz-linear-gradient(305deg,#e6b85f 0,#ffd850 100%);background:-webkit-linear-gradient(305deg,#e6b85f 0,#ffd850 100%);background:linear-gradient(305deg,#e6b85f 0,#ffd850 100%)}.canvas-image{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}.cw-canvas-modal.custom-modal-container .header{position:absolute;top:20px;right:20px}.cw-canvas-modal .close-btn{background:#fff;display:block;height:40px;width:40px;padding:5px 14px;border-radius:20px;font-size:20px;color:#5fb9e6}.custom-modal-container.cw-canvas-modal{background:0 0}.white.link-port a{background:#fff;color:#77d2ff}.white.link-port a::after{background:url('../../Assets/ic_arrow_blue.png') no-repeat;background-size:contain;background-position:center}.cert-section .inner-cert{background-repeat:no-repeat;background-size:cover;background-position:center;padding:30px 0 30px 50px}.cert-section .inner-cert .title{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-weight:600;font-stretch:normal;font-size:28px;line-height:normal;margin:0 auto 20px auto}.container>.title{text-align:center;letter-spacing:0;color:#212121;opacity:1;font-weight:600;font-stretch:normal;font-size:32px;line-height:42px;max-width:500px;margin:0 auto 20px auto}.cert-section .inner-cert .cert-logo{text-align:center;max-width:857px;margin:0 auto}.client-section .client-text .title,.video-section .video-text .title{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:32px;line-height:42px;font-weight:700}.client-section .client-text .desc,.video-section .video-text .desc{text-align:left;letter-spacing:0;color:#5e5e5e;opacity:1;font-size:18px;line-height:28px;margin-top:25px}.client-section .client-text .desc{max-width:400px}.link-port a{background:transparent linear-gradient(113deg,#80cff7 0,#5fb9e6 100%) 0 0 no-repeat padding-box;border-radius:30px;opacity:1;color:#fff;padding:15px 60px 15px 30px;font-size:14px;display:inline-block;font-weight:700;position:relative}.link-port a::after{content:"";background:url('../../Assets/ic-arrow-lg.png') no-repeat;background-size:contain;background-position:center;height:20px;margin:15px 0;width:24px;position:absolute;right:25px;top:0}.link-port.ic_lighting a::after{background:url('../../Assets/home2/ic_lighting.png') no-repeat;background-size:contain;height:25px;margin:13px 0;width:20px}.video-section .link-port{text-align:left;margin-top:20px}.video-section .wrap-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-section .wrap-video{position:relative;width:100%;padding-bottom:52%;border-radius:8px;overflow:hidden}.video-section .video-text{padding-left:90px}.video-section.why-mobileapps .video-text{padding-left:0}.video-section.why-mobileapps .video-text .title{max-width:400px}.video-section.why-mobileapps{padding:50px 0}.client-section{margin-top:100px;margin-bottom:100px}.client-section .link-port{margin-top:25px}.client-section .client-list .item{text-align:center;margin:10px 0}.client-section .client-list .item .persen-text{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:20px;line-height:24px;font-family:Montserrat-Light;padding:20px 0;text-align:center}.owl-carousel .owl-item .item{margin-right:30px}.owl-carousel .owl-item .item .inner-item{height:auto;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:20px;position:relative;background:#f9f9f9}.owl-home.owl-carousel .owl-stage-outer{overflow:hidden}.owl-carousel.owl-home{width:calc(100% + 30px)}.owl-carousel .owl-item .item .inner-item a{color:#5fb9e6;padding:10px 40px;text-align:center;display:inline-block;border-radius:40px;border:1px solid;font-weight:600}.owl-home .company-logo{width:100%;text-align:right}.owl-home .company-logo img{width:100px;display:inline;margin:15px 50px}.owl-home .desc{font-size:20px;line-height:28px;color:#23262d;padding:5px 0 20px 0;font-weight:600}.owl-home .title{color:#5fb9e6;font-size:18px}.owl-home .col-sm-7 .portfolio-image{align-self:flex-end;width:calc(100% + 100px)}.testi-section .top-testi .title{margin-bottom:40px;text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:32px;line-height:44px;font-weight:700}.testi-section .owl-carousel .owl-nav button{width:50px;margin-left:10px;font-size:30px;position:sticky;display:inline-block}.testi-section .owl-carousel .owl-nav{text-align:right;margin-top:-35px}.testi-section .owl-carousel .owl-nav button span{margin-top:-10px;position:absolute;background:#fff;color:#349dd1;width:50px;height:50px;box-shadow:.2rem .5rem 1.5rem rgba(0,0,0,.15);border-radius:50%;right:10px}.testi-section{margin:80px 0;position:relative}.commitment-section .title{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:32px;line-height:44px;padding:20px 0;font-weight:700}.commitment-section .wrap-item .problem-solving{background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 10px #00000015;border-radius:12px;opacity:1;padding:20px;position:relative;display:block}.commitment-section .wrap-item .problem-solving .stars img{position:absolute;top:-20px;right:-21px}.commitment-section .wrap-item .problem-solving .tagline{text-align:left;letter-spacing:0;color:#536e87;opacity:1;font-size:20px;font-family:Montserrat-Light;margin-top:20px}.commitment-section{background-image:linear-gradient(181deg,rgb(51 168 226 / 20%) 0,rgb(255 255 255 / 0%) 100%);background-position-x:0%;background-position-y:0%;background-size:initial;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-attachment:initial;background-origin:padding-box;background-clip:padding-box;background-color:transparent;padding:60px 0 60px}.commitment-section .wrap-item .oc-item{background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 10px #00000015;border-radius:12px;opacity:1;padding:18px 10px;margin-bottom:15px}.commitment-section .wrap-item .oc-item .tagline{text-align:left;letter-spacing:0;color:#536e87;opacity:1;font-family:Montserrat-Light}.commitment-section .wrap-item .oc-item .col-md-3{padding-right:0}.commitment-section .wrap-item .oc-item .col-md-9{padding-left:0}.commitment-section .wrap-item .oc-item .image{text-align:center;padding-top:8px}.commitment-section.first{background-image:linear-gradient(0deg,rgb(51 168 226 / 20%) 0,rgb(255 255 255 / 0%) 100%);margin-top:60px;padding-top:0}.commitment-section .desc{font-family:Montserrat-Light;text-align:left;letter-spacing:0;color:#5e5e5e;opacity:1;font-size:18px;line-height:28px}.commitment-5-section{padding:60px 0;background:#f8f8f8}.commitment-5-section .container>.desc{padding-bottom:30px;text-align:center}.commitment-5-section .commitment-5-item{background:#fff;float:left;width:calc(20% - 20px);margin:10px;border-radius:8px;padding:25px 25px 50px 25px;overflow:hidden}.commitment-5-section .commitment-5-item.problem-solving{background:url('../../Assets/oc/bg_commitment_1.png') no-repeat;background-size:cover;position:relative}.commitment-5-item.problem-solving a{display:block;position:absolute;width:calc(100% - 0px);height:100%;margin:0 -25px;padding:25px 25px 20px 25px;padding-top:calc(100% + 50px);z-index:2;transition:.2s;top:0;color:#fff;font-size:12px}.commitment-5-item.problem-solving a:after{content:"";background:url(../../Assets/ic-arrow-lg.png) no-repeat;background-size:contain;background-position:center;height:20px;margin:15px 0;width:24px;position:absolute;right:25px;bottom:5px}.commitment-5-item.problem-solving a img{max-width:25px;margin:-3px 10px 0 0}.commitment-5-section .commitment-5-item.problem-solving:after{content:"";position:absolute;background:url('../../Assets/oc/bg_commitment_bintang.png') no-repeat;background-size:contain;top:20px;right:20px;width:44px;height:58px}.commitment-5-section .commitment-5-item .tagline{font-size:18px;padding-bottom:5px}.commitment-5-section .commitment-5-item .desc{font-size:12px;color:#888}.commitment-5-section .commitment-5-item.problem-solving .desc,.commitment-5-section .commitment-5-item.problem-solving .tagline{color:#fff}.commitment-5-section .commitment-5-item .image{width:75px;margin:-10px 0 10px -20px;margin-bottom:10px}.v-midle{padding-top:80px;padding-bottom:80px}.top-section .inner-sec-right{padding:0 30px}.testi-section .top-testi .link-port{text-align:right;display:block}.testi-section .top-testi .title-btn a{display:inline-block;background:#0178bd;color:#fff;font-family:Montserrat-Light;border-radius:30px;padding:10px 40px}.testi-section .top-testi .title-btn a:hover{opacity:.8}.cert-img{-ms-flex:0 0 20%;flex:0 0 20%;max-width:calc(33.3% - 40px);margin:15px 20px;position:relative;width:100%;min-height:1px}.cert-img img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:1s -webkit-filter linear;-moz-transition:1s -moz-filter linear;-moz-transition:1s filter linear;-ms-transition:1s -ms-filter linear;-o-transition:1s -o-filter linear;transition:1s filter linear,1s -webkit-filter linear;margin-left:-50px}.cert-img a:hover img,.cert-img img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.project-v2 .banner-top{background-size:cover;width:100%;overflow:hidden;position:relative}.cw-data:after,.project-v2 .container:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.project-v2 .banner-top .image{width:610px;float:left;height:580px;overflow:hidden;margin-left:-130px}.project-v2 .banner-top .desc{width:calc(100% - 480px);float:left;color:#fff;padding:170px 60px 0 40px}.project-v2 .banner-top .project-logo{max-width:100px;padding-bottom:30px}.project-v2 .banner-top h1{font-size:28px}.project-v2 .banner-top .tagline{font-size:24px;padding-bottom:20px}.project-v2 .banner-top .desc span{font-size:14px;font-family:Montserrat-Light}.small-detail .item{width:25%;float:left;text-align:center;padding:20px 10px}.small-detail .item strong{font-size:18px;display:block}.small-detail{padding:50px 0}.small-detail .item span{font-size:14px;font-family:Montserrat-Light}.our-solution .left{text-align:right}.solution-list .item{padding:10px;position:relative}.solution-list .title{font-size:18px}.solution-list .desc{font-size:14px;font-family:Montserrat-Light}.solution-list{padding:40px 0}.our-solution .solution-head .title{font-family:Montserrat-Light;font-size:14px;color:#f46318}.our-solution .solution-head .desc{font-family:Montserrat-Light;font-size:22px}.proven-solution{margin:0 auto;padding-bottom:100px;background:#f7f7f7}.proven-solution>div{max-width:720px}.proven-solution .pecentage{text-align:center;font-size:48px;font-family:Montserrat-Light;font-weight:600;position:relative}.proven-solution .desc{text-align:center;font-size:14px;font-family:Montserrat-Light}.proven-solution .pecentage:after{content:"%";font-weight:500;font-size:44px;margin-left:-10px}.proven-solution .pecentage:before{content:"";width:20px;height:20px;position:absolute;top:0;left:25px;background-image:url('../../Assets/project/arrow-alt-circle-up 1.png')}.row.proven-item{display:flex;justify-content:center}.project-v2 .section-title{text-align:center;padding:50px 20px 30px;font-size:24px;font-family:Montserrat-Regular}.left .solution-list .desc,.left .solution-list .title{padding-right:40px}.right .solution-list .desc,.right .solution-list .title{padding-left:40px}.left .solution-list .item:after{content:"";background-image:url('../../Assets/project/Icon_multiply_solid.png');background-size:cover;position:absolute;right:10px;top:15px;width:20px;height:20px}.right .solution-list .item:after{content:"";background-image:url('../../Assets/project/Icon_check_solid.png');background-size:cover;position:absolute;left:10px;top:15px;width:20px;height:20px}.project-testi{padding:150px 0 100px 0;color:#fff;font-family:Montserrat-Light;background-size:cover}.project-testi .testi-text{font-size:24px;font-family:Montserrat-Regular;font-style:italic;padding-bottom:30px}.project-testi .pic-position{font-size:14px}.project-testi .pic{font-size:14px;font-family:Montserrat-Regular}.testi-text:before{content:'"';position:absolute;top:-80px;font-size:100px;left:0}.v2.wrap-cta .main-cta .cta-image .name span{position:relative;top:0;right:0;text-align:center;color:#359acc;background:0 0;font-weight:700}.v2.wrap-cta .main-cta .cta-image .name{text-align:center;padding-top:10px}.v2.wrap-cta .main-cta .day{text-align:center;color:#bfbfbf}.footer-address .v2.wrap-cta .main-cta .cta-image .name,.footer-address .v2.wrap-cta .main-cta .day{text-align:left}.footer-address .v2.wrap-cta .main-cta .cta-image .name{padding-top:20px}.v2 .main-cta a>span{display:none}.wrap-cta.v2 .main-cta .cta-btn a{border-radius:30px;padding:15px;background:#f8f8f8;margin:10px;display:inline-block;min-width:55px;text-align:center;color:#5fb9e6}.wrap-cta.v2 .main-cta .cta-btn a:hover{background:#5fb9e6;color:#fff;-webkit-transition:background-color 1s linear;-moz-transition:background-color 1s linear;-o-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear;-webkit-animation-direction:alternate;animation-direction:alternate}.v2.wrap-cta .main-cta{padding:15px 0 0 0}.v2.wrap-cta .main-cta .cta-btn{text-align:center}.v2 .main-cta a.active>span{display:inherit}.wrap-cta.v2 .main-cta .cta-btn a.whatsapp{background:#f8f8f8;color:#53cf61;padding:15px 20px;font-weight:700}.wrap-cta.v2 .main-cta .cta-btn a.whatsapp:hover{background:#59d264;background:-moz-linear-gradient(266deg,#59d264 0,#59d264 0,#6ce877 100%);background:-webkit-linear-gradient(266deg,#59d264 0,#59d264 0,#6ce877 100%);background:linear-gradient(266deg,#59d264 0,#59d264 0,#6ce877 100%);color:#fff}.wrap-cta.v2 .main-cta .cta-btn a.whatsapp:hover span{color:#fff}.whatsapp span{font-size:13px;color:#28b43d;padding-left:5px}.wrap-cta .main-cta .cta-image img{max-width:80px}.wrap-cta.v2 .cta-text{text-align:center}.wrap-cta.v2 .cta-text .cta-email,.wrap-cta.v2 .cta-text .cta-number{padding-top:10px;display:none}.wrap-cta.v2 .cta-text .active{display:inherit}.wrapper-footer .wrap-cta.v2 .row{margin-bottom:0}.head-portofolio .wrap-cta.v2{background:#77d2ff;max-width:380px;float:right;background-repeat:no-repeat;background-position:bottom center;position:relative}.head-portofolio .wrap-cta .title-cta{color:#fff;font-size:24px;line-height:normal;text-align:left;padding:9px 0}.head-portofolio .wrap-cta .main-cta .cta-image{margin-left:-60px}.head-portofolio .wrap-cta.v2 .main-cta .cta-btn a{margin:12px 0}.head-portofolio .v2.wrap-cta .main-cta{padding:0}.head-portofolio .wrap-cta.v2 .cta-text .active{color:#fff!important;font-weight:700}.blog .card-title{font-size:2em;font-weight:700;line-height:1.3em}.flex{display:flex}.flex-center{display:flex;justify-content:center}.blog .card-body{font-size:1.2em;line-height:1.6em}.blog.blog-list .top-articles .card-body{padding-left:50px}.blog-list .card-title{font-size:18px;font-weight:400;line-height:22px;color:#212121;margin-bottom:0}.blog-list .author{font-size:11px;font-weight:400;line-height:22px;color:#888}.blog-list .top-articles .author{font-size:12px;color:#070707;line-height:2em}.blog-list .top-articles .position{position:absolute;color:#e5e5e5;font-size:28px;font-weight:700;left:0;line-height:28px}.blog-list .top-articles .author .img{height:2em;width:2em;display:inline-block;overflow:hidden;border-radius:4em;vertical-align:bottom;line-height:2em;margin-right:5px}.blog-list .top-articles .author .img img{margin-top:-2px}.blog-list .top-articles .card-title{font-weight:700;padding:5px 0}.blog-list .cat{font-style:italic;font-size:12px;font-weight:400;line-height:22px;color:#888}.blog-list .card-title a{color:#212121;height:2.4em;overflow:hidden;display:block;line-height:1.2em}.blog-list .col-lg-4 .card{padding:0}.blog-list .col-lg-4{margin:0}.blog-list .col-lg-4 .card{margin:20px 0;border:0}.blog-list .col-lg-4 .wrap-img{border-radius:12px}.top-articles{margin-bottom:30px}ul.cat-menu{padding-left:0}ul.cat-menu li{position:relative;padding:10px 20px 10px 0;display:inline}.blog-list h1{font-size:32px;font-weight:700;margin:30px 0}ul.cat-menu li a{text-align:left;color:#212121;display:inline}ul.cat-menu li.active a:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:45%;border:1px solid #77d2ff;border-radius:2px}@media (min-width:960px){#landing-cta .wrap-cta{display:flex;padding:0}#landing-cta .wrap-cta .title-cta{float:left;width:190px;font-size:23px;color:#2c2c30;background:#ffd850;left:0;top:0;padding:40px 40px;border-radius:16px 0 0 16px}#landing-cta .col-md-12{width:33%;float:left}#landing-cta .col-md-12:first-child{width:38%}#landing-cta .col-md-12.rfq-btn{width:29%;float:left}#landing-cta .v2.wrap-cta .main-cta{position:relative;padding:20px 35px;width:100%}#landing-cta .wrap-cta.v2 .main-cta .cta-btn a{padding:15px 10px;font-size:22px;vertical-align:middle}#landing-cta .wrap-cta.v2 .main-cta .cta-btn a.whatsapp{padding:9px 10px}#landing-cta .wrap-cta.v2 .main-cta .rfq-btn .cta-btn a{margin:10px 0;background:#5fb9e6;color:#fff!important;position:relative}#landing-cta .wrap-cta.v2 .main-cta .rfq-btn .cta-btn a img{position:absolute;left:20px;width:25px;height:25px}#landing-cta .wrap-cta.v2 .main-cta .rfq-btn .cta-btn a span{font-weight:700;font-size:15px;padding:0 10px 0 50px}#landing-cta .v2.wrap-cta .main-cta:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}#landing-cta .wrap-cta .main-cta .cta-image .image{width:80px;position:absolute}#landing-cta .wrap-cta .main-cta .cta-image .name{padding-top:16px}#landing-cta .wrap-cta .main-cta .cta-image .day,#landing-cta .wrap-cta .main-cta .cta-image .name{text-align:left;padding-left:100px}}#landing-cta .row{margin-bottom:auto}.wrapper-portofolio .title-cta{width:40%;float:left;margin-left:40px}.wrapper-portofolio .main-cta{float:right;width:calc(60% - 40px)}.wrapper-portofolio .cta-image .image{position:absolute;left:-215px;box-shadow:.2rem .5rem 1.5rem rgb(0 0 0 / 9%);border-radius:80px}.wrapper-portofolio .head-portofolio .wrap-cta.v2 .main-cta .cta-btn .email,.wrapper-portofolio .head-portofolio .wrap-cta.v2 .main-cta .cta-btn .number,.wrapper-portofolio .v2.wrap-cta .main-cta .cta-image .day,.wrapper-portofolio .v2.wrap-cta .main-cta .cta-image .name{display:none}.elementor-widget-container .v2 .main-cta a.whatsapp>span{display:none}.v2 .main-cta .rfq-btn{display:none}.elementor-widget-container .v2 .main-cta .rfq-btn{display:block}@media (max-width:576px){.home{padding-top:20px}.top-section .inner-sec-left h1{font-size:36px;line-height:50px}.top-section{padding:20px 0}.top-section .inner-sec-left h4{font-size:20px;line-height:32px}.top-section-counting{margin-top:20px}.top-section-counting .bg-blue{width:100%;max-width:none;padding:0}.top-section .inner-sec-right{margin-top:30px;padding:0}.our-valuable-product .col-lg-3.col-md-4.col-sm-12{width:50%}.product-cart{height:157px}.product-cart .label{bottom:15px}.wrap-cta .main-cta .cta-image .name span{right:20%;top:-36px}.wrap-cta .main-cta .day,.wrap-cta .main-cta .email,.wrap-cta .main-cta .number{text-align:center}.wrap-cta .button-send-message{margin-top:0}.head-portofolio .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.head-portofolio .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:0 0 0 15px}.head-portofolio .main-cta .col-sm-7{-ms-flex:0 0 57%;flex:0 0 57%;max-width:57%;padding:0}.head-portofolio .wrap-cta.v2{max-width:93%;margin-top:20px}.head-portofolio .wrap-cta .title-cta{font-size:18px;padding:17px 0}.top-section .inner-sec-right .wrap-guarantee{margin-top:40px}.cw-canvas{background-image:none!important}.cw-data{margin:20px -10px}.cw-data-item{margin:10px;padding:20px 5px}.cw-data-item i img{max-width:20px}.cw-data-item .val{font-size:2em;padding:0}.cw-data-item .desc{font-size:.6em}.commitment-section{padding:20px 0}.commitment-section .title{font-size:26px;line-height:36px;text-align:center;font-family:Montserrat-Regular}.commitment-section .wrap-item .oc-item .tagline{text-align:center;margin-top:10px}.commitment-section .wrap-item .problem-solving{text-align:center;margin-bottom:20px;margin-top:30px}.commitment-section .desc{text-align:center}.commitment-5-section .commitment-5-item .tagline{max-width:200px}.commitment-5-item.problem-solving a{bottom:0;padding-top:calc(100% - 150px)}.cert-section .inner-cert .title{font-size:26px;line-height:36px}.cert-section .inner-cert .cert-logo{margin-top:40px}.cert-section .inner-cert{padding-bottom:60px}.video-section .video-text .title{font-size:24px;line-height:34px;padding-top:20px}.video-section .video-text .desc{margin-top:20px}.client-section .link-port,.video-section .link-port{margin:15px 0}.video-section.why-mobileapps .wrap-video{margin-top:20px}.video-section .video-text{padding-left:0;padding-top:20px}.cert-img{margin:0;max-width:20%}.testi-section .top-testi .link-port{text-align:center}.client-section .client-text .title{font-size:26px;line-height:34px}.client-section .client-text .desc{margin-top:20px}.container>.title,.testi-section .top-testi .title{font-size:26px;line-height:34px}.top-testi{margin-bottom:10px}.container-form-order .top-testi .col-md-6{width:50%}.commitment-5-section .commitment-5-item{width:calc(100% - 20px)}.owl-carousel .owl-item .item .inner-item a{text-align:center}.owl-home .company-logo{margin:auto;text-align:center}.owl-home .desc{text-align:center;font-size:16px;font-family:Montserrat-Light;font-family:Montserrat-Light;padding:35px 0}.owl-home .col-sm-7{padding:230px 0 0 0}.owl-home .col-sm-5{padding-bottom:30px;padding-right:30px}.owl-carousel .owl-item .item .inner-item{text-align:center}.testi-section .container{padding:0}.testi-home.testi-section .top-testi .title{text-align:center;margin-bottom:20px}.testi-section .top-testi .title-btn{text-align:center}.owl-carousel .owl-item .item .inner-item{border-radius:0;background-position:right;background-size:cover}.owl-carousel .owl-item .item{margin-right:0;margin-left:0}.testi-home.testi-section .top-testi{position:absolute;top:0;z-index:2;padding:30px 0}.testi-section{margin:0}}.top-service{padding-bottom:80px;background-position:right;background-repeat:no-repeat;background-color:#fff}.success-rate{color:#888;text-align:center}.success-rate .title{color:#212121;font-size:24px;font-weight:700;margin:20px 0}.percentage-box{width:280px;height:280px;background-size:contain;display:flex;align-items:center;margin:30px auto}.percentage-box .value{width:100%;color:#212121;font-size:64px;font-weight:700}.percentage-box .value small{display:block;font-size:18px;color:#888}.success-rate .desc{max-width:430px;margin:auto}.service-metodology{padding:80px 0}.content-box{border-radius:12px;overflow:hidden;background:#fff;margin:30px 0;background-size:cover;background-position:bottom;background-repeat:no-repeat}.mg-il{background-size:cover;background-position:bottom left;background-repeat:no-repeat}.mg-tx{padding:20px}.mg-tx .title{font-weight:600;font-stretch:normal;font-size:32px;margin-bottom:10px}.mg-tx .desc{margin-bottom:20px}.mg-tx .tagline{font-size:20px;font-weight:500}.mg-tx .quote{background:#f7f7f7d4;margin:-20px 0 -20px -30px;padding:20px 30px;border-radius:12px}.service-metodology .content-box:nth-child(2n) .mg-tx{padding:50px 50px 50px 0}.service-metodology .content-box:nth-child(odd) .mg-tx{padding:50px 0 50px 75px}.quote-box{margin:40px 0 20px 0}.quote-box ul{padding-inline-start:20px}.wrapper-iot .section-banner-text{background-repeat:no-repeat;background-position:center -110px;padding:80px 0}.wrapper-iot .section-banner-text .banner-text{text-align:center;letter-spacing:0;color:#212121;opacity:1;font-size:42px;font-family:Montserrat-Light;margin-top:100px}.wrapper-iot .section-banner-text .banner-btn{text-align:center}.wrapper-iot .section-banner-text .banner-btn a{background:transparent linear-gradient(113deg,#33a8e2 0,#359acc 100%) 0 0 no-repeat padding-box;border-radius:10px;opacity:1;color:#fff;padding:10px 40px;display:inline-block;margin-top:40px}.wrapper-iot .section-banner-text .banner-btn a:hover{opacity:.8}.wrapper-iot .section-banner-text .icon-image{margin-top:60px}.section-commitment .title{letter-spacing:0;color:#212121;opacity:1;font-size:36px;line-height:44px;font-family:Montserrat-Light;text-align:center;margin-bottom:60px}.section-commitment .wrap-content .item{background:#f9f9f9 0 0 no-repeat padding-box;border-radius:12px;padding:25px}.section-commitment .wrap-content .text{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:18px;line-height:24px;font-family:Montserrat-Light;padding:0}.wrapper-iot .section-banner-text .icon-image .item img{box-shadow:0 12px 28px #0000000D}.wrapper-iot .section-banner-text .icon-image .item{text-align:center}.wrapper-iot .section-banner-text .icon-image{padding:0 60px}.section-commitment .wrap-content .item .text{margin-top:25px}.section-commitment .wrap-content .item .icon img{filter:contrast(0%) brightness(0%);height:30px}.section-commitment .wrap-content .item:hover .icon img{filter:none}.section-commitment .wrap-content .item:hover{background:#33a8e2 0 0 no-repeat padding-box}.section-commitment .wrap-content .item:hover .text{color:#fff}.section-tentang-iot .left-section .tilte{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:36px;line-height:64px;font-family:Montserrat-Light}.section-tentang-iot{margin-top:100px}.section-tentang-iot .left-section .text{margin-top:20px;opacity:1;font-family:Montserrat-Light;padding:40px 0 0;color:#5e5e5e}.section-tentang-iot .inner-section{padding:0 0 140px;background-position:left -60px}.section-feature .title{text-align:center;color:#212121;opacity:1;font-size:36px;line-height:44px;font-family:Montserrat-Light;letter-spacing:0;margin-top:40px}.section-feature .content{margin-top:50px}.section-feature .content .item{text-align:center;margin-bottom:40px}.section-feature .content .item .item-text{margin-top:30px;font-family:Montserrat-Light}.section-feature .bottom-section-text{font-family:Montserrat-Light;margin-top:40px;text-align:center;letter-spacing:0;color:#5e5e5e;opacity:1}.section-manfaat{background:transparent linear-gradient(270deg,#489fbb 0,#3377b7 100%) 0 0 no-repeat padding-box;margin-top:60px;padding-bottom:50px}.section-manfaat .title{padding:100px 0 60px;text-align:center;letter-spacing:0;color:#fff;opacity:1;font-size:36px;line-height:44px;font-family:Montserrat-Light}.section-manfaat .content .icon{text-align:center;padding:25px 0}.section-manfaat .content .item-text{color:#fff;font-family:Montserrat-Light;font-size:18px;line-height:28px}.section-manfaat .content .item{margin-bottom:40px}.section-product .title{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:36px;line-height:64px}.section-product{margin-top:100px}.section-product .content{margin-top:40px}.section-product .content .item .tilte-item{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:24px;line-height:64px;padding-top:40px}.section-product .content .item .content-item{text-align:left;letter-spacing:0;color:#5e5e5e;opacity:1;font-size:18px;line-height:28px;font-family:Montserrat-Light}.section-product .content .item .image{text-align:center}.section-form .left-section{text-align:left;letter-spacing:0;color:#212121;opacity:1;font-size:36px;line-height:64px;font-family:Montserrat-Light;margin-top:100px}.section-form{margin-top:50px;margin-bottom:50px}.section-form .right-section .wrap-form{background:#33a8e2 0 0 no-repeat padding-box;border-radius:12px;opacity:1;padding:30px 50px}.section-form .right-section .wrap-form .title-form{letter-spacing:0;color:#fff;opacity:1;font-size:24px;text-align:center}.section-form .right-section .wrap-form .inner-text-input{margin-top:20px}.section-form .right-section .wrap-form .inner-text-input input[type=text]{background:0 0;border:0;border-bottom:.5px solid #fff;padding:10px 0;margin-bottom:20px;display:block;width:100%;color:#fff}.section-form .right-section .wrap-form .inner-text-input input[type=text]::placeholder{color:#d1d1d1}.section-form .right-section .wrap-form .inner-text-input input[type=text]:focus{border:0;border-bottom:.5px solid rgb(255 255 255 / .5);outline:0}.section-form .right-section .wrap-form .inner-text-input .wrap-btn input{background:transparent linear-gradient(113deg,#fff 0,#fff 100%) 0 0 no-repeat padding-box;border-radius:12px;display:inline-block;border:0;padding:10px 20px;margin-top:20px}.section-form .right-section .wrap-form .inner-text-input .wrap-btn{text-align:right}.section-form .right-section .wrap-form .inner-text-input .wrap-btn input:hover{cursor:pointer;opacity:.8}.preview-result{position:relative;padding:50px 0 50px 0;font-family:Montserrat-Light}.preview-result .app-screnshoot{margin-top:30px}.preview-result .banner-btm{width:100%}.preview-result .banner-btm img{width:100%;height:auto;position:absolute;left:0;bottom:0}.preview-result .bohlam{width:60px;height:60px;border-radius:10px;margin-top:100px}.preview-result .title{font-size:18px;font-weight:600;padding:30px 0 20px 0}@media (max-width:576px){.wrapper-iot .section-banner-text .banner-text{margin-top:0;font-size:36px}.wrapper-iot .section-banner-text .icon-image .item{margin-bottom:20px}.section-commitment .wrap-content .item{text-align:center;margin-bottom:20px}.section-commitment .wrap-content .text{text-align:center}}@media(max-width:950px){.custom-modal-container .metode{flex-direction:column;padding-top:0;padding-right:0;padding-left:0}.custom-modal-container .metode .left{flex:0;height:auto;margin-bottom:10px}.custom-modal-container .metode .right{flex:1;height:90%;overflow:auto;padding-right:20px;width:auto;padding-left:10px}.custom-modal-container .metode .left .title{font-size:16px}.custom-modal-container{padding:10px}}@media(max-width:767px){.our-value{text-align:center!important}.project-v2 .banner-top .desc{width:100%;padding:100px 10px;z-index:2}.small-detail .item{width:50%;padding-left:0;text-align:left}.small-detail .item.service{width:100%}.our-solution .left{text-align:left}.left .solution-list .desc,.left .solution-list .title{padding-left:40px}.left .solution-list .item:after{content:"";background-size:cover;position:absolute;left:10px;top:15px;width:20px;height:20px}.project-testi .testi-text{font-size:18px}.preview-result{padding-bottom:0;margin-bottom:-30px;overflow:hidden}.preview-result .banner-btm img{width:auto;min-height:150px;max-width:none}.project-v2 .banner-top{padding-bottom:200px}.project-v2 .banner-top .image{position:absolute;bottom:0;height:300px;margin:0;width:400px;overflow:hidden}.portofolio-detail .banner-top .image img{width:auto;max-width:none;height:350px;padding-left:50px}.top-section-counting .col-md-4{width:33.3%;padding-left:5px;padding-right:5px;display:flex;align-items:center;justify-content:center}.top-section-counting .bg-blue .numbers{font-size:24px}.top-section-counting .bg-blue .text{font-size:11px;margin-top:0}.top-section-counting .bg-blue .count{margin:10px 0}.top-section-counting .row{margin-left:0;margin-right:0}.top-section-counting .col-md-4{width:33.3%;padding-left:5px;padding-right:5px;display:flex;align-items:center;justify-content:center}.top-section-counting .bg-blue .numbers{font-size:24px}.top-section-counting .bg-blue .text{font-size:11px;margin-top:0}.top-section-counting .bg-blue .count{margin:10px 0}.top-section-counting .row{margin-left:0;margin-right:0}.commitment-section .image{margin:0!important}.v-midle{padding-top:0;padding-bottom:0}.commitment-section .wrap-item .col-sm-6{width:50%}.wrap-cta.v2 .main-cta .cta-btn a{margin:10px 5px}.wrap-cta.v2 .main-cta .cta-btn a{margin:10px 5px}.main-cta .col-md-12{padding-left:0;padding-right:0}.commitment-section .wrap-item .oc-item .col-md-3,.commitment-section .wrap-item .oc-item .col-md-9{padding:0}.main-cta .col-md-12{padding-left:0;padding-right:0}}@media (max-width:575.98px){.about,.bg-contact,.bg-detail-product,.bg-product,.bg-services,.blog,.blog-detail,.career,.career2,.magang,.order,.our-team,.portfolio,.portfolio-detail,.sitemap{margin-top:30px}.home .clients{margin-bottom:50px}.home .bg-text .free-consultation .col-lg-12 h5{font-size:16px}.list-server a{width:100%;margin:10px 20px}.home{height:1000px;background-position:-250px 100%}.margin-strategic{margin-bottom:1400px!important}.btn-more{border-radius:50px;width:60%;font-size:18px;margin-top:10px}.trusted h2{font-size:20px}.trusted .col-lg-12{position:relative;height:200px;margin:30px 0 -40px}.trusted h2 span{font-size:12px;position:absolute;top:-110px;left:0;right:0;margin:0 130px}.trusted .text-title{margin-top:10px}.trusted .col-lg-4{text-align:center;margin-top:40px}.btn-unggul{margin-top:50px}.add-on .col-lg-12 .col-lg-6 p{font-size:20px}.add-on .we-believe h3{font-size:20px}.add-on{margin-top:1140px}.add-on .row .col-lg-4 img{width:100%}.add-on .row .col-lg-8 .title-server{margin:20px 0}.add-on .server{margin-bottom:40px}.server .col-lg-3 p.p-isi{font-size:14px}.bg-text{margin:70px 0 50px 0;text-align:center}.bg-text .col-lg-7 .row{margin-bottom:90px}.bg-text .col-lg-5 .free-consultation{height:360px}.bg-text .col-lg-5 .free-consultation .row .col-lg-6 img{float:none;margin:10px 0}.bg-text .col-lg-5{padding-right:0;padding-left:0}.bg-text .col-lg-7 p{text-align:center;font-size:24px}.bg-text .row .col-lg-3 h2.number{font-size:24px}.bg-text .col-lg-7 .row .col-lg-3 p{font-size:14px}.home .product-carousel .item .product-desc p{font-size:14px}.clients .col-lg-12 h2{font-size:22px}.testimony .col-lg-12 h3{font-size:20px}.core .col-lg-12 p{color:#47567d;font-size:18px;margin:60px 0}.core .col-lg-4 h3{font-size:20px}.core .col-lg-4 p.p-isi{font-size:14px}.form-message{margin-bottom:0;height:700px}.testimony .col-lg-12 h5{font-size:18px}#img-carousel .item .item-img{height:auto}.caro-blog{margin:0!important}.form-middle{margin-bottom:870px}.strategic{height:1300px}.strategic .col-lg-6 p{font-size:14px}.strategic .row .col-lg-4{margin:20px 15px;text-align:center}h1{font-size:30px;text-align:center}.btn-contact,.btn-portfolio,.btn-produk,.btn-quote,.btn-send,.btn-service{width:100%}.btn-produk,.btn-service{padding:15px 0;font-size:16px}.btn-service{margin:50px 0}.text-desc,.text-title{font-size:24px}h2.text-title::after{content:'';width:8%;border-bottom:3px solid #02a5bf;margin:25px auto;display:block}.arrow{display:none}.server .col-lg-3{padding:20px 0}.core .col-lg-4{padding:20px 0}.footer .col-lg-3{text-align:center}.nav-footer{float:none;display:inline-block;text-align:center;margin-top:50px;flex-direction:column}.nav-footer li{padding:0 10px;display:inline-block}.nav-footer li a{font-size:12px}.product .col-lg-6{margin-bottom:30px}.footer-address{text-align:center}.footer-address .col-lg-3,.footer-address .col-lg-4,.footer-address .col-lg-5{margin-bottom:50px}.copy{font-size:12px;margin:20px 0;color:#47567d}.key .col-lg-12 h2{margin:70px 0 0}.bg-services .key{margin-bottom:50px}.key .col-lg-9 img{width:100%}.key .row{margin-bottom:20px}.services-fails p,.services-solution p{color:#7682a4;margin:20px 0;font-size:14px}.services-fails .fails-top{margin:0 0 20px}.services-fails .fails-bottom{margin:20px 0 0}.services-fails .fails-bottom span{margin:0 50px 0 0}.services-fails .fails-top .people{margin:0 0 0 80px}.services-fails .fails-top .technology{margin:0 20px 0 -20px}.services-fails .fails-top .business{margin:0}.services-solution .people1{margin:0 80px 0 10px}.services-solution .business,.services-solution .people2,.services-solution .technology{margin:2px}.services-solution .solution-bottom{margin:0;font-size:14px}.services-solution .solution-bottom span{margin:0 10px 0 0}.metodology{opacity:.1}.metodology img{opacity:.1}.how-do{text-align:center}.how-do .col-lg-2 p{margin:25px 0}.how-do .col-lg-12 h4{margin:40px 0 20px}.how-do .col-lg-6 p{font-size:14px}.plan-list{font-size:14px}.btn-goals{padding:10px;font-size:16px}.how-do .col-lg-2 .box{margin:10px 0;padding:20px 20px;text-align:center;font-size:18px}#btn-top-scroll{font-size:40px}.success-project{margin-bottom:50px}.success-project .col-lg-12{height:250px;padding-top:20px}.success-project .btn{padding:5px 0;margin:10px 0;width:40%}.success-project .or-contact,.success-project h2{margin:20px 0}.success-project h2{font-size:24px}.advantage-service .col-lg-6 .row{margin-bottom:20px}.hero-product{height:1900px}.advantage-product{padding-top:80px;margin-bottom:10px}.advantage-product-2{padding-top:0}.advantage-product h2{font-size:20px}.advantage-product h5{font-weight:550}.advantage-product-2 h5{font-weight:1000;color:#0178bd}.advantage-product .col-lg-12 .row{margin-bottom:60px}.advantage-product h6{margin:20px}.advantage-product-2 h6{margin:20px;color:#47567d}.advantage-product img,.advantage-product-2 img{width:180px;margin-bottom:10px}.btn-detail-product{border-radius:50px;width:45%;color:#fff;padding:10px 0;border:1px solid #fff;margin-bottom:20px}.btn-detail-product-2{border-radius:50px 50px;width:45%;color:#0178bd;padding:10px 0;border:1px solid #0178bd;margin-bottom:20px}.middle-product{margin-bottom:0}.hero-detail-product{background-position:-200px 100%;height:550px}.web-salor{text-align:center;position:absolute;bottom:-40px;right:15px;background-color:#fff;padding:40px 60px;border-radius:5px}.salor{margin-bottom:300px}.salor-crm{margin-bottom:100px}.salor .col-lg-12 .col-lg-6 h2{margin:60px 0 0 0}.salor-crm .salor-phone img{width:40%;margin:0 auto 60px;display:block}.salor-crm .salor-phone{padding:250px 0 0 0}.salor-crm .col-lg-3 .home-r img{width:100%}.salor-crm .customer p{font-size:14px}.btn-request{width:100%;margin:30px 0 0 0}.contact .row .col-lg-4{text-align:center;margin-bottom:30px}.btn-map1{margin:20px 0}.contact .row{margin-bottom:0}.bg-magang{height:800px;background-position:10px 100%x}.inputfile+label{width:100%}.intern-form h3{font-size:16px}.internship .col-lg-12 .col-lg-8 h2{margin-top:120px}.internship .col-lg-12 .col-lg-8 p{margin-bottom:100px}.lampir-foto{color:#d1d1d1!important;font-size:14px!important;position:absolute;top:70px;bottom:0;left:0;right:0}.btn-magang{width:100%;margin-top:50px}.intern-form{height:630px}.input-group-prepend{display:block!important}#jenjang{width:100%!important}.instansi-sekolah{display:block;margin:40px 0 0 0;padding:0;width:100%}.navbar-custom .dropdown .dropdown-menu{border:none;color:#838586}.navbar-custom .dropdown .dropdown-menu .dropdown-item{background-color:#f8f9fa}.navbar-custom .dropdown .dropdown-menu a{color:#a9babd}.navbar-custom .dropdown .dropdown-menu a:hover{color:#838586}.history-crocodic h2{font-size:24px;margin-top:40px;margin-bottom:200px}.step-progress .row .col-lg-3 p{padding:0 10px}.bg-team{height:900px;background-position:-150px 0}.our-team .all-team{margin-bottom:100px}.our-team .all-team .col-lg-12 h3{margin-top:50px}.our-team .all-team .row .col-lg-12 h4{margin-bottom:50px}.all-team .col-lg-12 a{width:100%;font-size:16px}.all-team .team-part a{margin:10px 0}.our-team .col-lg-12 h4::after{content:'';display:block;border-bottom:3px solid #3ac3d4;width:10%;margin:30px auto 0}.overlay-img{position:absolute;left:-16px;bottom:0;top:0;width:330px;opacity:0;transition:.2s}.staff{position:absolute;left:0;right:0;top:80px;color:#fff!important;opacity:0;transition:.2s}.project-team{height:900px}.order .col-lg-12 .col-lg-8 h2{font-size:24px;margin-top:150px}.order .col-lg-12 .col-lg-8 p{font-size:16px}.order .col-lg-12 .col-lg-9{padding-left:0;padding-right:0}.wrap-form-order h3{font-size:18px}.wrap-form-order p{font-size:12px}.form-order .form-group{margin:20px 0}.form-order .form-control{box-shadow:none}.btn-order{width:100%}.main-blog{margin-bottom:20px}.main-blog .col-lg-7 .card .wrap-img{height:196px}.main-blog .col-lg-7 .card .card-body .card-title{font-size:18px}.main-blog .col-lg-7 .card .card-body .author{font-size:12px}.main-blog .col-lg-7 .card .card-body .card-text{font-size:12px}.blog .form{display:none}.blog .col-lg-4{margin-top:50px}.blog .col-lg-7 .card{margin-bottom:0;margin-top:20px}.navbar-custom .wrap-search{position:relative}.most-popular{margin-bottom:25px}.most-popular .col-lg-7 .title-popular{font-size:16px;margin:10px 0;color:#0178bd}.most-popular .col-lg-7 .author{font-size:14px;color:#cdcdcd}.blog-detail .sidebar{margin-top:0}.blog-detail .blog-content{margin:50px 0 50px 0}.wrap-img-blog{height:180px}.blog-detail .wrap-profile-author{margin-bottom:0}.blog-detail .blog-content .card{margin-bottom:0;padding:10px 0}.blog-detail .blog-content .card .card-text{font-size:14px}.blog-detail .profile-author .row{display:flex}.blog-detail .profile-author{width:100%}.blog-detail .share{margin-top:10px}.blog-detail .required-field{color:#d1d1d1;font-size:12px}.h-category h3{color:#fff;margin:35px 0 30px}.h-category .form-category span{font-size:18px}.h-category .row .col-lg-3{margin:5px 15px 20px}.form-category .row{margin-bottom:100px}.list-category{margin-bottom:460px}.all-box{margin-bottom:0}.all-box{margin-bottom:0}.all-box .col-lg-10 h2{font-size:24px}.all-box .col-lg-10 p{font-size:14px!important}.all-mobile .row{margin-bottom:0}.all-mobile .col-lg-12 .col-lg-4{margin:40px 0 0 0}.all-mobile .col-lg-4 .card-body img{margin:-43px 0 0 0}.all-mobile .row .card{margin-bottom:20px}.list-category .col-lg-12 a{margin:10px 0;width:100%}.list-category .col-lg-10 h2{font-size:20px}.bg-portfolio-detail{background-position:-300px -100px;height:700px}.learn-project{left:10px;right:0}.more-project h5.text-title::after{content:'';width:7%;border-bottom:3px solid #02a5bf;margin:20px auto 60px;display:block}.portfolio-detail .testimony-carousel h3{font-size:20px}.portfolio-detail .testimony-carousel h5{font-size:16px}.more-project .text-title{margin-bottom:150px}.more-project .col-lg-4{padding-left:0;padding-right:0}.more-project .col-lg-4 .card{margin:20px 0 0 0}.more-project .col-lg-4{margin-top:-140px}.portfolio-detail .success-project{margin-top:-60px}.mpm-text .col-lg-12{margin:40px 0 350px 0;color:#fff}.learn-project{width:310px;background-color:#fff;position:absolute;top:140px;bottom:0;padding:15px 40px}.bg-joboffer{height:1500px}.list-job{padding-top:50px}.list-job .card1{margin:10px 0}.list-job .card2{margin:10px 0}.career .form-message{margin-top:50px}.career .main-career .col-lg-12 .col-lg-5 .row{margin-bottom:20px}.wrap-img-career{height:190px}.wrap-career .col-lg-7 .card .card-body h5{font-size:16px;margin:0}.career .general-content .row{text-align:center}.wrap-career{padding:40px 0}.more-career{margin-bottom:40px}.career2 .wrap-career .col-lg-4{margin:0 0 40px 0}.career .col-lg-12 h3{font-size:24px}.career .col-lg-12 h4{font-size:18px}.career .col-lg-12 h4.develop-career::after{content:'';width:7%;border-bottom:3px solid #02a5bf;margin:20px auto 60px;display:block}.more-career .col-lg-7 p.title-job{font-size:18px;color:#0178bd;font-weight:1000;margin-top:20px}.more-career .col-lg-7 p.position{font-size:14px;margin:2px 0 0;color:#000}.more-career .col-lg-5{overflow:hidden}.career-overlay{width:92.9%}.career-overlay i{color:#fff;font-size:60px;margin:50px 0 0 0}.blog .footer-all{bottom:880px}.sitemap .footer-all{bottom:820px}.career2 .footer-all{bottom:940px}.copy p{font-size:10px;text-align:center}.nav-footer{width:100%}.footer-all li{padding:0 20px}.footer-all li a{font-size:12px;color:#0178bd;text-transform:uppercase}#top-header #navDrop .menu ul li{display:block;text-align:left}#top-header #navDrop .menu{display:block;margin:20px 0}#top-header #navDrop .menu ul{padding:0}#top-header #navDrop .menu ul li a{display:block;padding:12px 20px;font-size:16px}#top-header #navDrop.show{display:block}#top-header #navDrop{display:none}.hd{display:block}.hm{display:none}.service-metodology .content-box:nth-child(2n) .mg-tx,.service-metodology .content-box:nth-child(odd) .mg-tx{padding:20px 40px 5px 40px}.top-service{padding-top:0}.content-box{background-size:contain;padding-bottom:30px}.mg-tx .quote{margin:0;padding:20px}}@media (min-width:576px) and (max-width:767.98px){.about,.bg-detail-product,.bg-product,.bg-services,.blog,.blog-detail,.career,.career2,.contact,.magang,.our-team,.portfolio,.portfolio-detail,.sitemap{margin-top:76px}.portfolio-detail .more-project{margin-bottom:0}.bg-product .hero-product{height:2400px}.navbar-custom .dropdown .dropdown-menu{border:none}.navbar-custom .dropdown .dropdown-menu .dropdown-item{background-color:#f8f9fa}.navbar-custom .dropdown .dropdown-menu a.dropdown-item:hover{color:#858788}.bg-product .advantage-product{margin-bottom:10px}.bg-product .advantage-product .col-lg-4{margin-top:20px}.bg-product .advantage-product-2{margin-top:-340px}.bg-product .advantage-product-2 .col-lg-4{margin-top:20px}h2.text-title::after{content:'';width:5%;border-bottom:3px solid #02a5bf;margin:25px auto;display:block}h1{font-family:Montserrat-Light;font-size:36px;color:#000}.trusted .col-lg-4{text-align:center;margin-top:40px}.bg-text{margin-bottom:100px}.bg-text .col-lg-5 .free-consultation{height:380px}.home{padding-top:160px;margin-top:0;height:1000px}.home h2{font-size:24px}.server .arrow{display:none}.server .col-lg-3{margin-top:60px}.strategic{height:1110px}.strategic .row .col-lg-4{text-align:center}.margin-strategic{margin-bottom:1170px}.server .col-lg-4 img{width:100%}.server .col-lg-8 .title-server{margin:20px 0}.add-on{margin-bottom:0}.add-on .row a{width:100%;margin:10px 0}.core,.footer,.main-blog,.partner,.product,.testimony{margin-bottom:60px}.core .col-lg-4 h3{font-size:20px}.core .col-lg-4 .p-isi{font-size:14px}.btn-more{margin-bottom:20px}#img-carousel .item .item-img{height:220px}.col-lg-7{width:100%;text-align:center;margin-bottom:30px}.btn-portfolio{width:100%}.navbar-custom .wrap-search{position:relative}.how-do .col-lg-2 .box{margin-top:20px}.key .row .col-lg-9 img{width:100%}.key .row{margin-bottom:30px}.key .col-lg-12 h2{margin-bottom:20px}.services-fails p,.services-solution p{color:#7682a4;margin:20px 0;font-size:16px}.services-solution .people1{margin:0 80px 0 20px}.services-fails .fails-top .people{margin:0 0 0 200px}.services-fails .fails-top .technology{margin:0 20px 0 -20px}.services-fails .fails-top .business{margin:0}.metodology img{opacity:.1}.advantage-service .col-lg-12 h3{font-size:24px}.advantage-service .col-lg-12 .btn-goals{padding:10px 20px}.advantage-service .col-lg-12 .plan-list{font-size:14px}.advantage-product .col-lg-7 h2{font-size:24px}.hero-detail-product{background-position:0 100%;height:500px}.web-salor{text-align:center;position:absolute;bottom:30px;right:100px;background-color:#fff;padding:40px 80px;border-radius:5px}.salor{margin-bottom:350px}.salor-crm{margin-bottom:100px}.salor .col-lg-12 .col-lg-6 h2{margin:60px 0 0 0}.salor-crm .salor-phone img{width:30%;margin:0 auto 60px;display:block}.salor-crm .salor-phone{padding:250px 0 0 0}.salor-crm .col-lg-3 .home-r img{width:60%;margin:0 auto;display:block}.salor-crm .customer p{font-size:14px}.main-blog .col-lg-7 .card{text-align:left}.main-blog .col-lg-4 .form{display:none}.most-popular .col-lg-7{text-align:left}.most-popular .col-lg-7 .title-popular{font-size:18px;margin:10px 0}.most-popular .col-lg-7 .author{font-size:14px}.categories{margin-bottom:0}.btn-request{width:100%;margin:30px 0 0 0;padding:20px 0}.blog-detail .wrap-blog-detail .blog-content{text-align:left}.blog-detail .blog-content{margin-bottom:0}.sidebar .form-newsletter .required-field{color:#d1d1d1}.h-category h3{margin:40px 0}.h-category .row .col-lg-3{margin:10px 30px}.list-category .col-lg-12 a{width:100%;margin:0 0 20px 0}.portfolio .all-box{margin:500px 0 0}.all-mobile .col-lg-4 .card-body img{margin:-45px 0 0 0}.bg-portfolio-detail{background-position:-80px 100%;height:550px}.learn-project{width:100%;top:200px;left:0;right:0;bottom:90px}.learn-project .card-body .card-title{font-size:20px}.learn-project .btn-learn-more{font-size:16px}.mpm-text{margin-bottom:0}.mpm-text .col-lg-12{margin:60px 0 460px 0}.bg-team{height:800px;background-position:-100px 100%}.part-group{margin:200px 0 0}.our-team .col-lg-12 h4::after{content:'';display:block;border-bottom:3px solid #3ac3d4;width:7%;margin:30px auto 0}.our-team .row h3{margin:50px 0}.all-team .team-part a{width:100%;margin:0 0 20px 0}.history-crocodic{margin-bottom:60px}.history-crocodic h2{margin:60px 0 300px 0}.history-crocodic .col-lg-12 .row{margin-bottom:50px}.order .col-lg-12 .col-lg-8 h2{margin:110px 0 30px;font-size:24px}.order .col-lg-12 .col-lg-8 p{font-size:14px}.order .col-lg-12 .row{margin-bottom:110px}.contact{margin-bottom:0}.bg-contact .form-message{margin-top:-100px}.career .col-lg-12 h4.develop-career::after{content:'';width:7%;border-bottom:3px solid #02a5bf;margin:20px auto 60px;display:block}.contact .container .col-lg-4{text-align:center;padding-bottom:30px}.main-career .general-content .row{margin-bottom:20px;text-align:center}.bg-joboffer{height:1500px}.career .form-message{margin-top:50px}.wrap-profile-author .col-lg-7{width:62%}.wrap-profile-author .col-lg-5{width:35%}.list-job .card1,.list-job .card2{margin:20px 0 0}.internship{margin-bottom:60px}.intern-form{height:560px}.inputfile+label{width:100%}.lampir-foto{bottom:-33px;left:127px}.btn-magang{width:100%;margin:40px 0}.career2 .wrap-career .col-lg-7 .card{text-align:left}.career2 .wrap-career .col-lg-4{margin-top:-40px}.career2 .wrap-career .more-career .col-lg-7 .title-job{font-size:20px;margin:20px 0 0 0}.career2 .wrap-career .more-career .col-lg-7 .position{font-size:16px}.success-project .btn{padding:15px 0;margin:10px 0 20px;width:40%}.footer{margin-bottom:60px}.footer img{margin-bottom:30px}.footer-all{position:absolute;right:0;left:100px;bottom:740px}.footer-all li a:hover{color:#4378bd}.footer-all li a{color:#0178bd;font-size:14px;text-transform:uppercase}.footer-address{text-align:center}.footer-address .col-lg-4{margin:40px 0 0 0}.footer-address .col-lg-4 h5{font-size:24px}.footer-address .col-lg-4 p{font-size:16px}.footer .col-lg-3{text-align:center;padding:10px 0}.footer .col-lg-9{margin:30px 0 0}.nav-footer{margin:10px 0 10px 120px;width:50%;flex-direction:row;float:none}.nav-footer li{padding:0 15px;margin:0 auto}.nav-footer li a{font-size:14px}.copy p{font-size:14px;text-align:center}#btn-top-scroll{font-size:40px}#top-header #navDrop .menu ul li{display:block;text-align:left}#top-header #navDrop .menu{display:block;margin:20px 0}#top-header #navDrop .menu ul{padding:0}#top-header #navDrop .menu ul li a{display:block;padding:12px 20px;font-size:16px}#top-header #navDrop.show{display:block}#top-header #navDrop{display:none}}@media (min-width:768px) and (max-width:991.98px){.about,.bg-detail-product,.bg-home,.bg-product,.bg-services,.blog,.blog-detail,.career,.career2,.contact,.magang,.our-team,.portfolio,.portfolio-detail,.sitemap{margin-top:76px}.home .bg-text .col-lg-7 h1{font-size:30px}.home .bg-text .col-lg-7 .row .col-lg-3 h2.number{font-size:30px}.home .bg-text .col-lg-5 .free-consultation h5{font-size:14px}.home .bg-text .col-lg-5 .free-consultation a.a-contact{font-size:14px}.home .bg-text .col-lg-5 .free-consultation{height:320px}.home .bg-text .col-lg-12 .btn-send-message{padding:10px 0;font-size:14px}.home .core .col-lg-4 .p-title{font-size:24px}.home .core .col-lg-4 .p-isi{font-size:14px}.home .strategic{height:650px}.home .strategic .col-lg-4{padding:20px}.home .strategic .col-lg-4 .apps-title{font-size:24px}.bg-contact .contact .row{margin-bottom:20px}.home .server .col-lg-4 img{width:100%}.home .server .col-lg-8 p{font-size:12px}.home .server .col-lg-8 .btn-quote{margin-top:20px;background-color:#0178bd;padding:5px 20px;font-size:14px}.list-server a{width:23%;margin:0 5px}.navbar-custom .dropdown .dropdown-menu a:focus{background-color:#fff}.trusted .col-lg-4{text-align:center;margin-top:40px}.bg-text{margin:70px 0 80px}.bg-text .col-lg-7{text-align:center}.clients .btn-portfolio{width:40%}.strategic .btn-service{margin:60px auto 40px}.arrow{display:none}.server .col-lg-3{margin-bottom:20px}.metodology img{opacity:.1}.wrap-search{position:relative}.input-search{border-radius:50px 50px;padding:24px}.input-search::placeholder{color:#c8c8c8}.input-search:focus{box-shadow:none}.btn-search{background-color:#fff;border:none;cursor:pointer;position:absolute;top:15px}.how-do .col-lg-12{text-align:center}.bg-product .hero-product{height:2500px}.advantage-product{margin-bottom:40px}.advantage-product2{padding-top:0}.middle-product{margin-bottom:0}.hero-detail-product{background-position:-50px 100%;height:600px}.salor{margin-bottom:360px}.web-salor{text-align:center;position:absolute;bottom:-40px;right:188px;background-color:#fff;padding:40px 80px;border-radius:5px}.home-report .home-r img{width:70%;display:block;margin:auto}.salor-phone{padding-top:350px}.salor-phone img{width:30%;display:block;margin:0 auto 60px}.blog .main-blog .form{display:none}.blog .main-blog .col-lg-4 .card-body{padding-right:60px;padding-left:60px}.most-popular .col-lg-7 .title-popular{font-size:20px;margin:20px 0 0 0}.most-popular .col-lg-7 .title-popular{font-size:18px}.main-blog{margin-bottom:0}.blog-content{margin-bottom:0}.blog-content .wrap-profile-author .col-lg-7{width:60%}.blog-content .wrap-profile-author .col-lg-5{width:40%}.wrap-blog-detail .col-lg-4 .card-body{padding-right:60px;padding-left:60px}.h-category h3{color:#fff;margin:30px 0}.h-category .row .col-lg-3{background-color:#fff;padding:20px;border-radius:5px;margin:12px 115px;color:#0178bd}.list-category .col-lg-12 a{width:70%;margin:20px}.portfolio .all-box{margin:600px 0 0}.bg-portfolio-detail{height:540px}.learn-project{width:410px;background-color:#fff;position:absolute;right:0;left:149px;top:240px;bottom:180px;padding:15px 40px}.mpm-text{margin-bottom:0}.mpm-content{margin-top:-100px}.overlay-category{padding-top:90px}.what-crocodic{margin-top:-300px}.team-part a{width:70%;margin:0 0 20px 0!important}.bg-team{height:780px;background-position:-10px 100%}.part-group{margin-top:120px}.our-team .col-lg-12 h4::after{content:'';display:block;border-bottom:3px solid #3ac3d4;width:5%;margin:30px auto 0}.contact .container .row .col-lg-4{text-align:center;padding-bottom:20px}.contact .container .row .col-lg-4 img{width:60%}.contact{margin-bottom:0}.general-content .col-lg-5{text-align:center}.general-content .col-lg-5 .row{margin-bottom:20px}.bg-joboffer{height:2000px}.career .list-job .col-lg-4 .card1{margin:10px 0}.career .list-job .col-lg-4 .card2{margin:10px 0}.career .form-message{margin-top:40px}.career2 .col-lg-4{margin-top:0}.career2 .more-career .col-lg-7 p.title-job{font-size:20px;margin:10px 0 0 0}.career2 .more-career .col-lg-7 .position{font-size:18px}.career2 .career-overlay{background-image:linear-gradient(to right,#017abd,#02a3bf);width:95%;transition:.2s;opacity:0;text-align:center;margin:auto}.career-overlay i{color:#fff;font-size:100px;margin:105px 0 0 0}.footer-address{text-align:center}.footer-address .col-lg-4{margin-bottom:20px}.footer .col-lg-9{margin-top:-40px}.footer-all{position:absolute;left:180px;bottom:60px}.footer-all li{padding:0 20px}.success-project .col-lg-12 a{width:30%}.copy p{text-align:center}}#top-header #navDrop .menu ul.menu li>ul{padding-left:20px}@media (min-width:576px){#top-header #navDrop .menu>ul>li>a{padding:32px 20px}.menu li{position:relative}#top-header #navDrop .menu ul.menu li>ul{position:absolute;left:0;top:52px;padding:0;width:250px;text-align:center;display:block;box-shadow:0 2rem 3rem rgba(0,0,0,.05)!important;display:none}#top-header #navDrop .menu ul.menu li>ul>li{background:#fff;list-style:none;display:block;border-top:1px solid #f6f6f6}#top-header #navDrop .menu li>ul>li a{padding:15px 20px;margin:0;display:inline-block}#top-header #navDrop .menu ul>li:hover>ul{display:block}}@media (min-width:992px) and (max-width:1199.98px){.about,.bg-contact,.bg-detail-product,.bg-product,.bg-services,.blog,.blog-detail,.career,.career2,.magang,.order,.our-team,.portfolio,.portfolio-detail,.sitemap{margin-top:100px}.about .history-crocodic h2{margin-bottom:480px}.our-team .btn-outline-light{padding:18px;margin:0}.portfolio .list-category .col-lg-12 a{padding:20px 25px;margin:0 5px}.bg-services .services-solution img{width:100%}.home .server .col-lg-4 .img-server{width:100%}.list-server a{width:22%;margin:0 10px}.navbar-custom{height:100px}.navbar-custom .navbar-nav .nav-link{padding:0}.bg-text{margin:130px 0 100px}.navbar-nav a.btn-get-in{border-radius:50px;padding:10px 20px!important;color:#0178bd!important;border:2px solid #0178bd;margin-top:-12px}.navbar-custom .nav-item{margin:0}.navbar-nav a.btn-get-in:hover{color:#fff!important;background-image:linear-gradient(to right,#02a2be,#0179bd)}.navbar-brand{margin-top:-10px}.navbar-custom li a{text-transform:uppercase}.navbar-custom .form{display:none}.career2 .col-lg-4{margin-top:0}.home .clients{margin-bottom:50px}.most-popular .col-lg-7 .title-popular{font-size:12px;color:#0178bd;font-weight:1000;margin-top:0}.most-popular .col-lg-7 .author{color:#cdcdcd;font-size:12px;margin:2px 0 0}.about-menu{margin-right:150px}.salor{margin-bottom:600px}.home-report{overflow:hidden;position:absolute;right:0}.home-report .home-r img{width:150%;display:block;margin:210px auto 0}.salor-phone{padding-top:0}.salor-phone img{width:100%;display:block;margin:0 auto 60px}.main-blog{margin-bottom:100px}.overlay-category{padding-top:0}.footer .col-lg-3{padding-left:60px}.copy .col-lg-6{padding-left:50px}.nav-footer{margin-top:10px;padding-right:20px}.copy .col-lg-6 p{font-size:14px}.footer-address{padding:0 50px}.footer-all{margin-top:-16px;position:static;padding-right:20px}}@media (min-width:1200px){.home .clients .container{max-width:1400px}.crocodic-wrapper .container{max-width:1250px}.about,.bg-contact,.bg-detail-product,.bg-product,.bg-services,.blog-detail,.career,.career2,.magang,.order,.our-team,.portfolio,.portfolio-detail,.sitemap{margin-top:80px}.home .server .col-lg-4 .img-server{width:100%}.list-server a{width:22%;margin:0 10px}.navbar-custom{height:80px}.bg-text{margin:80px 0 100px}.navbar-nav a.btn-get-in{border-radius:50px;padding:12px 35px!important;color:#0178bd!important;border:2px solid #0178bd;margin-top:-5px}.navbar-nav a.btn-get-in:hover{color:#fff!important;background-image:linear-gradient(to right,#02a2be,#0179bd)}.navbar-brand{margin-top:-10px}.navbar-custom li a{text-transform:uppercase}.navbar-custom .form{display:none}.career2 .col-lg-4{margin-top:0}.home .clients{margin-bottom:50px}.most-popular .col-lg-7 .title-popular{font-size:12px;color:#0178bd;font-weight:1000;margin-top:0}.most-popular .col-lg-7 .author{color:#cdcdcd;font-size:12px;margin:2px 0 0}.about-menu{margin-right:150px}.salor{margin-bottom:600px}.home-report{overflow:hidden;position:absolute;right:0}.home-report .home-r img{width:150%;display:block;margin:210px auto 0}.salor-phone{padding-top:0}.salor-phone img{width:100%;display:block;margin:0 auto 60px}.main-blog{margin-bottom:100px}.overlay-category{padding-top:0}.footer .col-lg-3{padding-left:60px}.copy .col-lg-6{padding-left:50px}.nav-footer{margin-top:10px;padding-right:20px}.copy .col-lg-6 p{font-size:14px}.footer-address{padding:0 50px}.footer-all{margin-top:-16px;position:static;padding-right:20px}}@font-face{font-family:Manrope;src:url('../Font/Manrope/Manrope-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('../Font/Manrope/Manrope-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('../Font/Manrope/Manrope-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('../Font/Manrope/Manrope-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}.new-footer{background-image:url('../../Assets/footer-bg.avif')!important;background-repeat:no-repeat;background-size:cover;font-family:Manrope,sans-serif}.new-footer .logo img{width:156px;height:40px;outline:0}.new-footer .new-footer-body{padding-top:120px;margin:0}.new-footer .new-footer-body .icon img{width:24px;height:19px}.new-footer .new-footer-body .content-address{display:flex;margin-bottom:10px}.new-footer .new-footer-body .content-address h5{font-size:17px;font-weight:700;margin-left:14px;margin-top:2px}.new-footer .new-footer-body .address-text p{color:#888;font-weight:400;font-size:16px;line-height:22px;letter-spacing:.6px}.new-footer .new-footer-body .address-text i{color:#888}.new-footer .new-footer-body .contact h5{font-size:15px;font-weight:400;color:#161616;margin-top:-7px}.new-footer .new-footer-body .contact .content-contact{display:flex;background-color:#aee3ff;border-radius:5px;max-width:250px;margin-top:-20px}.new-footer .new-footer-body .contact .content-contact::before{content:"";background-color:#95d2f3;border-radius:5px 0 0 5px;width:10px}.new-footer .new-footer-body .contact .content-contact .whatsapp{padding:12px 6px}.new-footer .new-footer-body .contact .content-contact .whatsapp img{width:50px;height:50px}.new-footer .new-footer-body .contact .content-contact .person{line-height:4px;margin-top:13px;padding:12px 15px 12px 0}.new-footer .new-footer-body .contact .content-contact .person .name{font-weight:700;font-size:18px}.new-footer .new-footer-body .contact .content-contact .person .number{color:#888;letter-spacing:.1px;font-weight:400;font-size:15px;margin-top:20px!important}.new-footer .box{width:100%;height:16px;background-color:rgba(52,175,235,.5)}.new-footer .box .box-two{width:68%;height:16px;background-color:rgba(52,175,235,.6)}.new-footer .box .box-one{width:85%;height:16px;background-color:#34afeb}@media (max-width:992px){.new-footer .new-footer-body{padding:56px 57px}.new-footer .new-footer-body .content-address{margin-top:20px}.new-footer .new-footer-body .contact h5{margin-top:20px}}.company-goals .title-company{text-align:center}.company-goals .title-company h1{font-size:2rem;font-weight:700;line-height:2.625rem}.company-goals .card-solution{background-color:#f9fafb;padding:35px 38px;position:relative}.company-goals .card-solution h2{font-size:1.75rem;font-weight:600;text-align:center}.company-goals .card-solution p{margin-top:1rem;font-size:1rem;font-weight:400;text-align:center;color:#667085}.company-goals .card-solution .impact{margin-top:1rem;background-image:url('../../Assets/bg_card_blue.png');background-size:cover;border-radius:10px;padding:12px 36px;position:relative;overflow:hidden;max-height:202px}.company-goals .card-solution .impact .wrapper-impact .content .badge-description{background-image:url('../../Assets/attribute.png');background-size:contain;background-repeat:no-repeat;background-position:center bottom;min-height:90px;margin-top:-20px;display:flex;justify-content:end;flex-direction:column}.company-goals .card-solution .impact .wrapper-impact .content .badge-description p{font-weight:500;padding-top:10px;padding-bottom:15px;font-size:.875rem;color:#23262d;line-height:1rem}.company-goals .card-solution .impact .checklist{position:absolute;right:-20px;top:-45px;max-width:140px}.company-goals .card-solution .impact .checklist img{width:100%}.company-goals .card-solution .impact h4{text-align:left;color:#ffff;font-weight:700;font-size:1rem;position:relative;z-index:1;padding:2px}.company-goals .card-solution .wrapper-impact{position:relative;display:flex;justify-content:center;gap:10px;z-index:1}.company-goals .card-solution .wrapper-impact .content{max-width:136px;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.company-goals .card-solution .wrapper-impact .img-content{max-width:72px}.company-goals .card-solution .wrapper-impact .img-content img{width:100%}.company-goals .card-solution .study-case h4{color:#2498d3;font-size:1rem;font-weight:600}.company-goals .card-solution .study-case a{color:#2498d3;font-size:1rem;font-weight:400}.company-goals .card-solution .study-case a:hover{color:#62bdeb}.company-goals .card-solution .study-case .content .card-case{margin-top:20px;border-radius:10px;background-color:#fff}.company-goals .card-solution .badge-title{background-image:url('../../Assets/img_badge.png');background-size:contain;background-repeat:no-repeat;position:absolute;top:0;left:0;padding-left:10px;padding-top:5px;width:273px}.company-goals .card-solution .study-case .content .card-case .card-content{gap:10px;padding-left:24px}.company-goals .card-solution .study-case .content .card-case .card-content .company-logo{max-width:64px}.company-goals .card-solution .study-case .content .card-case .card-content .company-logo img{width:100%}.company-goals .card-solution .study-case .content .card-case .card-content h5{font-size:.875rem}.company-goals .card-solution .study-case .content .card-case .card-content a span{font-size:14px}.company-goals .card-solution .study-case .content .card-case .card-content a img{width:20px}.company-goals .card-solution .study-case .content .card-case .img-card{max-width:192px!important;overflow:hidden}.company-goals .card-solution .study-case .content .card-case .img-card img{width:100%}.service-content .section-title h1{font-size:2rem;font-weight:600}.service-content .card-service{border:1px solid #e5e5e5;border-radius:12px;padding:1rem 1.5rem 0 1.5rem;min-height:233px}.service-content .learn-more span{font-size:14px;color:#2498d3}.service-content .learn-more img{width:20px}.service-content .learn-more span:hover{color:#62bdeb}.service-content .card-service .ic-service{max-width:54px}.service-content .card-service .ic-service img{width:100%}.service-content .card-service .title-desc h3{font-size:1rem;font-weight:600;color:#000;max-width:147px}.service-content .card-service .title-desc p{font-weight:400;font-size:.875rem;color:#8f9bba}.detail-single .bg{height:25rem;width:100%;background-color:#f8f8f8;position:absolute;z-index:-1}.detail-single .blog-sidebar-content{gap:128px;position:sticky;bottom:8rem;transition:top .2s}.detail-single .blog-sidebar-content a{font-size:1.125rem;font-weight:600}.detail-single .blog-sidebar-content .table-of-contents{border-radius:.75rem;background:#fff;box-shadow:4px 4px 16px 0 rgba(0,0,0,.05);padding:1rem}.detail-single .blog-sidebar-content .table-of-contents .title{display:flex;align-items:center;justify-content:center;position:relative}.wp-block-aioseo-table-of-contents a.active{color:#47567d}.detail-single .blog-sidebar-content .table-of-contents .title h5{color:#47567d;text-align:center;font-family:Inter;font-size:1rem;font-style:normal;font-weight:600;line-height:1.2rem;position:relative;margin-bottom:20px}.detail-single .blog-sidebar-content .table-of-contents .title h5::before{content:"";position:absolute;bottom:-10px;left:30%;width:50px;height:2px;border-bottom:3px solid #3ac3d4}.detail-single .blog-sidebar-content .table-of-contents .content-list a{font-size:12px}.detail-single .blog-content-wrapper{display:flex;gap:24px;flex-direction:column;z-index:10}.detail-single .blog-content-wrapper .title h1{font-size:2.4rem;font-weight:700;line-height:3rem}.detail-single .blog-content-wrapper .image-blog{border-radius:12px!important;max-height:438px;max-width:100%;overflow:hidden}.detail-single .blog-content-wrapper .image-blog img{height:100%;width:100%}.detail-single .blog-content-wrapper article{line-height:2rem;font-size:1.2rem}.detail-single .blog-content-wrapper article p{margin-bottom:1.5rem}.related-blog .wrapper-related{width:100%;display:flex;flex-direction:column;gap:10px}.service .hero-service{background-image:url('../../Assets/bg_hero_service.png');min-height:70vh;background-position:center right;background-repeat:no-repeat}.service .hero-service .container{gap:1rem}.service .hero-service h1{font-size:38px;font-weight:700;margin-bottom:0}.service .hero-service p{max-width:700px;font-size:1.125rem}.development-option{margin-top:206px;background-color:#5fb9e6;padding-top:50px;padding-bottom:28px}.development-option .section-title{max-width:800px}.development-option .section-title h1{font-size:42px;font-weight:700;line-height:55px;text-align:center}.development-option .section-title p{text-align:center;color:#fff;font-size:1.125rem}.development-option .content{margin-top:50px}.development-option .content .col-lg-6{padding-bottom:32px}.development-option .content .card-devoption{background-color:#fff;border-radius:4px;position:relative;min-height:18rem;overflow:hidden;border-radius:1rem}.development-option .content .card-devoption .accessories{position:absolute;top:-50px;right:-60px;max-width:244px;max-height:231px}.development-option .content .card-devoption .accessories img{width:100%}.development-option .content .card-devoption .card-content{padding:30px 30px 30px 67px}.development-option .content .card-devoption .card-content .icon-devoption{max-width:30px;min-height:30px}.development-option .content .card-devoption .card-content .icon-devoption img{width:100%}.development-option .content .card-devoption .card-content .question{margin-top:20px;min-height:50px}.development-option .content .card-devoption .card-content .question h2{font-size:20px;color:#2498d3;font-weight:700;line-height:30px}.development-option .content .card-devoption .card-content .description{margin-top:15px}.development-option .content .card-devoption .card-content .description h3{font-size:18px;font-weight:800;color:#000}.development-option .content .card-devoption .card-content .description p{font-size:.75rem;font-weight:400;color:#212121;margin-top:10px}.development-option .content .card-devoption .card-content .btn-readmore{margin-top:23px}.development-option .content .card-devoption .card-content .btn-readmore .readmore{text-decoration:none;background-color:#5fb9e6;padding:8px 15px;color:#fff;border-radius:20px;font-weight:600;font-size:14px;line-height:24px;color:#fff}.development-option .content .card-devoption .card-content .btn-readmore .readmore i{margin-left:10px;rotate:45deg}.learn-more span{font-size:14px;color:#2498d3}.learn-more img{width:20px}.learn-more span:hover{color:#62bdeb}.service-location .location-card{background-color:#f9fafb}.service-location .location-card .description-content{display:flex;flex-direction:column;justify-content:start;padding:0 64px;text-align:left}.service-location .location-card .description-content h1{font-size:38px;color:#212121;font-weight:700}.service-location .location-card .description-content p{font-size:1rem;color:#888}.service-location .location-card .image-location{min-width:547px}.service-location .location-card .image-location img{width:100%}.service-location .location-card.world{background-image:url('../../Assets/img_world.png');background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:29rem}@media (max-width:576px){.company-goals .title-company h1{line-height:1.2}.company-goals .card-solution .wrapper-impact .img-content{max-width:52px}.company-goals .card-solution h2{font-size:1.625rem}.company-goals .card-solution .impact h4{font-size:.875rem!important}.company-goals .card-solution .wrapper-impact p{font-size:.7rem}.company-goals .title-company h1{font-size:1.625rem}.service-content .section-title h1{font-size:1.625rem}.service-content .card-service .title-desc h3{font-size:1rem;max-width:100%}.company-goals .card-solution .study-case .content .card-case{flex-direction:column-reverse;gap:10px;padding:10px}.company-goals .card-solution .impact .wrapper-impact .content .badge-description{background:0 0}.company-goals .card-solution .impact .wrapper-impact .content .badge-description p{color:#fff}}#top-header #navDrop .menu ul.menu li>ul .sub-menu{position:absolute!important;left:100%!important;top:-2px!important}@media(max-width:576px){#top-header #navDrop .menu ul.menu li>ul .sub-menu{position:static!important;left:0!important;top:0!important}}.elementor-widget-container{position:fixed;top:-25px;right:0;z-index:10000;padding-right:20px}@media (max-width:768px){.elementor-widget-container{top:-10px;right:50px;z-index:10000;padding-right:20px}.whatsapp-floating-button{font-size:12px}.description-tips .list{flex-direction:row;align-items:flex-start;flex-wrap:wrap}.description-tips .list:not(:last-child){margin-right:20px;margin-bottom:10px}.description-tips .icon-check{margin-right:5px;margin-bottom:0;text-align:center}.description-tips .icon-check img{width:24px;height:auto}.description-tips .list-desc{flex:1}}.whatsapp-floating-button{position:fixed;bottom:20px;right:7px;background-color:#25d366;color:#fff;gap:10px;padding:1rem;border-radius:2rem;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:1000;transition:background-color .3s ease}.whatsapp-floating-button:hover{background:#24a653;color:#fff}.whatsapp-floating-button i{font-size:36px}.description-tips .list-wrapper .list-desc{display:flex;flex-direction:column}.mobile-service .description{background-color:#f8f8f8;padding:64px 64px 64px 72px;max-width:820px;min-height:497px}.mobile-service .description h1{font-weight:600;font-size:36px}.mobile-service .description p{margin-top:20px;padding-right:80px;line-height:28px;color:#8f9bba}.mobile-service .description .message{max-width:380px;font-size:14px;text-align:left;line-height:20px;color:#8f9bba}.mobile-service .btn-white-outline{border:1px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:30px;padding:15px 50px;text-decoration:none;font-weight:600}.mobile-service .btn-white-outline span{font-size:1rem}.mobile-service .btn-white-outline img{width:24px!important;margin-left:10px}.mobile-service .img-section{margin-left:-50px;border-radius:12px;overflow:hidden;height:auto;z-index:1;position:relative}.mobile-service .img-section img{width:100%}.mobile-service .img-section .desc-section{position:absolute;top:0!important;left:0!important;color:#fff!important;width:100%;text-align:center!important}.mobile-service .why-devoptions{border:1px solid #e5e5e5;border-radius:8px;padding:1rem}.mobile-service .why-devoptions .list-when .number{background-color:#c7ebfd;border-radius:60px;min-width:1.5rem;min-height:1.5rem;display:flex;justify-content:center;color:#5fb9e6;font-weight:600}.mobile-service .why-devoptions .list-when .number.first{background-color:#5fb9e6;color:#fff}.devoptions .plus-minus .text-gray{font-size:16px}.devoptions .plus-minus .list-plus-minus{margin-bottom:30px}.devoptions .plus-minus .list-plus-minus .icons{text-align:right;max-width:1.5rem}.devoptions .plus-minus.col-lg-6:last-child .list-plus-minus .icons{text-align:left}.devoptions .plus-minus .list-plus-minus .icons{max-width:24px;height:24px}.devoptions .plus-minus .list-plus-minus .icons img{width:100%}.devoptions .plus-minus .list-plus-minus .text{flex:1}.mobile-service .deliverable .img-deliverable{max-width:100%}.mobile-service .deliverable .img-deliverable img{width:100%}.mobile-service .card-portfolio-v1{background-color:#f8f8f8;border-radius:0 0 8px 8px}.mobile-service .card-portfolio-v1 .image-portfolio{max-width:100%}.mobile-service .card-portfolio-v1 .image-portfolio img{width:100%}.mobile-service .card-portfolio-v1 .content{padding:30px 26px}.mobile-service .card-portfolio-v1 .content .description{padding:0;margin:0;min-height:83px!important}.mobile-service .card-portfolio-v1 .content .description p{min-height:83px}.mobile-service .card-portfolio-v1 .content .btn{width:100%;outline:0;border:none}.mobile-service .card-portfolio-v1 .content .btn .btn-blue{display:block;padding:0 60px;outline:0}.mobile-service .card-method-dev{border:1px solid #e5e5e5;border-radius:8px;padding:2.5rem;min-height:550px}.mobile-service .card-method-dev .title .ic-method{max-width:70px}.mobile-service .card-method-dev .title .ic-method img{width:100%}.mobile-service .card-method-dev .list{min-height:200px}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-MediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url('../Font/DMSans/DMSans-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}.home-footer{font-family:'DM Sans',sans-serif;background-image:url('../../Assets/bg-home-footer.avif');background-size:cover;background-repeat:no-repeat;background-position:center center;height:auto}.home-footer .home-footer-body .title-footer{font-size:24px;color:#505b7e;font-weight:500;margin-bottom:23px;margin-top:10}.home-footer .home-footer-body .contact .contact-us{display:flex;background-color:#aee3ff;border-radius:5px;max-width:230px}.home-footer .home-footer-body .contact .contact-us::before{content:"";background-color:#95d2f3;border-radius:5px 0 0 5px;width:10px}.home-footer .home-footer-body .contact .contact-us .whatsapp{padding:12px 6px}.home-footer .home-footer-body .contact .contact-us .whatsapp img{width:50px;height:50px}.home-footer .home-footer-body .contact .contact-us .person{line-height:2px;margin-top:13px;padding:12px 15px 12px 0}.home-footer .home-footer-body .contact .contact-us .person .name{font-weight:700;font-size:14px}.home-footer .home-footer-body .contact .contact-us .person .number{color:#888;letter-spacing:.1px;font-weight:400;font-size:14px;margin-top:20px!important}.home-footer .home-footer-body .contact .text-available{font-size:10px;font-style:italic;color:#505b7e;margin-top:10px;margin-left:10px}.home-footer .home-footer-body .service ul{list-style:none;padding:0;margin:0}.home-footer .home-footer-body .service ul li{margin-bottom:20px}.home-footer .home-footer-body .service ul li a{font-size:18px;text-decoration:none;font-weight:500;color:#505b7e}.home-footer .home-footer-body .service ul li a:hover{color:#95d2f3}.home-footer .home-footer-body .our-office .location{margin-bottom:30px}.home-footer .home-footer-body .our-office .location h5{font-size:18px;color:#505b7e;font-weight:500}.home-footer .home-footer-body .our-office .location h5 a{text-decoration:none;color:#505b7e!important}.home-footer .home-footer-body .our-office .location h5 a:hover{color:#95d2f3!important}.home-footer .home-footer-body .our-office .location p{color:#888}.home-footer .home-footer-body .location .phone-contact{display:flex}.home-footer .home-footer-body .location .phone-contact span{color:#888}.home-footer .home-footer-body .location .phone-contact .phone{margin-right:10px}.home-footer .home-footer-body .about-us ul{list-style:none;padding:0;margin:0}.home-footer .home-footer-body .about-us ul li{margin-bottom:20px}.home-footer .home-footer-body .about-us ul li a{text-decoration:none;font-size:18px;color:#505b7e;font-weight:500}.home-footer .home-footer-body .about-us ul li a:hover{color:#95d2f3}@media (max-width:768px){.home-footer .home-footer-body .contact{margin:0}.home-footer .home-footer-body .contact .contact-us{max-width:100%}.home-footer .home-footer-body .title-footer.a{display:block;text-align:center}.home-footer .home-footer-body .title-footer h5{margin-bottom:20px!important}.home-footer .home-footer-body .service{margin-top:20px}.home-footer .home-footer-body .about-us ul{display:flex;align-items:center;justify-content:center}.home-footer .home-footer-body .about-us ul li{margin-right:20px}.home-footer .home-footer-body .copyright{text-align:center}.home-footer .home-footer-body .location .phone-contact{display:block;line-height:30px}}@font-face{font-family:Inter;src:url('../Font/Inter/Inter-VariableFont_opsz,wght.woff2') format('woff2');font-weight:300 500 600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../Font/Montserrat-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--montserrat:'Montserrat',sans-serif;--poppins:'Poppins',sans-serif;--inter:'Inter',sans-serif;--pink-color:#F5516D;--green-color:#456D44;--gray-color:#434343!important;--second-green-color:#51AF6D}.second-green-color{color:var(--second-green-color)!important}.title-problem-solution{font-size:24px;font-weight:800;letter-spacing:.02em}.portfolio-v3 .banner-bg{height:100%;background-size:cover;background-repeat:no-repeat;overflow:hidden}.portfolio-v3 .banner-bg .img-mockup{width:100%;height:578px;position:relative}.portfolio-v3 .banner-bg .img-mockup img{bottom:0;position:absolute}.portfolio-v3 .banner-bg .img-mockup.angkasa-pura{width:60%;height:578px;position:relative}.portfolio-v3 .banner-bg .img-mockup.angkasa-pura img{position:absolute;top:50px!important;left:80px!important}.portfolio-v3 .banner-bg .banner-tagline{margin-top:180px;margin-left:20px}.portfolio-v3 .banner-bg .banner-tagline .logo img{width:142px;height:71px}.portfolio-v3 .banner-bg .banner-tagline .logo.angkasa-pura{max-width:142px}.portfolio-v3 .banner-bg .banner-tagline .logo.angkasa-pura img{width:100%}.portfolio-v3 .banner-bg .banner-tagline .desc{width:365px}.portfolio-v3 .banner-bg .banner-tagline .desc span{color:#fff;font-family:var(--montserrat);font-weight:600;font-size:24px}.portfolio-v3 .small-detail .item-small{display:flex;justify-content:space-evenly;flex-wrap:wrap;flex-direction:row}.portfolio-v3 .small-detail .item-small .items strong{font-family:var(--inter);font-size:18px;font-weight:500}.portfolio-v3 .small-detail .item-small .items p{font-family:var(--inter);font-size:14px;font-weight:300}.portfolio-v3 .profile .content{background-color:var(--pink-color);padding:17px 42px 48px 17px}.portfolio-v3 .profile .content .logo{position:relative}.portfolio-v3 .profile .content .logo img{width:142px;height:71px}.portfolio-v3 .profile .content .title{margin-bottom:20px;margin-top:-20px}.portfolio-v3 .profile .content .title h4{font-family:var(--poppins);font-weight:700;font-size:24px;text-align:center;color:#fff}.portfolio-v3 .profile .content .desc{color:#fff;font-family:var(--poppins);font-weight:400;text-align:center;padding:2px 200px 2px 200px}.portfolio-v3 .about-project{margin-top:74px;margin-bottom:32px}.portfolio-v3 .about-project h3{margin-bottom:16px;font-family:var(--poppins);color:var(--green-color);font-weight:700;font-size:24px}.portfolio-v3 .about-project.angkasa-pura h3{margin-bottom:16px;font-family:var(--poppins);color:var(--second-green-color);font-weight:700;font-size:24px}.portfolio-v3 .about-project p{color:#434343!important;font-size:16px;line-height:24px;font-family:var(--poppins)}.portfolio-v3 .mockup-project{margin-bottom:124px}.portfolio-v3 .problem-focus{margin-bottom:85px}.portfolio-v3 .problem-focus .card-problem{border-radius:8px;width:100%;display:flex;padding:32px 1px 20px 27px;font-family:var(--poppins);margin-bottom:16px}.portfolio-v3 .problem-focus .card-problem .desc{margin-left:20px;max-width:321px;height:100%}.portfolio-v3 .problem-focus .card-problem .icon{width:72px;height:72px}.portfolio-v3 .problem-focus .card-problem .desc p{font-size:14px;font-style:italic;font-weight:400;line-height:21px}.portfolio-v3 .problem-focus .card-problem.v2{border:1px solid #434343!important;border-radius:8px;width:100%;height:148px;display:flex;padding:32px 1px 20px 27px;font-family:var(--poppins);margin-bottom:16px}.portfolio-v3 .problem-focus .card-problem.v2 .desc{margin-left:20px;max-width:358px;height:100%}.portfolio-v3 .problem-focus .card-problem.v2 .icon{width:72px;height:72px}.portfolio-v3 .problem-focus .card-problem.v2 .desc p{font-size:14px;font-style:italic;font-weight:400;line-height:21px}.portfolio-v3 .problem-focus .card-problem:first-child{background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v3 .problem-focus .card-problem:hover{background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v3 .problem-focus .side-right{font-family:var(--poppins)}.portfolio-v3 .problem-focus .side-right h5{color:var(--green-color);font-weight:700;font-size:24px;margin-bottom:32px}.portfolio-v3 .problem-focus .side-right p{color:#434343!important;margin-bottom:155px}.portfolio-v3 .problem-focus .side-right .btn-example .btn-pink{background-color:var(--pink-color);padding:16px 36px;border-radius:8px;text-decoration:none;color:#fff;font-family:var(--inter);font-style:normal;font-weight:600;font-size:18px;line-height:28px;border:1px solid var(--pink-color)}.portfolio-v3 .problem-focus .side-right .btn-example .btn-pink:hover{color:var(--pink-color);background-color:#fff;border:1px solid var(--pink-color)}.portfolio-v3 .problem-focus .side-right .btn-example .btn-pink:focus{color:#fff;background-color:var(--pink-color);border:1px solid var(--pink-color)}.portfolio-v3 .solution{margin-bottom:85px}.portfolio-v3 .solution .content-solution{background-color:var(--green-color);padding:42px 60px}.portfolio-v3 .solution .content-solution h5{color:#fff;font-weight:700;margin-bottom:32px}.portfolio-v3 .solution .content-solution p{max-width:100%;color:#fff;font-size:16px;margin-bottom:38px;line-height:24px}.portfolio-v3 .solution .content-solution .btn-press-release .btn-outline-green{text-decoration:none;border:1px solid #fff;border-radius:8px;padding:16px 36px;color:#fff;font-family:var(--inter)}.portfolio-v3 .solution .content-solution .btn-press-release .btn-outline-green:hover{background-color:#fff;color:var(--green-color)}.portfolio-v3 .result{font-family:var(--poppins)}.portfolio-v3 .result .icon-lamp{text-align:center;margin-bottom:20px}.portfolio-v3 .result .icon-lamp img{max-width:60px;max-height:60px}.portfolio-v3 .result .title{margin-bottom:20px}.portfolio-v3 .result .title h5{font-size:24px;color:var(--green-color);font-weight:700;letter-spacing:.02em;text-align:center}.portfolio-v3 .result .desc{padding-left:230px;padding-right:230px;margin-bottom:69px}.portfolio-v3 .result .desc p{font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#434343!important}.portfolio-v3 .result .img-result{text-align:center}.portfolio-v3 .result .img-result img{width:565px;height:550px}@media(max-width:768px){.portfolio-v3 .banner-bg .img-mockup img{left:12px}.portfolio-v3 .banner-bg .banner-tagline{margin-top:-8px;text-align:center;margin-bottom:70px}.portfolio-v3 .banner-bg .img-mockup.angkasa-pura img{top:20rem}.portfolio-v3 .banner-bg .banner-tagline .logo.angkasa-pura img{margin-top:10rem}.portfolio-v3 .banner-bg .banner-tagline .desc{width:100%}.portfolio-v3 .small-detail .item-small .items:first-child{width:100%}.portfolio-v3 .small-detail .item-small .items{width:50%;margin-bottom:25px}.portfolio-v3 .profile .content .logo{text-align:center}.portfolio-v3 .profile .content .title{margin-top:20px}.portfolio-v3 .profile .content{padding:42px 20px 42px 20px}.portfolio-v3 .profile .content .desc{text-align:center;padding:0}.portfolio-v3 .problem-focus .side-right p{margin-bottom:50px}.portfolio-v3 .result .desc{padding:0}}@font-face{font-family:Inter;src:url('../Font/Inter/Inter-VariableFont_opsz,wght.woff2') format('woff2');font-weight:300 500 600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../Font/Montserrat-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../Font/Poppins/Poppins-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--montserrat:'Montserrat',sans-serif;--poppins:'Poppins',sans-serif;--inter:'Inter',sans-serif;--purple-color:#340241;--gray-color:#434343!important}.portfolio-v4 .banner{background-repeat:no-repeat;background-size:cover;background-position:center center;height:80vh;overflow:hidden}.portfolio-v4 .banner .img-mockup-banner{text-align:center;position:relative}.portfolio-v4 .banner .img-mockup-banner img{margin-top:50px;position:absolute;left:20%;right:53%;top:91%;bottom:-95%;width:550px;height:auto}.portfolio-v4 .banner .banner-tagline{font-family:var(--montserrat);margin-top:129px}.portfolio-v4 .banner .banner-tagline .logo{max-width:104px;max-height:92px}.portfolio-v4 .banner .banner-tagline .desc{margin-top:20px;color:#fff;max-width:365px;max-height:116px;font-weight:600;font-size:24px;line-height:30px}.portfolio-v4 .small-detail{margin-bottom:71px}.portfolio-v4 .small-detail .item-small{display:flex;flex-wrap:wrap;justify-content:space-evenly}.portfolio-v4 .about-project{font-family:var(--poppins);text-align:center;margin-bottom:93px}.portfolio-v4 .about-project .title h5{color:var(--purple-color);font-weight:700;font-size:32px}.portfolio-v4 .about-project .desc{margin-top:16px;max-width:560px;color:#434343!important;margin-left:auto;margin-right:auto}.portfolio-v4 .mockup-project{margin-bottom:124px}.portfolio-v4 .problem-focus{font-family:var(--poppins);margin-bottom:85px}.portfolio-v4 .problem-focus .title-problem h5{color:var(--purple-color);font-size:32px;font-weight:700;margin-top:55px}.portfolio-v4 .problem-focus .card-problem{border-radius:8px;width:100%;display:flex;padding:32px 1px 20px 27px;font-family:var(--poppins);margin-bottom:16px}.portfolio-v4 .problem-focus .card-problem .desc{margin-left:20px;max-width:321px;height:100%}.portfolio-v4 .problem-focus .card-problem .icon{width:72px;height:72px}.portfolio-v4 .problem-focus .card-problem .desc p{font-size:14px;font-style:italic;font-weight:400;line-height:21px}.portfolio-v4 .problem-focus .card-problem:first-child{border:1px solid #00f!important;background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v4 .problem-focus .card-problem:hover{background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v4 .problem-focus .solution{background-color:var(--purple-color);padding:42px 45px 75px 60px}.portfolio-v4 .problem-focus .solution h5{font-weight:700;font-size:32px;line-height:58px;color:#fff}.portfolio-v4 .problem-focus .solution .desc{margin-top:16px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.03em;color:#fff;margin-bottom:68px!important}.portfolio-v4 .problem-focus .solution .btn-press-release .btn-outline-white{border:1px solid #fff;border-radius:8px;text-decoration:none;color:#fff;padding:16px 36px}.portfolio-v4 .problem-focus .solution .btn-press-release .btn-outline-white:hover{background-color:#fff;color:var(--purple-color);border:1px solid #fff}.portfolio-v4 .result{font-family:var(--poppins)}.portfolio-v4 .result .icon-lamp{text-align:center;margin-bottom:20px}.portfolio-v4 .result .icon-lamp img{max-width:60px;max-height:60px}.portfolio-v4 .result .title{margin-bottom:20px}.portfolio-v4 .result .title h5{font-size:24px;color:var(--purple-color);font-weight:700;letter-spacing:.02em;text-align:center}.portfolio-v4 .result .desc{max-width:630px;margin-left:auto;margin-right:auto;margin-bottom:69px}.portfolio-v4 .result .desc p{font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#434343!important}.portfolio-v4 .result .result-number{display:flex;flex-wrap:wrap;text-align:center;padding-left:150px;padding-right:150px;position:relative}.portfolio-v4 .result .result-number .number{max-width:250px;margin-left:auto;margin-right:auto}.portfolio-v4 .result .result-number .number .count{font-size:48px;font-weight:500;font-size:48px;line-height:72px}.portfolio-v4 .result .result-number .audience .count::after{content:"+";font-weight:500;font-size:44px}.portfolio-v4 .result .result-number .attandance .count::after{content:"%";font-weight:500;font-size:44px}.portfolio-v4 .result .result-number .enhancement .count::after{content:"%";font-weight:500;font-size:44px}.portfolio-v4 .result .result-number .enhancement .count::before{content:"";width:20px;height:20px;position:absolute;margin-left:-30px;background-image:url("../../Assets/project/arrow-alt-circle-up 1.png");background-repeat:no-repeat}.portfolio-v4 .result .img-result{text-align:center}.portfolio-v4 .result .img-result img{width:517px;height:345px}@media(max-width:768px){.portfolio-v4 .banner .img-mockup-banner img{top:90px;left:30%;right:0;bottom:-90%}.portfolio-v4 .small-detail .item-small .items:first-child{width:100%}.portfolio-v4 .small-detail .item-small .items{width:50%;margin-bottom:25px}}@media(max-width:576px){.portfolio-v4 .banner .img-mockup-banner img{top:240px;left:10%}.portfolio-v4 .banner .banner-tagline{margin-top:80px;margin-left:20px}}.video-section .wrap-video{padding-bottom:0!important}.video-section .wrap-video a{position:absolute;left:calc(50% - 47px);top:calc(50% - 37px);text-decoration:none}.video-section .wrap-video a img{max-width:80px}.video-section .wrap-video .wrap-title{position:absolute;top:0;display:flex;align-items:center;width:100%;height:4rem;gap:1rem;background:linear-gradient(180deg,#393939 0,rgba(255,255,255,0) 100%);padding:20px}.video-section .wrap-video .wrap-title .img-fav{max-width:2.5rem}.video-section .wrap-video .wrap-title .img-fav img{width:100%}.video-section .wrap-video .wrap-title p{color:#fff;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}:root{--blue-color:#41ACFC;--white-color:#fff;--black-color:#0000;--gray-color:#E5E5E5;--second-gray:#F8F8F8}.wrapper-body{margin-top:40px!important}.banner-sawit{background-image:url('../../Assets/bg-sawit.png');background-repeat:no-repeat;background-position:center center;padding-top:10rem;padding-bottom:10rem;min-height:100vh}.banner-sawit .title{margin-top:30px;font-size:48px;font-weight:600}.banner-sawit .card-sawit-tagline{padding:48px;border-radius:10px;color:var(--white-color);background-color:var(--blue-color)}.banner-sawit .card-sawit-tagline .precentage h3{font-size:48px;font-weight:600;margin:0;padding:0}.banner-sawit .card-sawit-tagline .precentage p{font-size:24px}.banner-sawit .card-sawit-tagline p{font-size:20px}.iot-solution{margin-top:8rem}.border-gray{border:1px solid var(--gray-color);border-radius:12px;padding:48px 0}.iot-solution h1{text-align:center;font-weight:600;font-size:32px}.iot-solution h3{font-size:20px;margin-bottom:20px}.iot-solution .item h4{font-size:18px;font-weight:600}.iot-solution .item p{font-size:16px;font-weight:400}.iot-solution .item.no-iot{position:relative;padding-right:2rem}.iot-solution .item.no-iot::after{content:"";background-image:url('../../Assets/project/Icon_multiply_solid.png');width:20px;height:20px;position:absolute;right:0;top:0;background-repeat:no-repeat;background-size:cover}.iot-solution .item.with-iot{position:relative;padding-left:2rem}.iot-solution .item.with-iot::before{content:"";background-image:url('../../Assets/project/Icon_check_solid.png');width:20px;height:20px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover}.dashboard-production{background-color:var(--second-gray);padding-top:60px;padding-bottom:60px}.dashboard-production h1{font-size:32px;font-weight:600;margin:0}.dashboard-production h3{font-size:20px;font-weight:400;padding:0 200px;margin-top:24px}.dashboard-production .card-production{border-radius:12px;padding:15px 15px 32px 15px;background-color:var(--white-color)}.dashboard-production .img-dashboard{border-radius:8px;overflow:hidden;max-width:100%}.dashboard-production .img-dashboard img{width:100%}.dashboard-production .card-production .desc h4{font-weight:700;font-size:16px}.dashboard-production .card-production .desc p{font-size:16px;font-weight:400}.sensor{margin-top:8rem}.sensor h1{font-size:32px;font-weight:600;margin:0}.sensor h3{font-size:20px;font-weight:400;padding:0 200px;margin-top:24px}.sensor .img-sensor{max-width:100%}.main-control{margin-top:8rem}.main-control h1{font-size:32px;font-weight:700}.main-control h3{font-size:18px}.main-control .function-spec{gap:20px}.documentation{margin-top:8rem}.documentation h1{font-size:32px;margin-top:24px;margin-bottom:12px}.client-users{margin-top:8rem}.client-users h1{font-size:32px;margin-top:24px;margin-bottom:24px}.form-send{margin-top:8rem;background-color:#fff;border-radius:20px}.form-send h1{font-size:32px;margin-top:24px;margin-bottom:24px}.form-send h3{font-size:20px;font-weight:400;padding:0 200px;margin-top:24px}.form-send form{padding:0 200px;margin-top:20px}.form-send form .form-input{position:relative;padding:15px 10px;width:100%}.form-send form .form-input input,.form-send form .form-input select{min-width:100%;border:none;padding:20px 0 10px;border-bottom:1px solid #eee;outline:0}.form-send form .form-input label{position:absolute;bottom:20px;font-size:15px;font-weight:500;color:#888}.form-send form .form-input label.raised{position:absolute;bottom:45px;font-size:12px;font-weight:600;color:#5fb9e6;transition:.2s}.form-send form .form-input .form-control-custom:focus{outline:0;border-bottom:2px solid #5fb9e6}.form-send form .form-input .btn-send-request{background-color:#5fb9e6;padding:11px 50px;border:none;color:#fff;font-weight:600;outline:0}.form-send form .calling{padding:15px 10px}.form-send form .calling div{font-size:14px;font-weight:500;color:#000}.form-send form .calling div a{border-bottom:1px solid #000;text-decoration:none;color:#000}.form-send form .calling div a:hover{border-bottom:2px solid #5fb9e6}.link-port button{background:transparent linear-gradient(113deg,#80cff7 0,#5fb9e6 100%) 0 0 no-repeat padding-box;border-radius:30px;opacity:1;color:#fff;padding:15px 60px 15px 30px;font-size:14px;display:inline-block;font-weight:700;position:relative;outline:0;border:none;cursor:pointer}.link-port button::after{content:"";background:url(../../Assets/ic-arrow-lg.png) no-repeat;background-size:contain;background-position:center;height:20px;margin:15px 0;width:24px;position:absolute;right:25px;top:0}.popup-message{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);transition:opacity .5s;visibility:hidden;opacity:0;z-index:9999;display:flex;justify-content:center;align-items:center}.popup-message.disable{transition:opacity .5s;visibility:visible;opacity:1}.popup-message .card-message{max-width:400px;background-color:var(--white-color);padding:32px 30px;border-radius:20px;text-align:center;background-image:url('../../Assets/bg-succes-form.png');background-repeat:no-repeat;background-size:cover}.popup-message .card-message h1{font-size:32px;margin-top:20px;font-weight:600;margin-bottom:20px}.popup-message .card-message h3{font-size:24px;margin:0}.popup-message .card-message button{padding:10px 50px;margin-top:24px}.title-pages h1{background:linear-gradient(82.51deg,#5fb9e6 56.05%,#167ab3 87.68%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:48px;text-align:center}.weight-700{font-weight:700}.text-36{font-size:2rem}.text-gray{color:#888}.devoptions .description{background-color:#f8f8f8;padding:64px 64px 64px 72px;max-width:820px;min-height:497px}.devoptions .description h1{font-weight:600;font-size:36px}.devoptions .description p{margin-top:20px;line-height:28px;color:#8f9bba}.devoptions .description .message{max-width:380px;font-size:14px;text-align:left;line-height:20px;color:#8f9bba}.devoptions .btn-white-outline{border:1px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:30px;padding:15px 50px;text-decoration:none;font-weight:600}.devoptions .btn-white-outline span{font-size:1rem}.devoptions .btn-white-outline img{width:24px!important;margin-left:10px}.devoptions .img-section{margin-left:-50px;border-radius:12px;max-width:650px;overflow:hidden;height:auto;z-index:1;position:relative}.devoptions .img-section img{width:100%}.devoptions .img-section .desc-section{position:absolute;top:0!important;left:0!important;color:#fff!important;width:100%;text-align:center!important}.devoptions .why-devoptions{border:1px solid #e5e5e5;border-radius:8px;padding:1rem}.devoptions .why-devoptions .list-when{gap:2rem}.devoptions .why-devoptions .list-when .number{background-color:#c7ebfd;border-radius:60px;min-width:1.5rem;min-height:1.5rem;display:flex;justify-content:center;color:#5fb9e6;font-weight:600}.devoptions .why-devoptions .list-when .number.first{background-color:#5fb9e6;color:#fff}.devoptions .deliverable .img-deliverable{max-width:100%}.devoptions .deliverable .img-deliverable img{width:100%}.devoptions .card-portfolio-v1{background-color:#f8f8f8;border-radius:0 0 8px 8px}.devoptions .card-portfolio-v1 .image-portfolio{max-width:100%}.devoptions .card-portfolio-v1 .image-portfolio img{width:100%}.devoptions .card-portfolio-v1 .content{padding:30px 26px}.devoptions .card-portfolio-v1 .content .description{padding:0;margin:0;min-height:83px!important}.devoptions .card-portfolio-v1 .content .description p{min-height:83px}.devoptions .card-portfolio-v1 .content .btn{width:100%;outline:0;border:none}.devoptions .card-portfolio-v1 .content .btn .btn-blue{display:block;padding:0 60px;outline:0}.devoptions .card-method-dev{border:1px solid #e5e5e5;border-radius:8px;padding:2.5rem;min-height:550px}.devoptions .card-method-dev .criteria{gap:1rem}.devoptions .card-method-dev .criteria .ic-check-blue{min-width:1rem!important;max-width:1rem!important}.devoptions .card-method-dev .criteria .ic-check-blue img{width:100%}.devoptions .card-method-dev .title .ic-method{max-width:70px}.devoptions .card-method-dev .title .ic-method img{width:100%}.devoptions .card-method-dev .list{min-height:200px}.devoptions .gap-2{gap:.5rem!important}.devoptions p.text-end,h1.text-end{text-align:end!important}@media (max-width:768px){.elementor-widget-container{text-align:right;margin-top:28px;margin-right:-10px}.elementor-widget-container a{display:inline-block}.elementor-widget-container img{width:60px;height:auto;vertical-align:middle}}@media (min-width:768px){.elementor-widget-container{text-align:right;margin-top:50px;margin-right:-10px}.elementor-widget-container a{display:inline-block}.elementor-widget-container img{width:60px;height:auto;vertical-align:middle}}.mobile-service{background-image:url("../images/bg/img_hero.webp");background-size:contain;background-position:top right!important;background-repeat:no-repeat}.mobile-service .title{margin-top:135px}.mobile-service .container .title{max-width:100%!important}.btn-blue{display:inline-block;margin-top:35px}.btn-blue a{display:flex;align-items:center;justify-content:center;background:transparent linear-gradient(113deg,#80cff7 0,#5fb9e6 100%) 0 0 no-repeat padding-box;color:#fff;border-radius:30px;padding:15px 30px;text-decoration:none;font-weight:600;font-size:.875rem}.btn-blue a img{width:24px;margin-left:10px}.mobile-service .title h1{background:linear-gradient(82.51deg,#5fb9e6 56.05%,#4318ff 87.68%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:48px;text-align:center}.mobile-service .hero-mobile .description{background-color:#f8f8f8;padding:64px 64px 64px 72px;max-width:720px}.mobile-service .hero-mobile .description h2{font-weight:600;font-size:36px}.mobile-service .hero-mobile .description p{margin-top:20px;padding-right:80px;line-height:28px;text-align:justify;color:#8f9bba}.mobile-service .hero-mobile .description .message{max-width:380px;font-size:14px;text-align:left;line-height:20px;color:#8f9bba}.mobile-service .hero-mobile .img-section{margin-left:-50px;border-radius:12px;max-width:550px;overflow:hidden;height:auto;z-index:1;position:relative}.mobile-service .hero-mobile .img-section img{width:100%}.mobile-service .img-section .desc-section{position:absolute!important;top:0!important;left:0!important;color:#fff!important;width:100%!important;text-align:center!important}.mobile-service .btn-white-outline{border:1px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:30px;padding:15px 50px;text-decoration:none;font-weight:600}.mobile-service .btn-white-outline span{font-size:1rem}.mobile-service .btn-white-outline img{width:24px!important;margin-left:10px}.icon-check{max-width:24px}.icon-check img{width:100%}.description-tips .title h2{font-size:32px;font-weight:600;color:#000;line-height:36px}.description-tips .title p{color:#8f9bba;font-weight:400}.description-tips .suggestion{background-color:#f8f8f8;border-radius:12px;padding:20px}.description-tips .img-statistic{max-width:35rem;float:right}.description-tips .img-statistic img{width:100%}.description-tips .list-wrapper{border:1px solid #8f9bba;padding:.875rem 2.875rem .875rem 2rem;border-radius:20px}.description-tips .list-wrapper .list{display:flex;justify-content:space-between;gap:20px;align-items:start}.description-tips .list-wrapper .list .list-desc h3{font-size:1.125rem;font-weight:600;color:#000}.description-tips .list-wrapper .list .list-desc p{font-size:.875rem;font-weight:400;color:#8f9bba;line-height:20px}.step-app{background-color:#f8f8f8;background-image:linear-gradient(to right,#f8f8f8 50%,#fff 50%)}.step-app .step-container{position:relative;overflow-y:hidden}.step-app .step-container::before{content:"";position:absolute;border:1px dashed #5fb9e6;top:2rem;left:1.3rem;height:86%}.step-app .img-illustrasi{max-width:7.5rem}.step-app .img-illustrasi img{width:100%}.step-app .title h2{font-size:2rem;font-weight:600;color:#000}.step-app .title p{font-size:1rem;font-weight:400;color:#8f9bba}.step-app .step-create{margin-bottom:1rem;position:relative;gap:48px}.step-app .step-create .circle-number{background-color:#c7ebfd;border-radius:5rem;width:2.75rem;height:2.75rem;z-index:2}.step-app .step-create .circle-number .number{background-color:#61bbe8;border-radius:5rem;width:1.5rem;height:1.5rem;color:#fff;font-weight:700;font-size:.875remasdjasjdajsdnsaj;text-align:center}.step-app .step-create:first-child .circle-number{background-color:#fff5d1}.step-app .step-create:first-child .circle-number .number{background-color:#ffe177;color:#000}.step-app .step-create .description h3{font-size:18px;font-weight:700;color:#000;line-height:30px;margin:0}.step-app .step-create .description p{font-size:16px;font-weight:400;color:#888}.create-app{background-color:#f8f8f8;padding:5.6rem 0}.create-app .container-sticky{position:sticky;top:8rem;transition:top .2s}.create-app .container-sticky .img-illustrasi{max-width:7.5rem}.create-app .container-sticky .img-illustrasi img{width:100%}.create-app .container-sticky .title h2{font-size:2rem;font-weight:600;color:#000}.create-app .container-sticky .title p{font-size:1rem;font-weight:400;color:#8f9bba}.create-app .card-step{background-color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1rem;gap:2rem}.create-app .card-step .ic-step{max-width:3.5rem}.create-app .card-step .ic-step img{width:100%}.create-app .card-step .description h3{font-size:18px;font-weight:700;color:#000;line-height:30px;margin:0}.create-app .card-step .description p{font-size:16px;font-weight:400;color:#888}.step-create-app .step-content{background-color:#f8f8f8;padding:90px 120px;position:relative}.step-create-app .step-content .container{overflow-x:hidden;position:relative}.step-create-app .step-content .container .card-step{background-color:#fff;padding:.75rem;border-radius:1.5rem;position:relative}.step-create-app .step-content .container .card-step .ic-step{max-width:60px}.step-create-app .step-content .container .card-step .ic-step img{width:100%}.step-create-app .step-content .container .card-step .description h6{font-size:16px;font-weight:400;color:#000}.step-create-app .step-content .container .card-step .description p{font-size:12px;color:#61bbe8;font-weight:400;padding:0;margin:0}.step-create-app .step-content .container .card-step .arrow-top-card{position:absolute;left:0;top:70px;z-index:1;max-width:30px}.step-create-app .step-content .container .card-step .arrow-top-card img{width:100%}.step-create-app .step-content .container .card-step .bottom-top-card{position:absolute;right:50px;bottom:85px;z-index:1;max-width:30px}.step-create-app .step-content .container .card-step .bottom-top-card img{width:100%}.step-create-app .step-content .container .number-wrapper{padding:.5rem}.step-create-app .step-content .container .number-wrapper .number-circle{background-color:#c7ebfd;border-radius:5rem;width:2.75rem;height:2.75rem;z-index:999}.step-create-app .step-content .container .number-wrapper .number-circle .number{background-color:#61bbe8;border-radius:5rem;width:1.5rem;height:1.5rem;color:#fff;border-radius:1px solid red;text-align:center}.step-create-app .step-content .container .number-wrapper .number-circle .number span{font-weight:700;font-size:14px}.step-create-app .step-content .container .number-wrapper::before{content:"";position:absolute;border:1px dashed #5fb9e6;top:140px;padding:0 20px;left:2.5rem;width:auto;right:2.5rem;z-index:0}.img-logo img{width:75%}.mobile-tech .col-lg-1{display:flex;align-items:center;justify-content:center}.mobile-tech .img-logo{max-width:100px}.mobile-tech .img-logo img{width:100%}.mobile-tech .img-logo p{text-align:center}.why-mobile .card-container{gap:12px}.why-mobile .card-info{border-radius:20px;border:1px solid #e5e5e5;padding:32px 24px;width:100%}.why-mobile .card-info .icon-card{max-width:48px;margin:0 auto;display:block}.why-mobile .card-info .icon-card img{width:100%}.why-mobile .card-info h3{margin-top:20px;font-size:18px;font-weight:600;margin-bottom:20px;color:#2498d3}.service-crocodic .card-option{border:1px solid #e5e5e5;padding:15px;border-radius:12px;cursor:pointer;gap:1rem}.service-crocodic .card-option.active-tech.selected-card .gap-3{gap:1rem!important}.service-crocodic .card-option .ic-service{max-width:48px}.service-crocodic .card-option .ic-service img{width:100%}.service-crocodic .card-option .title h4{font-size:16px;font-weight:400;margin:0;padding:0;color:#000}.service-crocodic .card-option.active,.service-crocodic .card-option:hover{background-color:#61bbe8;border:1px solid #61bbe8}.service-crocodic .card-option.active .title h4,.service-crocodic .card-option:hover .title h4{color:#fff}.service-crocodic .card-option.active-tech,.service-crocodic .card-option.card-tech:hover{background-color:#f8f8f8;border:1px solid #f8f8f8}.service-crocodic .card-option.active-tech .title h4,.service-crocodic .card-option.card-tech:hover .title h4{color:#000}.fa-chevron-down:before{content:"\f078"}