@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";*{padding:0;margin:0;list-style:none;quotes:none;text-decoration:none !important;outline:none;border:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}html{height:100%;width:100%}body{position:relative;background-color:#fff;font-family:"Poppins",sans-serif;overflow-x:hidden;margin:0 auto}i{display:inline-flex}a{color:#202020}a,button{cursor:pointer}p,a,button,input,div,span{font-size:14px}img{object-fit:cover}@media(max-width: 768px){p,a,button,input,div,span{font-size:13px}}@media(max-width: 300px){body{display:none}}.btn{border-radius:7.5px;transition:.225s}.btn-orange{background-color:#ff7342}.btn-orange:hover{background-color:#ff4d0f}.btn-orange:focus{transform:scale(1.05);box-shadow:none !important}.btn-outline-dark{border-color:#4c5574;color:#4c5574}.btn-outline-dark:hover{background-color:#383e55}.btn-outline-dark:focus{transform:scale(1.05);box-shadow:none !important}.navbar{position:absolute;width:100%}.navbar .container{padding:0 1.35rem}.navbar-brand{display:flex;align-items:center}.navbar-brand .logo-img{width:40px}.navbar-brand .logo-text{color:#388794;font-size:15px;font-weight:700;line-height:20px;margin-left:10px}.navbar-toggler{outline:none !important;border:none !important;padding:0 !important}.navbar-toggler:focus{box-shadow:none !important}.navbar-toggler:active .bar-btn{transform:scale(1.15)}.navbar-toggler .bar-btn{width:17.5px;height:17.5px}.navbar-collapse{z-index:100000000000000020}.navbar-nav .nav-item{margin-left:30px}.navbar-nav .nav-item .nav-link{color:#78819f}.navbar-nav .nav-item .nav-link.active{color:#4c5574;font-weight:500;position:relative}.navbar-nav .nav-item .nav-link.active::after{content:"";position:absolute;width:25px;height:2px;background-color:#4164e0;bottom:2.5px;left:50%;transform:translateX(-50%)}@media screen and (max-width: 768px){.navbar-nav{padding:10px 0;background-color:#fff}.navbar-nav .nav-link.active::after{display:none !important}}.card{border:none;border-radius:17.5px;align-items:center;display:flex;text-align:center}.form-group{height:100%}.form-group label{margin-bottom:10px;font-size:12.5px;color:#3a3c45}.form-group .input-group-text{border-color:#f0f0f0;background-color:#f0f0f0;padding-left:17.5px}.form-group .form-control{background-color:#f0f0f0;border-color:#f0f0f0;padding:13.5px 12.5px;font-size:14px;color:#4c5574}.form-group .form-control:focus{box-shadow:none}.form-group textarea.form-control{height:100%}section{margin-bottom:200px;display:flex;align-items:center}section .container{padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:100%}section.home{background-color:#e9eeff;height:660px}section.home .container .desc .headline{background-color:#708bed;padding:7.5px 25px;color:#fff;border-radius:2rem;display:inline-block}section.home .container .desc .title{font-weight:600;margin:1rem 0;color:#4164e0;line-height:55px}section.home .container .desc .title span.creative-decor{position:relative;font-size:inherit;color:#ff7342;margin-left:15px}section.home .container .desc .title span.creative-decor img{position:absolute;width:180px;height:85px;top:-6px;left:-11.5px;object-fit:initial;animation:creative-decor-animate 2s infinite alternate ease-in-out}section.home .container .desc .title span.creative-decor p{font-size:inherit;display:inline;position:absolute}section.home .container .desc .text{margin-bottom:20px;color:#4c5574;line-height:25px}section.home .container .desc .btns .cta{color:#fff;font-weight:600;font-size:13px;margin-right:17.5px;padding:10px 15px}section.home .container .desc .btns .cta-link{text-decoration:underline !important;color:#4c5574;font-weight:500}section.home .container .images{position:relative;margin-top:115.5px}section.home .container .images .img-logo-content{width:60px;height:60px;background-color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;position:absolute;transform-origin:center}section.home .container .images .img-logo-content .img-logo{width:30px;height:30px;object-fit:initial}section.home .container .images .img-logo-content.code{animation:rotating-animate 1.25s infinite alternate ease-in-out;top:200px;left:-20px}section.home .container .images .img-logo-content.wordpress{animation:rotating-animate 1.75s infinite alternate ease-in-out;top:240px;left:300px}section.home .container .images .img-logo-content.figma{animation:rotating-animate 1.5s infinite alternate ease-in-out;top:370px;left:-10px}section.home .container .images .img-logo-content.figma .img-logo{width:22px;height:34px}section.home .container .images .hero-img{width:350px;height:600px}section.partnership .container .desc .title{font-family:"Playfair Display",serif;font-weight:700;color:#3a3c45}section.partnership .container .desc .text{margin:25px 0;color:#4c5574}section.partnership .container .desc .cta-link{text-decoration:underline !important;color:#4c5574;font-weight:500}section.partnership .container .images{width:600px;display:flex;flex-wrap:wrap}section.partnership .container .images .img-logo-content{display:flex;align-items:center;justify-content:center;max-width:200px;height:90px;padding:20px 25px;border-radius:15px;border:1px solid #dadff0;margin-right:20px;margin-top:20px;cursor:pointer;transition:.4s}section.partnership .container .images .img-logo-content:hover,section.partnership .container .images .img-logo-content:focus{box-shadow:4px 6px 40px rgba(76,100,183,.2);border:1px solid transparent}section.partnership .container .images .img-logo-content.cloudhost .img-logo{width:80px;height:50px}section.partnership .container .images .img-logo-content.pertamina .img-logo{width:150px;height:30px}section.partnership .container .images .img-logo-content.wings-air .img-logo{width:80px;height:50px}section.partnership .container .images .img-logo-content.tokopedia .img-logo{width:120px;height:20px}section.partnership .container .images .img-logo-content.niagahoster .img-logo{width:80px;height:80px}section.about .container{flex-direction:column;justify-content:center}section.about .container .desc .title{font-family:"Playfair Display",serif;color:#3a3c45;font-weight:700;margin-bottom:60px;position:relative}section.about .container .desc .title::after{content:"";position:absolute;width:50px;height:2px;background-color:#4164e0;bottom:-12.5px;left:50%;transform:translateX(-50%)}section.about .container .cards{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}section.about .container .cards .card{width:300px;height:300px;margin:0 20px;margin-bottom:40px}section.about .container .cards .card-body{display:flex;align-items:center;flex-direction:column;justify-content:center}section.about .container .cards .card-body img{width:80px;height:60px;margin-bottom:17.5px}section.about .container .cards .card-body h4{font-family:"Playfair Display",serif;font-weight:700;color:#3a3c45;margin-bottom:15px}section.about .container .cards .card-body p{line-height:22px;color:#4c5574}section.about .container .cards .card.uiux{background-color:#eff5ff}section.about .container .cards .card.logo-icon{background-color:#f4f1ff}section.about .container .cards .card.development{background-color:#faffed}section.why .container{flex-direction:column;justify-content:center}section.why .container .desc .title{font-family:"Playfair Display",serif;color:#3a3c45;font-weight:700;margin-bottom:60px;position:relative}section.why .container .desc .title::after{content:"";position:absolute;width:50px;height:2px;background-color:#4164e0;bottom:-12.5px;left:50%;transform:translateX(-50%)}section.why .container .items .item{margin:20px 40px;margin-bottom:40px}section.why .container .items .item .item-icon{display:inline;border-radius:15px;padding:15px}section.why .container .items .item h5{font-family:"Playfair Display",serif;font-weight:700;color:#3a3c45;margin:25px 0;margin-bottom:12.5px}section.why .container .items .item p{line-height:25px;color:#4c5574}section.solution .container{justify-content:center}section.solution .container .images .img-decor{position:relative}section.solution .container .images .img-decor-item{position:absolute}section.solution .container .images .img-decor-item.ellipse{width:350px;height:220px;object-fit:initial;bottom:-450px;animation:rotating-animate 3s infinite alternate ease-in-out;left:-20px;z-index:-99;transform-origin:center}section.solution .container .images .img-decor-item.triangle{width:70px;height:70px;right:-20px;top:90px;transform-origin:center;animation:rotating-animate 1.6s infinite alternate-reverse ease-in-out}section.solution .container .images .img-person{width:290px;height:460px}section.solution .container .desc{margin-left:250px}section.solution .container .desc .title{font-family:"Playfair Display",serif;font-weight:700;margin-bottom:25px;color:#3a3c45}section.solution .container .desc .solutions .solution-item{margin-bottom:30px;display:flex;align-items:center}section.solution .container .desc .solutions .solution-item svg{align-self:flex-start;margin-top:5px}section.solution .container .desc .solutions .solution-item p{margin-left:15px;color:#3a3c45;margin-bottom:0 !important}section.portfolio .container{flex-direction:column}section.portfolio .container .title{font-family:"Playfair Display",serif;color:#3a3c45;font-weight:700;position:relative;margin-bottom:60px}section.portfolio .container .title::after{content:"";position:absolute;width:50px;height:2px;background-color:#4164e0;bottom:-12.5px;left:50%;transform:translateX(-50%)}section.portfolio .container .portfolio-item img{width:400px;height:300px;border-radius:17.5px;overflow:hidden}section.portfolio .container .portfolio-item h5{margin-top:20px;font-family:"Playfair Display",serif;font-weight:700}section.portfolio .container .portfolio-item p{margin-top:12.5px;color:#666}section.portfolio .container .btn-outline-dark{font-weight:500;border-radius:5px;margin-top:40px;font-size:14px;padding:.65rem 1.25rem}section.contact .container{flex-direction:column}section.contact .container .title{font-family:"Playfair Display",serif;color:#3a3c45;font-weight:700;position:relative;margin-bottom:60px}section.contact .container .title::after{content:"";position:absolute;width:50px;height:2px;background-color:#4164e0;bottom:-12.5px;left:50%;transform:translateX(-50%)}section.contact .container .form-control:focus{border-color:#ff7342}section.contact .container .btn-secondary{background-color:#f0f0f0 !important;border-color:transparent;color:#3a3c45;font-size:13px;padding:10px 25px}section.contact .container .btn-secondary:focus{color:#ff7342 !important;border-color:#ff7342 !important;box-shadow:none !important}section.contact .container .btn-orange{padding:10px 40px;color:#fff;font-weight:500;font-size:13px;display:block;margin:0 auto;margin-top:15px;border-radius:5px}section.footer{margin-bottom:0;padding:40px 0;background-color:#e9eeff}section.footer .container .footer-brand{display:flex;align-items:center;margin-bottom:30px}section.footer .container .footer-brand .logo-img{width:40px}section.footer .container .footer-brand .logo-text{color:#388794;font-size:15px;font-weight:700;line-height:20px;margin-left:10px}section.footer .container p,section.footer .container a{color:#4c5574}section.footer .container .footer-link{display:block;margin-bottom:1rem}section.footer .container .footer-item{margin-left:60px}@keyframes rotating-animate{0%{transform:rotate(45deg)}100%{transform:rotate(-45deg)}}@keyframes creative-decor-animate{0%{top:20px}10%{top:10px}50%{left:0}60%{left:30px}80%{right:60px}100%{left:-10px}}@media screen and (max-width: 768px){section{margin-bottom:100px}.about .container{text-align:center !important}.about .container .cards .card{width:100% !important}.why .container{text-align:left !important}.why .container .title{text-align:center !important}.why .container .items .item{margin-left:0 !important;margin-right:0 !important}}@media screen and (max-width: 992px){.home .container{text-align:center !important;justify-content:center}.home .container .title{line-height:42.5px !important}.home .container .title span.creative-decor{margin-left:0 !important}.home .container .title span.creative-decor img{display:none !important}.home .container .title span.creative-decor p{position:static !important}.home .container .btns .cta{display:block;margin:auto !important;margin-bottom:25px !important}.home .container .images{display:none !important}.partnership .container{text-align:center !important;flex-direction:column}.partnership .container .desc .text{margin:17.5px 0 !important}.partnership .container .images{margin-top:50px;width:100% !important;justify-content:center !important}.partnership .container .images .img-logo-content{margin-right:10px !important;margin-left:10px}.solution .container{text-align:left !important;flex-direction:column}.solution .container .desc{margin-left:0 !important}.solution .container .images{margin-bottom:55px}.solution .container .images .img-decor-item.ellipse{display:none !important}.solution .container .images .img-person{width:170px !important;height:300px !important}.portfolio .container{text-align:center !important}.portfolio .container .portfolio-item{margin-bottom:70px !important}.portfolio .container .portfolio-item img{width:100% !important}.portfolio .container .portfolio-item h5{margin-top:20px !important}.portfolio .container .btn-outline-dark{margin-top:0 !important}.contact .container .btn-orange{width:100%}.footer .container .footer-item{margin-left:0 !important}}/*# sourceMappingURL=main.css.map */
