body{font-family:"Source Sans Pro",sans-serif;font-weight:400;font-style:normal;letter-spacing:-.02em;color:#25282b;margin:0;padding:0}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{box-sizing:inherit}.btn,.change-icon,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.dflex{display:flex;align-items:center;justify-content:center}.flex-one{flex:1 0}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width:480px){.container{max-width:480px;margin:auto}}.row{display:flex;flex-wrap:wrap;margin-right:-8px;margin-left:-8px}.column-full{flex:0 0 100%;max-width:100%;padding:0 8px}.column{flex:0 0 50%;max-width:50%;padding:0 8px}.column-three{flex:0 0 33%;max-width:33%;padding:0 8px}.column-four{flex:0 0 25%;max-width:25%;padding:0 8px}h1,h2,h3,h4,h5,h6{margin:0}p{margin:5px 0 15px}@keyframes contentLoader{0%{background-color:hsla(0,0%,64.7%,.1)}50%{background-color:hsla(0,0%,64.7%,.3)}to{background-color:hsla(0,0%,64.7%,.1)}}.ct-loader{width:100%;border-radius:16px;animation:contentLoader 1s linear infinite;-webkit-animation:contentLoader 1s linear infinite}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20,.mb-30{margin-bottom:20px!important}.pl-20{padding-left:20px!important}.pr-20{padding-right:20px!important}.rad-24{border-radius:24px!important}.tx-left{text-align:left}.tx-right{text-align:right}.fz-0{font-size:0}.op-0{opacity:0}.display-none{display:none!important}.display-block{display:block}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visibility-hidden{visibility:hidden}.line{border-top:1px solid #e8e8e8;margin:20px 0}.line-dashed{border-top:1px dashed #e8e8e8;margin:15px 0}.tx-uppercase{text-transform:uppercase}.tx-capitalize{text-transform:capitalize}.tx-center{text-align:center}.tx-title{font-size:1.463em;line-height:120%}.tx-subtitle{font-size:18px;line-height:1.33em;letter-spacing:-.02em}.tx-note{font-size:1em;line-height:140%}.tx-no-underline{text-decoration:none!important}.tx-lowercase{text-transform:lowercase}.tx-regular{font-weight:400;font-style:normal;color:#494a4a;line-height:22px}.tx-medium{font-style:normal}.tx-bold,.tx-medium{font-weight:700}.tx-600{font-weight:600}.tx-space-3{letter-spacing:.1em!important}.tx-green{color:#3ba749}.tx-grey{color:#bdbdbd}.tx-gojek{color:#00880d!important}.tx-link{color:#1056b2}.tx-error,.tx-red{font-size:.8em;transition:all 10ms linear 10ms;letter-spacing:-.02em;line-height:150%;color:#d14;font-weight:400;margin-top:5px}.content-page{padding-top:10px;padding-bottom:95px}.img-responsive{max-width:100%}.header{background:#fff}.nav{position:relative;height:48px;padding:7px 0}.nav-arrow{position:absolute;left:0;top:50%;margin-top:2px;transform:translateY(-50%);font-size:40px;height:30px;width:30px;text-decoration:none;transition:all .1s linear .1s;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer}.nav-arrow span{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-logo{width:200px;margin:0 auto;display:block;padding:7px 0}.box-result{background-color:#ebf6ed;padding:22px 10px;border-radius:12px}.box-result p{margin:0;color:#076825}.form-group{margin-bottom:15px}.form-group.form-165{margin:0 auto}.form-group.form-165 .label-group{display:block}.form-group.form-165 .input-group{width:165px!important;margin:auto}.form-group .input-group{position:relative}.form-group .input-group .field-group{width:100%;padding-right:65px}.form-group .input-group .field-group.tx-bold{font-weight:700!important}.form-group .input-group .field-group:focus+.tx-label-group{color:#3ba749!important}.form-group .input-group .tx-label-group{position:absolute;right:15px;font-size:1em;font-weight:700;line-height:130%;letter-spacing:-.02em;top:50%;transform:translateY(-50%)}.form-group .label-group{display:block;margin-bottom:10px;font-size:.9em;line-height:120%;font-weight:700}.form-group .field-group{display:block;border:none;border-bottom:1px solid #bdbdbd;border-radius:0;height:48px;padding:0;width:100%;transition:all .1s linear .05s;outline:none!important;color:#4f4f4f;letter-spacing:-.02em;line-height:130%;font-size:1.2em;font-family:"Source Sans Pro",sans-serif;font-weight:600}.form-group .field-group:focus{border-bottom:1px solid #3ba749}label.rc-list{width:100%;display:block}.rc-input{margin-bottom:12px}.rc-input-element{display:none}.rc-input:hover{cursor:pointer}.rc-input-body{padding:12px 14px;border:2px solid #fff;box-sizing:border-box;box-shadow:0 0 3px rgba(47,47,47,.2);border-radius:6px;position:relative}.rc-input-body .rc-data{display:none}.rc-input-body .rc-data p{font-size:14px;font-weight:400;line-height:1.33;letter-spacing:normal;color:#828282;margin:8px 0}.rc-input-body .rc-location .rc-checkmark{position:absolute;top:12px;left:14px;height:20px;width:20px;background-color:#dadada;border-radius:50%}.rc-input-body .rc-location .rc-checkmark:after{content:"";position:absolute;display:block;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.rc-input-body .rc-location .rc-text{font-weight:700;position:relative;left:27px}.rc-input-element:checked+.rc-input-body{border:2px solid #3ba749;box-shadow:0 0 3px rgba(47,47,47,.2)}.rc-input-element:checked+.rc-input-body .rc-data{display:block}.rc-input-element:checked+.rc-input-body .rc-location .rc-checkmark{background:#2f80ed}.rc-el-full.rc-input-element:checked+.rc-input-body{border:2px solid #ef4a3c;box-shadow:0 0 3px rgba(47,47,47,.2)}.rc-el-full.rc-input-element:checked+.rc-input-body .rc-data{display:block}.rc-el-full.rc-input-element:checked+.rc-input-body .rc-location .rc-checkmark{background:#2f80ed}.rd-option{margin:0 10px 20px 0;display:inline-block}.rd-option.rd-full{margin:0;display:block}.rd-option.rd-full label{width:100%;display:block}.rd-option input[type=radio]{opacity:0;position:fixed;width:0}.rd-option label{display:block;background-color:#fafafa;border:1px solid #e8e8e8;padding:8px 10px;height:36px;min-width:75px;text-align:center;font-size:14px;font-weight:700;border-radius:18px;transition:all .1s linear .1s;letter-spacing:-.02em;line-height:120%;color:#1c1d1d}.rd-option input[type=radio]:checked+label{background-color:#00880d;border:1px solid #00880d;color:#fff}a.btn{text-decoration:none!important}a.btn.btn-block{width:100%;display:block;line-height:140%}.btn{font-family:"Source Sans Pro",sans-serif;border-radius:8px;font-size:1.15em;line-height:80%;outline:none;letter-spacing:-.02em;cursor:pointer;transition:all .1s linear .1s;background:#cacccf;color:#25282b;border:1px solid #e0e0e0;text-align:center;padding:10px 16px;min-height:48px;max-height:48px}.btn-radius{border-radius:30px}.btn-block{width:100%}.btn:disabled{cursor:no-drop}.btn-green{background:#00880d;color:#fff;border:1px solid #00880d}.btn-green:hover{background:#167a23;border:1px solid #167a23}.btn-outline,.btn-outline:hover{border:1px solid #cacccf;background-color:#fff;color:#4f4f4f}.btn-outline-green{border:1px solid #00880d;color:#fff;color:#00880d;background:none!important}.btn-outline-green:hover{border:1px solid #167a23}.btn-green:active{background:#0e4f17;border:1px solid #0e4f17}.btn-green:disabled{background:#51c273;border:1px solid #51c273}.tx-result-carbon{line-height:150%;display:block;padding:0 30px;font-size:1em;letter-spacing:-.02em}.bar-hover-light-gray:hover,.bar-hover-light-grey:hover,.bar-light-gray,.bar-light-grey{color:#000!important;background-color:#c4c4c4!important;border-radius:8px;margin-bottom:5px;overflow:hidden;font-size:10px;position:relative}.bar-text{position:absolute;width:100%;top:0;padding:0 15px}.bar-green,.bar-hover-green:hover{color:#fff!important;background-color:#3ba749!important;border-radius:8px}.bar-hover-red:hover,.bar-red{color:#fff!important;background-color:#ef4a3c!important;border-radius:8px}.tree-count{float:right}.tree-count .btn-count{padding:0}.tree-count .btn-count svg{fill:#3ba749}.tree-count .btn-count.disabled svg{fill:#bdbdbd!important}.tree-count .info-quantity{padding:0 5px;min-width:40px;display:inline-block;text-align:center;position:relative;top:-7px;font-size:14px}.footer-fixed{position:fixed;bottom:0;width:100%;padding:15px 0;border-top:1px solid #f2f2f2;background-color:#fff;z-index:99;font-size:16px;box-shadow:0 0 2px rgba(0,0,0,.04),0 -4px 4px rgba(0,0,0,.08)}.footer-fixed .btn{border-radius:25px}.wrapper-offline,.wrapper-payment{width:101%;height:100vh;text-align:center;position:fixed;overflow:hidden}.content-offline,.content-payment{width:80%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.content-offline img,.content-payment img{display:block;width:100%;margin-bottom:10px}.loader{border-radius:50%;border:4px solid hsla(0,0%,100%,.2);border-top-color:#fff;width:26px;height:26px;animation:spin 1.6s linear infinite;display:inline-block;margin:auto;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-illustrator{box-shadow:0 0 10px 0 rgba(0,0,0,.15);border-radius:16px}.card-illustrator .box-base{border-radius:16px 16px 0 0;margin-bottom:0}.card-illustrator .box-content{padding:16px;border-radius:0 0 16px 16px}.card-illustrator .price-box{font-size:28px;font-weight:700;line-height:1.57}.image-frame{height:200px;border-radius:16px;overflow:hidden;background:#ddd;margin:5px 0;flex:1 1;position:relative}.image-frame img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%}.infinite-scroll-component,.infinite-scroll-component__outerdiv{overflow:hidden!important}.wrapper-slide .swiper-container{height:240px}.swiper-pagination{bottom:-3px!important}.last-slide .swiper-container{padding-right:5px!important}.swiper-pagination-bullet-active{width:15px!important;background:#108e35!important;border-radius:5px!important}.swiper-container{width:100%;height:100%;padding:0 15px}.swiper-slide{font-size:18px;background:#fff;padding-left:15px;display:flex;justify-content:center;align-items:center;width:calc(100% - 60px)!important}.box-base{width:100%;min-height:40px;border-radius:16px;background-image:linear-gradient(67deg,#00880d,#005708);position:relative;padding:16px;overflow:hidden;color:#fff;margin-bottom:16px}.box-base img{object-fit:contain;width:27%;bottom:-5px;right:-2px;position:absolute}.box-base-emission{width:65%;position:relative;z-index:20}.box-base-emission.full{width:100%}.box-base-emission .subtitle{z-index:99;position:relative}.box-base-emission>span{font-size:14px;font-weight:400;line-height:1.33;letter-spacing:normal}.box-base-emission h2{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:normal}.box-card{border-radius:8px;border:1px solid #e8e8e8;margin-bottom:16px;padding:16px;font-size:14px}.box-card.box-square{min-height:158px}.box-card.box-square .label-group{min-height:36px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.box-card.box-square .box-title:after{content:"";display:table;clear:both}.box-card.box-square .box-title img{float:left;width:26px;height:26px}.box-card.box-square .box-title h3{float:left;width:calc(100% - 26px);padding-left:8px;line-height:30px}.box-card.rad-16{border-radius:16px}.box-card span{display:inline-block;margin-bottom:5px}.box-card input{padding:5px 0;border:none;border-bottom:1px solid #e8e8e8;font-size:24px;font-weight:700;width:100%;outline:none;transition:all 50ms linear 50ms;font-family:"Source Sans Pro",sans-serif}.box-card .input-select,.box-card .input-select .is-group{position:relative}.box-card .input-select .is-group>span{position:absolute;right:0;top:10px;display:inline-block;height:30px;margin-bottom:0;z-index:90;line-height:38px}.box-card .input-select .is-group>span svg{width:20px;height:20px}.box-card .input-select .dropdown-select{background-color:#fff;position:absolute;top:0;width:100%;visibility:hidden;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16);border-radius:8px;padding:5px 0;opacity:0;transition:opacity .2s linear .2s}.box-card .input-select .dropdown-select.show-dropdown{z-index:100;visibility:visible;opacity:1}.box-card .input-select .dropdown-select .is-item{padding:4px 8px}.box-card .input-select .dropdown-select .is-item,.box-card .input-select .select-by-user{font-size:24px;font-weight:700;width:100%;outline:none;transition:all 50ms linear 50ms;color:#aeaeae}.box-card .input-select .select-by-user{padding:5px 0;border:none;border-bottom:1px solid #e8e8e8}.box-card .input-select .select-by-user>span{width:calc(100% - 30px);margin-bottom:0;display:inline-block}.box-card .input-select .select-by-user:disabled{background-color:#fff!important}.box-card .input-select .select-by-user.selected{color:#25282b}.box-card ::-webkit-input-placeholder{color:#aeaeae!important}.box-card ::-moz-placeholder{color:#aeaeae!important}.box-card :-ms-input-placeholder{color:#aeaeae!important}.box-card :-moz-placeholder{color:#aeaeae!important}.radioActive{color:#aeaeae!important}.footprint-note{border-radius:18px;border:1px solid #e8e8e8;padding:7px 16px 7px 44px;font-size:12px;font-weight:400;line-height:1.33;letter-spacing:normal;color:#494a4a;position:relative}.footprint-note span.info{font-size:18px;position:absolute;left:16px;top:50%;transform:translateY(-50%);line-height:30px;height:30px}.footprint-note .imgInfo{position:absolute;left:0;max-width:24px}.footprint-red{color:#ef4a3c;border:1px solid #ef4a3c!important}.imgService{height:24px;display:block;margin-bottom:10px}@keyframes fadeIn{0%{background:transparent}to{background:rgba(51,51,51,.4)}}@keyframes slideDown{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-100px);opacity:0}}@keyframes slideUp{0%{opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.modal-container{position:fixed;display:block;height:100vh;width:100%;top:0;left:0;background:transparent;opacity:0;z-index:-1;transition:all .1s linear .2s;visibility:hidden}.modal-container.active{background:rgba(51,51,51,.4);z-index:100;opacity:1;visibility:visible}.modal-container.active .modal{transform:translate(-50%,-50%);opacity:1}.modal-container .modal{transition:all .1s linear .2s;transform:translate(-50%,-100px);width:calc(90% - 30px);max-width:480px;display:block;position:absolute;top:50%;left:50%;background-color:#fff;z-index:40;min-height:100px;border-radius:16px;padding:16px;max-height:calc(100vh - 30px);overflow:hidden;opacity:0}.modal-container .modal .modal-title{font-size:18px;line-height:24px;color:#333}.modal-container .modal .modal-title.mt-grey{color:#828282}.modal-container .modal .modal-content{max-height:calc(100vh - 80px);overflow-y:auto}.modal-container .modal .modal-close{position:absolute;right:12px;top:13px;border-radius:50%;display:inline-block;padding:5px;width:30px;height:30px;z-index:90}.modal-container .modal .modal-close svg{width:20px;height:20px}.modal-error{position:fixed;display:block;height:100vh;width:100%;top:0;left:0;background:transparent;opacity:0;z-index:-1;transition:all .1s linear .2s;visibility:hidden}.modal-error.active{background:rgba(51,51,51,.4);z-index:100;opacity:1;visibility:visible}.modal-error.active .modal{transform:translate(-50%);opacity:1}.modal-error .modal{transition:all .1s linear .3s;width:100%;max-width:480px;display:block;position:absolute;bottom:0;left:50%;transform:translateY(-50%,-100px);background-color:#fff;z-index:40;min-height:100px;border-radius:30px 30px 0 0;padding:16px;max-height:calc(100vh - 30px);opacity:0}.modal-error .modal .modal-title{font-size:18px;line-height:24px;color:#333}.modal-error .modal .modal-title.mt-grey{color:#828282}.modal-error .modal .modal-content{max-height:calc(100vh - 80px);overflow-y:auto;padding:20px 0}.modal-error .modal .modal-content img{max-width:240px;margin:auto;display:block}.modal-error .modal .modal-close{position:absolute;right:15px;top:-60px;background:#fff;border-radius:50%;display:inline-block;padding:6px;width:42px;height:42px;z-index:90;text-align:center;cursor:pointer}.modal-error .modal .modal-close svg{display:block;width:30px;height:30px}.modal-error .modal.modal-faq .modal-content{max-height:calc(100vh - 100px)}.contribution .tx-value-contribution{padding:5px 40px 5px 0;border:none;border-bottom:1px solid #e8e8e8;font-size:28px;font-family:"Source Sans Pro",sans-serif;min-height:54px;font-weight:700;width:100%;outline:none;display:block;line-height:160%;letter-spacing:-.02em}.contribution span.tx-value-contribution{color:#878787}.contribution .tx-info-pay{padding-right:65px;position:relative}.contribution .tx-info-pay .btn{position:absolute;top:0;right:0;min-height:28px;max-height:28px;border-radius:16px;font-size:13px;padding:3px 12px 3px 30px;line-height:14px}.contribution .tx-info-pay .btn:active{border-color:#ffb000!important;color:#ffb000!important}.contribution .tx-info-pay .btn.is-disabled{opacity:.55;cursor:not-allowed}.contribution .tx-info-pay .btn .imgSwitch{position:absolute;top:4px;left:8px;width:18px;height:18px}.box-accordion{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;padding:16px;margin-bottom:20px}.box-accordion.ba-active .panel{max-height:600px;transition:.45s}.box-accordion.ba-active .accordion svg{transform:rotate(-180deg)}.box-accordion .accordion{padding:0;cursor:pointer;background:#fff!important;font-weight:700;font-size:18px;width:100%;border:none;text-align:left;outline:none;font-family:"Source Sans Pro",sans-serif;position:relative}.box-accordion .accordion svg{position:absolute;right:0;width:20px;height:20px;line-height:30px;top:1px;transition:.3s}.box-accordion .box-planting{padding:10px;background:#f2f2f2;border-radius:8px;margin-top:25px}.box-accordion .panel{background-color:#fff;max-height:0;overflow:hidden;transition:.45s}.box-line{border:1px solid #e8e8e8;padding:15px;border-radius:16px}.box-icon{display:flex;margin-bottom:15px;align-items:center}.box-icon.box-agreement .bi-icon{width:20px;height:20px;background:none!important}.box-icon.box-agreement .bi-icon img{height:auto}.box-icon.box-agreement .bi-icon svg{color:#00880d!important}.box-icon.box-agreement .bi-icon-info{padding:0 10px!important}.box-icon .bi-icon{width:40px;height:40px;background:#ebf6ed;border-radius:12px;text-align:center}.box-icon .bi-icon img{display:block;width:40px;height:40px;max-width:100%}.box-icon .bi-icon-info{flex:1 1;padding:0 15px}.box-icon .bi-icon-info h3{font-size:16px;line-height:20px}.box-icon .bi-icon-info span{font-size:16px}.box-item-center{align-items:center}.box-item{display:flex;border-radius:16px;border:1px solid #e8e8e8;margin-bottom:20px}.box-item.no-border{border:none!important}.box-item.no-border .bi-text{padding:0}.box-item.no-border .bi-img{padding:0!important;margin-right:0}.box-item.no-border .bi-img img{width:100%}.box-item.box-th{display:block}.box-item.box-th .bi-img{width:100%;border-radius:16px 16px 0 0;position:relative;height:120px}.box-item.box-th .bi-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:100%;max-height:none}.box-item.box-th .bi-img span.info{position:absolute;top:0;right:0;cursor:pointer;padding:10px;z-index:40}.box-item.box-th .bi-img span.info svg{fill:#fff}.box-item.box-th .bi-text{padding:15px}.box-item.box-th .bi-text h2{font-size:16px;font-weight:600;color:#373438}.box-item.box-th .bi-text h4{color:#828282;font-weight:600;font-size:14px}.box-item .bi-img{border-radius:16px 0 0 16px;width:90px;position:relative;overflow:hidden}.box-item .bi-img.bi-clear{padding:10px;border-radius:none!important;margin-right:10px}.box-item .bi-img.bi-clear img{width:95%}.box-item .bi-img img{width:90px}.box-item .bi-text{flex:1 1;padding:18px 15px;position:relative}.box-item .bi-text span{font-size:14px;letter-spacing:.009em}.box-item .bi-text span.bi-small-text{font-size:12px}.box-item .bi-text h2{margin:2px 0;font-size:18px;padding-right:30px;text-overflow:ellipsis;width:99.99%;overflow:hidden;white-space:nowrap}.box-item .bi-text svg{width:20px;height:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#bdbdbd}.load-more{display:inline-block;text-align:center;border-radius:50px;background:#108e35;color:#fff;font-weight:700;font-size:16px;padding:10px 26px;margin:20px auto}.faq-accordion{background:#fff;border-bottom:1px solid #e0e0e0;box-sizing:border-box;padding:0;margin-bottom:0;border-radius:8px 8px 0 0}.faq-accordion.active .panel{max-height:600px;transition:.45s;border-top:1px solid #e0e0e0;padding:16px}.faq-accordion.active .accordion{font-weight:600;background-color:#f3f4f6!important}.faq-accordion.active .accordion svg{transform:rotate(-180deg)}.faq-accordion:first-child .accordion{border-radius:8px 8px 0 0}.faq-accordion:last-child{border-bottom:none;border-radius:0 0 8px 8px}.faq-accordion:last-child .accordion,.faq-accordion:last-child .panel{border-radius:0 0 8px 8px}.faq-accordion .accordion{padding:16px;cursor:pointer;background:#fff!important;font-weight:500;font-size:18px;width:100%;border:none;text-align:left;outline:none;font-family:"Source Sans Pro",sans-serif;position:relative;display:flex}.faq-accordion .accordion svg{position:absolute;right:16px;width:20px;height:20px;line-height:30px;top:17px;transition:.3s}.faq-accordion .accordion span{max-width:90%}.faq-accordion .panel{background-color:#fff;max-height:0;overflow:hidden;transition:.45s;padding:0 16px}.faq-accordion .panel p{margin-bottom:0}@media only screen and (max-width:380px){.box-base img{width:37%!important;bottom:-5px}.box-card.box-square input{font-size:20px}.box-card .input-select .is-group>span{top:6px}.box-card .input-select .dropdown-select .is-item,.box-card .input-select .select-by-user{font-size:20px}}@media only screen and (max-width:336px){.box-card.box-square input{font-size:17px}.box-card .input-select .is-group>span{top:3px}.box-card .input-select .dropdown-select .is-item,.box-card .input-select .select-by-user{font-size:17px}}
/*# sourceMappingURL=main.e4a360cb.chunk.css.map */