@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.502);z-index:9999}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid #fff;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.instal_app .alert-warning{--bs-alert-padding-y:0.5rem;--bs-alert-padding-x:0.5rem}.custom-title{font-size:20px}.alert-warning{--bs-alert-color:#fff;--bs-alert-bg:#f76707;--bs-alert-border-color:#f76707;font-size:14px}.alert-danger{--bs-alert-color:#fff;--bs-alert-bg:#d63939;--bs-alert-border-color:#d63939;font-size:14px}.alert-primary{--bs-alert-color:#fff;--bs-alert-bg:#206bc4;--bs-alert-border-color:#206bc4;font-size:14px}:root{--color-black:#181818;--color-bg:#ededed;--color-white:#fefdf9}#app{font-family:Poppins,sans-serif;color:var(--color-black);background-color:var(--color-bg);min-height:100vh;flex-direction:column;display:flex}.contain{position:relative;max-width:480px;width:100%;margin:0 auto;padding:0 20px 20px;min-height:calc(100vh - 60px)}.img_banner{position:relative;display:flex;justify-content:center;align-items:center;margin-top:20px}.img-bg{display:flex;width:100%}.img-logo{width:60%;top:8px}.img-logo,.img_banner p{position:absolute;z-index:1}.img_banner p{bottom:10px;font-weight:700;font-size:1.1rem;color:#1d3863;text-shadow:0 2px 0 0 #000;letter-spacing:.0625rem}.button_menu .btn-group{box-shadow:3px 3px 0 0 var(--color-black)}.button_menu .btn-primary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-black);font-size:.8rem}.button_menu .btn-primary.active{background-color:var(--color-black);color:var(--color-white);font-size:.8rem;font-weight:600}.card_track{background-color:var(--color-white);border:1px solid var(--color-black);border-radius:.3125rem;margin-top:.9rem;padding:.92rem;box-shadow:3px 3px 0 0 var(--color-black)}p{margin-bottom:0}.card_track .title-track{font-size:1rem;font-weight:600;text-align:center}.card_track .desc-track{font-size:.85rem;font-weight:400;text-align:center;color:rgba(21,21,33,.8)}.card_track .form_track{margin-top:1rem}.card_track .input-group{box-shadow:3px 3px 0 0 var(--color-black);border-radius:.3125rem}.card_track .input-group .form-control{border:1px solid var(--color-black);background-color:var(--color-white);border-right:1px solid var(--color-white)}.card_track .input-group .input-group-text{border:1px solid var(--color-black);background-color:var(--color-white)}.form_track .btn{background-color:var(--color-black);border-color:var(--color-black);padding:.425rem 2rem}.illustration img{width:100%;margin-top:2rem}.card_track .input-with-counter label{font-size:.8rem;font-weight:500;margin-bottom:.2rem}.card_track .input-with-counter .form-control{border:1px solid var(--color-black);background-color:var(--color-white);font-size:.8rem}.card_track .form-garansi{margin-top:.5rem}.button-search{text-align:center}.tracking-order .card-bg{margin-top:20px}.tracking-order .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--color-white);background-clip:border-box;border:1px solid #000}.tracking-order .card p{margin-bottom:0;font-size:13px}.tracking-order .card .title-track{font-size:14px;font-weight:700}.tracking-order .card-header:first-child{border-radius:calc(.37rem - 1px) calc(.37rem - 1px) 0 0}.tracking-order .card-header{padding:.75rem 1.25rem;margin-bottom:0;font-size:14px;font-weight:500;background-color:#15191f;color:var(--color-white);border-bottom:1px solid rgba(0,0,0,.1)}.tracking-order .track{position:relative;background-color:#ddd;height:7px;display:flex;margin-bottom:35px;margin-top:35px}.tracking-order .track .step{flex-grow:1;width:25%;margin-top:-18px;text-align:center;position:relative}.tracking-order .track .step.active:before{background:#25d366}.tracking-order .track .step:before{height:7px;position:absolute;content:"";width:100%;left:0;top:18px}.tracking-order .track .step.active .icon{background:#25d366;color:#fff}.tracking-order .track .icon{display:inline-block;width:35px;height:35px;line-height:35px;position:relative;border-radius:100%;background:#ddd}.tracking-order .track .step.active .text,.tracking-order .track .step.active .text-date{font-weight:500;color:#15191f}.tracking-order .track .text{display:block;margin-top:7px;font-size:.9rem;color:#aaa}.tracking-order .track .text-date{font-size:1rem;color:#aaa}.input-with-counter{position:relative}.input-with-counter input{width:100%;padding-right:80px}.character-counter{position:absolute;right:12px;bottom:8px;font-size:10px;color:#aaa}.order-track{display:flex;flex-direction:column}.order-track .tracking-order .track{position:relative;background-color:#ddd;height:7px;display:flex;margin-bottom:60px;margin-top:1rem}.order-track .tracking-order .track .step{flex-grow:1;width:25%;margin-top:-18px;text-align:center;position:relative}.order-track .tracking-order .track .step.active:before{background:#25d366}.order-track .tracking-order .track .step:before{height:7px;position:absolute;content:"";width:100%;left:0;top:18px}.order-track .tracking-order .track .step.active .icon{background:#25d366;color:#fff}.order-track .tracking-order .track .icon{display:inline-block;width:35px;height:35px;line-height:35px;position:relative;border-radius:100%;background:#ddd}.order-track .tracking-order .track .step.active .text,.order-track .tracking-order .track .step.active .text-date{font-weight:500;color:#15191f}.order-track .tracking-order .track .text{display:block;margin-top:7px;font-size:.9rem}.order-track .tracking-order .track .text-date{font-size:.8rem;color:#929090!important}.alert-warning{background-color:#3a6ed3;border-color:#3a6ed3}.alert-warning .btn{background-color:#f76707;border-color:#f76707}