@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*{font-family:"Poppins",sans-serif;color:#3d3d3d;color:var(--black)}nav{background-color:#fff;width:100%;height:100px;margin:auto}nav .container-navbar{width:90%}nav .navbar-link ul,nav .navbar-link ul li{margin:0;padding:0;list-style:none}nav .navbar-link ul li{font-size:14px;font-weight:500;padding:0 40px 0 0;align-items:center;cursor:pointer}nav .navbar-link ul li.link:after{content:"";background-color:#fecf28;background-color:var(--primary);width:0;display:block;border-radius:3px;height:3px;margin:auto;transition:.2s}nav .navbar-link ul li.link:hover:after{content:"";width:50%}nav .navbar-link ul li button{background:linear-gradient(#fecf28,#ffb342);background:var(--gradient);border-radius:5px;color:#fff;font-weight:500;font-size:14px;border:none;width:162px;height:37px}nav .navbar-link ul li button:hover{background:#fecf28;background:var(--primary);color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}header{width:100%;height:510px;margin-top:100px;background-image:linear-gradient(#fecf28,#ffb342);background-image:var(--gradient)}header .container-header{width:90%;height:100%;margin:auto}header .content,header .image-header{width:50%}header .content h2,header .content h3{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.2)}header .content h2{font-size:30px}header .content h3{font-size:18px}header .image-header img{width:100%}header .content .button button{color:#fff;font-weight:500;border-radius:5px;padding:18px 28px;background-color:transparent;border:2px solid #fff;transition:.2s}header .content .button button:hover{color:#3d3d3d;color:var(--black);background-color:#fff;border:2px solid #fff}header .content .button img{margin-bottom:-5px;padding-right:5px}section{width:100%;margin-top:137px}section .container-section{width:90%;margin:auto}section .container-section .box{box-shadow:0 2px 10px rgba(0,0,0,.24);height:335px;border-radius:10px;cursor:pointer;-webkit-transform:scale(.98);transform:scale(.98);transition:.2s}section .container-section .box:hover{box-shadow:0 2px 10px rgba(0,0,0,.24);height:335px;border-radius:10px;-webkit-transform:scale(1);transform:scale(1)}section .container-section .box h3{font-size:20px}section .container-section .box p{font-size:14px}.promo{margin-top:150px;background-image:url(/static/media/bg-promo.bb01b9ef.png);height:391px;width:100%;background-size:cover}.promo .container-promo{width:90%;margin:auto;height:100%}.promo button{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff;width:20%;padding:15px 10px;border-radius:5px;transition:.2s}.promo button:hover{background-color:#fff;color:#3d3d3d;color:var(--black);border:2px solid #fff}.promo h2{font-size:30px}.promo h2,.promo h3{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.2)}.promo h3{font-size:18px}.how-work{margin-top:150px}.how-work .container-how-work{width:90%;margin:auto}.how-work p.text-center{margin-bottom:100px}.how-work .row{margin-top:50px}.how-work .col-md-5 img{width:466px}.how-work .col-md-7 h3{font-size:24px}.how-work .col-md-7.text{display:flex;flex-direction:column;justify-content:center}.how-work .col-md-7 p{font-size:14px}.how-work .col-md-5,.how-work .col-md-7{margin-bottom:80px}.mitra{background-image:url(/static/media/bg-mitra.fc936682.png);height:391px;width:100%;margin-top:150px;background-size:cover}.mitra .container-mitra{width:90%;margin:auto;height:100%}.mitra .container-mitra h2,.mitra .container-mitra h3{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.2)}.mitra .container-mitra h3{font-size:18px}.mitra .container-mitra h2{font-size:24px}.mitra button{color:#fff;font-weight:500;border-radius:5px;padding:18px 28px;background-color:transparent;border:2px solid #fff;width:20%;margin-top:20px;transition:.2s}.mitra button:hover{color:#3d3d3d;color:var(--black);background-color:#fff;border:2px solid #fff}footer{width:100%;height:350px;background-color:#3d3d3d;background-color:var(--black)}footer p{font-weight:400;color:#fff;font-size:14px}footer .container-footer{width:90%;margin:auto}footer .container-footer .col-md-4.footer-menu{text-align:end}footer .container-footer .col-md-4.footer-menu ul li{list-style:none}footer i{color:#fff;font-size:28px;background-color:transparent;border-radius:50px;border:2px solid #fff;padding:8px;margin:8px;transition:.2s;cursor:pointer}footer i:hover{color:#3d3d3d;color:var(--black);background-color:#fff;border:2px solid #fff}footer .link-footer,footer a{text-decoration:none;color:#fff}footer .link-footer p:hover,footer a:hover{text-decoration:none;color:#fecf28;color:var(--primary)}.popup{visibility:hidden!important}.popup.show{visibility:visible!important;background-color:#3d3d3d;background-color:var(--black);height:106px;margin-top:100px;width:100%}body .popup.close{visibility:hidden!important}.popup.show .container-popup{width:90%;margin:auto;padding:10px}.popup.show .container-popup h2{font-size:18px;color:#fff}.popup.show .container-popup h3{font-size:16px;color:#fff}.popup.show button{font-weight:500;color:#fff;border-radius:5px;background:linear-gradient(#fecf28,#ffb342);background:var(--gradient);border:none;padding:12px 16px}.popup.show .button-download p{font-weight:500;color:#fff;margin:0;font-size:18px;background-color:transparent;border-radius:50px;border:2px solid #fff;padding:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer}.popup.show .button-download p:hover{color:#3d3d3d;color:var(--black);background-color:#fff;border:2px solid #fff}:root{--black:#3d3d3d;--primary:#fecf28;--gradient:linear-gradient(#fecf28,#ffb342)}@media (max-width:375px){nav .offcanvas{width:80%}body header .content h2{font-size:20px}body header .content h3{font-size:11.1px}body header{height:550px}body .promo h3{font-size:12px}body .promo button{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff;width:60%;padding:15px 10px;border-radius:5px;transition:.2s;font-size:12px}body .how-work .col-md-7 h3{font-size:16px}body .mitra .container-mitra h2{font-size:18px}body .mitra button{width:60%}body .popup.show .container-popup h2{font-size:12px}body .popup.show .container-popup h3{font-size:10px}body .popup.show .container-popup .button-download button{height:40px}}@media (max-width:575px){nav{height:70px}nav .logo img{width:75px}nav .navbar-link{display:none}nav .offcanvas{width:75%}nav .hamburger-menu i{font-size:24px;color:#3d3d3d;color:var(--black)}nav .offcanvas ul li{padding-bottom:20px;font-weight:500}nav .offcanvas .offcanvas-body ul li,nav .offcanvas .offcanvas-body ul li button{font-size:12px;list-style:none}nav .offcanvas .offcanvas-body ul li button{background:linear-gradient(#fecf28,#ffb342);background:var(--gradient);border-radius:3px;width:140px;height:37px;border:none;color:#fff;padding:10px}nav .link-navbar-mobile{text-decoration:none}nav .link-navbar-mobile li:hover{color:#fecf28;color:var(--primary)}header .container-header{width:96%}header{margin-top:70px;text-align:center;height:650px}header .container-header{display:flex;flex-direction:column;padding-top:35px}header .content,header .image-header{width:100%}header .image-header{margin-top:15px}header .content h2{font-size:24px;font-weight:600}header .content h3{font-size:14px}header .button img{width:200px;margin-left:8px;margin-bottom:-7px!important}header .image-header{margin-top:40px}body header .button button{padding:15px 25px!important;font-size:14px}section .container-section p.text-center{font-size:14px}.promo{margin-top:150px;background-image:url(/static/media/bg-promo-mobile.b3fa55d4.png);height:350px;width:100%;background-size:cover}.promo button{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff;width:47%;padding:15px 10px;border-radius:5px;transition:.2s;font-size:12px}.promo h2{font-size:20px}.promo h3{font-size:14px}.how-work h3.text-center{font-size:24px}.how-work p.text-center{font-size:14px}.how-work .col-md-5,.how-work .col-md-5 img{width:100%}.how-work .col-md-7 h3{font-size:18px}.how-work .col-md-7 p{font-size:12px}.mitra .container-mitra h2{font-size:20px}.mitra .container-mitra h3,.mitra button{font-size:14px}.mitra button{padding:15px;width:50%}.mitra{background-image:url(/static/media/bg-mitra-mobile.394619a0.png);height:391px;width:100%;margin-top:150px;background-size:cover}footer{height:550px}footer p{font-size:12px}footer .col-md-4.sosmed i{font-size:16px;margin:3px}footer .container-footer .row .col-md-4.call,footer .container-footer .row .col-md-4.sosmed{width:50%}footer .container-footer .row .col-md-4.footer-menu{width:100%;text-align:start;margin-top:50px}footer .col-md-4.footer-menu ul{padding:0}.popup.show{z-index:1;margin-top:70px;height:130px}.popup.show .container-popup h2{font-size:14px}.popup.show .container-popup{display:flex;flex-direction:column}.popup.show .container-popup h3{font-size:12px}.popup.show .button-download{display:flex;align-items:center;justify-content:space-between}.popup.show .button-download button{font-size:11px;width:140px;height:50px;padding:0}.popup.show .button-download p{font-size:14px;padding:2px;width:25px;height:25px}.popup.show .button-download .close.d-flex{margin:0 0 0 5px!important}}@media (min-width:576px) and (max-width:767px){nav{height:70px}nav .logo img{width:75px}nav .link-navbar-mobile{text-decoration:none}nav .link-navbar-mobile li:hover{color:#fecf28;color:var(--primary)}nav .navbar-link{display:none}nav .offcanvas{width:75%}nav .hamburger-menu i{font-size:24px;color:#3d3d3d;color:var(--black)}nav .offcanvas ul li{padding-bottom:20px;font-weight:500}nav .offcanvas .offcanvas-body ul li,nav .offcanvas .offcanvas-body ul li button{font-size:12px;list-style:none}nav .offcanvas .offcanvas-body ul li button{background:linear-gradient(#fecf28,#ffb342);background:var(--gradient);border-radius:3px;width:150px;height:40px;border:none;color:#fff}header{margin-top:70px;text-align:center;height:670px}header .container-header{display:flex;flex-direction:column;padding-top:35px;width:95%}header .content,header .image-header{width:100%}header .image-header{margin-top:15px}header .content h2{font-size:26px}header .content h3{font-size:16px}header .button img{width:200px}body header .button button{padding:15px 25px!important;font-size:14px}section .container-section p.text-center{font-size:14px}section .col-md-4{width:50%}section .col-md-4 .box p{font-size:12px}.promo{margin-top:150px;background-image:url(/static/media/bg-promo-mobile-lg.58637196.png);height:390px;width:100%;background-size:cover}.promo h2{font-size:24px}.promo button{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff;width:35%;padding:15px 10px;border-radius:5px;transition:.2s;font-size:14px}.promo h3{font-size:16px}.how-work h3.text-center{font-size:24px}.how-work p.text-center{font-size:14px}.how-work .col-md-5,.how-work .col-md-5 img{width:100%}.mitra .container-mitra h2{font-size:20px}.mitra .container-mitra h3{font-size:16px}.mitra button{font-size:14px;padding:15px;width:30%}.mitra{background-image:url(/static/media/bg-mitra-mobile-lg.d18b8207.png);height:391px;width:100%;margin-top:150px;background-size:cover}footer{height:550px}footer .container-footer .row .col-md-4.call,footer .container-footer .row .col-md-4.sosmed{width:50%}footer .container-footer .row .col-md-4.footer-menu{width:100%;text-align:start;margin-top:50px}footer .col-md-4.footer-menu ul{padding:0}.popup.show{z-index:1;margin-top:70px}.popup.show .container-popup h2{font-size:16px}.popup.show .container-popup h3{font-size:12px}.popup.show .button-download button{font-size:12px;padding:0 5px}.popup.show .button-download p{font-size:16px;padding:2px;width:30px;height:30px}}@media (min-width:768px) and (max-width:991px){nav{height:90px}nav .logo img{width:78px}nav .navbar-link ul li{font-size:12px;padding:0 25px 0 0}nav .navbar-link ul li button{font-size:12px;width:140px;height:35px}nav .hamburger-menu,nav .offcanvas{display:none!important}nav .navbar-link ul li.link{padding:8px 25px 0 0}header{height:450px;margin-top:90px}header .content .button img{margin-left:-5px;width:200px}header .content .button button{font-size:14px;padding:15px 20px}header .content h2{font-size:24px}header .content h3{font-size:13px}section .col-md-4{width:50%}.promo{margin-top:150px;background-image:url(/static/media/bg-promo-tablet.5a5052bc.png);height:391px;width:100%;background-size:cover}.promo button{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff;width:30%;padding:15px 10px;border-radius:5px;transition:.2s}.promo h2{font-size:24px}.promo h3{font-size:13px}.how-work .col-md-5 img{width:290px}.how-work .col-md-7 h3{font-size:18px}.how-work .col-md-7 p{font-size:12px}.mitra .container-mitra h2{font-size:20px}.mitra .container-mitra h3{font-size:16px}.mitra button{font-size:14px;padding:15px;width:30%}.mitra{background-image:url(/static/media/bg-mitra-tablet.cbff051f.png);height:391px;width:100%;margin-top:150px;background-size:cover}footer p{font-size:12px}footer i{font-size:18px}.popup.show{margin-top:90px}.popup.show .container-popup h2{font-size:16px}.popup.show .container-popup h3{font-size:12px}.popup.show .button-download button{font-size:14px}.popup.show .button-download p{font-size:16px;padding:2px;width:30px;height:30px}}@media (min-width:992px) and (max-width:1199px){nav .hamburger-menu,nav .offcanvas{display:none!important}nav .navbar-link ul li.link{padding:10px 40px 0 0}header .content .button img{margin-left:-5px}.promo{margin-top:150px;background-image:url(/static/media/bg-promo-desktop-lg.9daa497b.png);height:391px;width:100%;background-size:cover}.promo button{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff;width:25%;padding:15px 10px;border-radius:5px;transition:.2s}.how-work .col-md-5 img{width:350px}.mitra{background-image:url(/static/media/bg-mitra-desktop-lg.73ff6d4d.png);height:391px;width:100%;margin-top:150px;background-size:cover}}@media (min-width:1200px){nav .hamburger-menu,nav .offcanvas{display:none!important}nav .navbar-link ul li.link{padding:10px 40px 0 0}header .content .button img{margin-left:-5px}header h3{margin-bottom:20px}}
/*# sourceMappingURL=main.9ab14df7.chunk.css.map */