.netmodal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000ba;backdrop-filter:blur(5px);z-index:10101;overflow:hidden}.netmodal-content{position:fixed;display:block;bottom:0;right:0;width:100%;max-width:100%;max-height:95%;border-radius:0;background-color:#fefefe;overflow:auto}.netmodal,.netmodal-content{animation-duration:.5s;transition:all ease-in-out .5s}.netmodal.hidden{display:block;opacity:0;visibility:hidden;animation-name:fadeOut}.netmodal.visible{display:block;opacity:1;visibility:visible;animation-name:fadeIn}.netmodal.hidden .netmodal-content{opacity:0;visibility:hidden;animation-name:slideOutDown}.netmodal.visible .netmodal-content{opacity:1;visibility:visible;animation-name:slideInUp}.netmodal-header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;padding:10px 15px;margin:0;border-bottom:0;color:#fff;background-color:#0b9554;background-image:linear-gradient(-25deg,#02814d 0%,rgb(26 173 83/92%) 100%)}.netmodal-header.has-logo{justify-content:flex-start}.close-modal{position:absolute;right:5px;top:0;color:#fff;font-size:2rem;font-weight:700;padding:5px 7px;line-height:1}.close-modal:hover,.close-modal:focus{color:red;text-decoration:none;cursor:pointer}.admin-chat{width:58px;height:58px;border-radius:50px;background-color:#fff8dc;display:block;float:left;margin-right:12px}.admin-chat img{border-radius:50px}.netmodal-title{color:#fff;margin:0;text-align:center;line-height:28px}.chat .netmodal-title{line-height:1.4}.has-logo .netmodal-title{text-align:left}.netmodal-title .nomor{color:#fff8dc;font-size:16px}.greeting{padding:15px;background-color:#ece5dd}.greeting-chat{position:relative;max-width:90%;font-size:15px;line-height:1.4;padding:10px;margin-bottom:10px;background-color:#dcf8c6;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;color:#2f4f4f;text-shadow:unset}.greeting-chat:before{content:"";position:absolute;left:-10px;top:0;border-style:solid;border-width:0 10px 14px 0;border-color:transparent #e2fcc6 transparent transparent}.greeting-chat p{margin-bottom:3px}.greeting .harga-produk{min-width:max-content;color:brown}.greeting .harga-produk .amount{font-size:15px}.mitra .greeting .harga-produk{display:inline-flex}.mitra .greeting .harga-produk>span:not(.wc_harga_reseller){display:none}.netmodal-body{padding:1rem 1rem 0}.netmodal-footer{display:-webkit-box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;align-items:center;-webkit-box-pack:end;-moz-box-pack:end;-ms-box-pack:end;justify-content:center;padding:20px 2rem 30px;border:none}.netmodal .button-wrap{float:none;margin:0 auto;position:relative;text-align:center;clear:both;width:100%}.netmodal .btn{position:relative;display:inline-block;font-size:16px;font-weight:800;text-align:center;text-decoration:none;margin:0;padding:0;line-height:42px;color:#fff;white-space:nowrap;outline:none;opacity:.9;border-radius:7px;width:75%;background-color:#0b9554;background-image:linear-gradient(-25deg,#02814d 0%,rgb(26 173 83/92%) 100%);box-shadow:0 14px 26px -12px rgb(0 0 0/42%),0 4px 23px 0 rgb(0 0 0/12%),0 8px 10px -5px rgb(8 8 8/20%)}.netmodal .button-wrap a{opacity:.9;border-radius:7px;width:75%;background-image:linear-gradient(to right,#69d467 0%,#69d467 25%,#12b579 75%,#12b579 100%);box-shadow:0 14px 26px -12px #0000006b 4px 23px 0 #0000001f 8px 10px -5px #08080833;text-align:center!important;text-decoration:none;margin:0;padding:0;line-height:42px}.netmodal .button-wrap a:before{display:none}.netmodal .btn:hover,.netmodal .btn:active,.netmodal .button-wrap a:hover,.netmodal .button-wrap a:active{opacity:.8}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:9;width:30px}form .input-group .input-group-text{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;padding:5px 7px;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background:0 0;border:none;text-align:center;white-space:nowrap}.wa .input-group input{max-width:580px}.wa .input-group input,.wa .input-group select,.wa .input-group textarea{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0;height:38px;margin-left:-29px !important;padding:5px 5px 5px 30px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #8d8d8d;box-shadow:none;transition:all .2s linear}.wa .input-group select{font-size:17px;padding:5px 1rem 7px 35px;color:#535353}.wa .input-group textarea{height:auto;min-height:auto;padding:6px 1rem 6px 30px;color:#0a0a0a}.input-group.mb-0 input{margin-bottom:3px;border-bottom:1px solid #ddd}.input-group.mb-0{margin-bottom:0}.input-group.mb-1{margin-bottom:10px}.input-group.column-2{flex-wrap:nowrap;column-gap:10px}.input-group-left,.input-group-right{width:50%}.input-group.column-2 input,.input-group.column-2 select{margin:0;padding:4px 12px}.input-group.alamat .input-group-left input{padding-left:30px}.input-bayar{align-items:center;line-height:1;padding:0 7px}.input-bayar .input-text{margin-right:20px}.input-bayar input[type=radio]{width:16px;height:16px;padding:0;margin:0;flex:0 0 auto}.input-bayar input[type=radio]+label{font-size:16px;line-height:1;margin-left:.5rem}.ada-icon .input-group-left,.ada-icon .input-group-right{position:relative;display:flex;align-items:stretch;width:100%;flex-wrap:wrap}.input-group.ada-icon input,.input-group.ada-icon select{margin-left:-30px;padding:5px 5px 5px 30px}.input-info{width:100%;margin-top:12px;font-size:13px;color:olive}.input-group input:focus~.bar:before,.input-group input:focus~.bar:after,.input-group textarea:focus~.bar:before,.input-group textarea:focus~.bar:after{width:50%}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#21a51f;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.cara-belanja-row{display:inline-block;width:100%;text-align:center;margin-bottom:15px}.cara-belanja-row a{cursor:pointer;color:#4682b4;display:inline-table;line-height:1.8;padding:2px 10px}.cara-order .netmodal-title{line-height:2.8;margin-bottom:0;color:#fff}.netmodal-body-row{margin:0 0 7px}ol.netmodal-body-text{list-style:decimal;padding-left:10px;margin-bottom:10px;font-size:14px;line-height:18px;color:#252525}.netmodal-body-text li{margin-bottom:6px}.netmodal-body-info{font-size:14px;line-height:18px;color:#005238;padding-left:10px}.cara-order .netmodal-footer{padding:7px 15px}.netmodal-footer-text{font-weight:600;color:#1b8c62}.svg-inline--fa{display:inline-block;font-size:14px;height:1em;overflow:visible}.send-info{display:flex;height:0;margin:20px 0 0;justify-content:center;align-items:center;font-size:16px;line-height:1;visibility:hidden;overflow:hidden;opacity:0;transition:opacity ease-in-out .3s,height ease-in-out .3s}.send-info.visible{height:20px;visibility:visible;opacity:1}.send-info.no{color:#ce0404}.fadeOut{animation-name:fadeOut}.slideInUp{animation-name:slideInUp}.slideInDown{animation-name:slideInDown}.slideOutDown{animation-name:slideOutDown}.slideInUpBottom{animation-name:slideInUpBottom}.slideOutDownBottom{animation-name:slideOutDownBottom}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideInUpBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDownBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideInUpWide{from{transform:translate(50%,100%);opacity:0}to{transform:translate(50%,-50%);opacity:1}}@keyframes slideOutDownWide{from{transform:translate(50%,-50%);opacity:1}to{transform:translate(50%,100%);opacity:0}}@keyframes slideInUpBottomWide{from{transform:translate(50%,100%);opacity:0}to{transform:translate(50%,0);opacity:1}}@keyframes slideOutDownBottomWide{from{transform:translate(50%,0);opacity:1}to{transform:translate(50%,100%);opacity:0}}@media (min-width:768px){.netmodal-content{width:90%;max-width:500px;max-height:90%;top:50%;right:50%;bottom:unset;transform:translate(50%,-50%);border-radius:13px}.netmodal.visible .netmodal-content{animation-name:slideInUpWide}.netmodal.hidden .netmodal-content{animation-name:slideOutDownWide}.cara-order .netmodal-content{max-width:720px;max-height:98%;right:50%;bottom:0;top:unset;transform:translateX(50%);border-radius:0}.cara-order.visible .netmodal-content{animation-name:slideInUpBottomWide}.cara-order.hidden .netmodal-content{animation-name:slideOutDownBottomWide}.cara-order .netmodal-body{padding:15px 2rem 0}.cara-order .netmodal-body-row{margin:7px 0}.cara-order .netmodal-body-text li{margin-bottom:10px}.cara-order .netmodal-footer{padding:7px 15px}ol.netmodal-body-text{font-size:16px;line-height:20px}.input-group input{max-width:600px}.slideInUp{animation-name:slideInUpWide}.slideOutDown{animation-name:slideOutDownWide}.slideInUpBottom{animation-name:slideInUpBottomWide}.slideOutDownBottom{animation-name:slideOutDownBottomWide}}