a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{font-size:12px;font-family:Open Sans,sans-serif;line-height:1.5}body{background:#f2f3f4;color:#4a4a4a}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:inherit;text-decoration:none}button,hr,input{border:none;background:transparent;padding:0;margin:0}img,video{max-width:100%;height:auto}img{border-style:none}strong{font-weight:600}.by-container{width:100%;max-width:480px;padding-left:16px;padding-right:16px;margin:0 auto}.mb-s{margin-bottom:6px}.mt-s,.my-s{margin-top:6px}.my-s{margin-bottom:6px}.mb-m{margin-bottom:8px}.mt-m,.my-m{margin-top:8px}.my-m{margin-bottom:8px}.mb-l{margin-bottom:16px}.mt-l,.my-l{margin-top:16px}.my-l{margin-bottom:16px}.mb-xl{margin-bottom:24px}.mt-xl,.my-xl{margin-top:24px}.my-xl{margin-bottom:24px}.pb-s{padding-bottom:6px}.pt-s,.py-s{padding-top:6px}.py-s{padding-bottom:6px}.pb-m{padding-bottom:8px}.pt-m,.py-m{padding-top:8px}.py-m{padding-bottom:8px}.pb-l{padding-bottom:16px}.pt-l,.py-l{padding-top:16px}.py-l{padding-bottom:16px}.pb-xl{padding-bottom:24px}.pt-xl,.py-xl{padding-top:24px}.py-xl{padding-bottom:24px}.u-flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[hidden]{display:none!important}.by{min-height:calc(100vh - 60px)}.by,.by-navbar{background:#fff}.by-navbar{height:60px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:99}.by-navbar--page{border-bottom:1px solid #d8d8d8}.by-navbar--page .by-container{padding-left:0;padding-right:0}.by-navbar--page .by-nav{height:50px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.by-navbar--primary{background:#A5DB03;color:#fff}.by-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.by-nav__logo{-webkit-box-flex:0;-ms-flex:0 0 140px;flex:0 0 100px; padding: 5px;}.by-nav__logo img{width:100%;}.by-nav__search{width:100%;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;margin-left:10px;height:35px;border-radius:5px;background:#f5f5f5;color:#989898;padding-left:28px;position:relative;overflow:hidden}.by-nav__search-bar{height:22px;width:100%;font-size:1.33333333rem;padding-right:16px;outline:transparent}.by-nav__search-bar::-webkit-input-placeholder{color:#e8e8e8}.by-nav__search-bar::-moz-placeholder{color:#e8e8e8}.by-nav__search-bar::-ms-input-placeholder{color:#e8e8e8}.by-nav__search-bar::placeholder{color:#e8e8e8}.by-nav__search a{display:block;line-height:35px;background:#f5f5f5;height:100%;width:100%;outline:transparent}.by-nav__search:before{content:"";display:block;width:16px;height:16px;background-image:url(/images/ico-search.svg?2f06299dff915c4943423d901e0d7c01);background-size:16px;position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.by-nav__back{height:100%;padding-left:16px;padding-right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.by-nav__back img{width:18px}.by-nav__page-title{height:100%;font-size:1.33333333rem;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.by-nav__action{padding:16px}.by-bottom-nav{width:100%;height:60px;position:-webkit-sticky;position:sticky;bottom:0;background:#fff;-webkit-box-shadow:0 -4px 5px -3px rgba(0,0,0,.25);box-shadow:0 -4px 5px -3px rgba(0,0,0,.25);z-index:10}.by-bottom-nav.plain{-webkit-box-shadow:none;box-shadow:none;background:#f2f3f4}.by-bottom-nav-card{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.by-bottom-nav-card,.by-bottom-nav .nav-item{display:-webkit-box;display:-ms-flexbox;display:flex}.by-bottom-nav .nav-item{padding:0 24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.by-bottom-nav .nav-item a{display:block;position:absolute;left:0;top:0;height:100%;width:100%}.by-bottom-nav .nav-item__img{height:25px;margin-bottom:2px}.by-bottom-nav .nav-item__p{font-size:11px}.by-fab-container{position:-webkit-sticky;position:sticky;bottom:70px;z-index:10}.by-fab-container .by-container{position:relative;height:100%}.by-fab-wa{width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#A5DB03;border-radius:50%;-webkit-box-shadow:1px 1px 8px 0 rgba(0,0,0,.35);box-shadow:1px 1px 8px 0 rgba(0,0,0,.35);position:absolute;right:16px;bottom:0}.by-fab-wa img{z-index:1}.by-fab-wa:after{content:"";display:block;height:25px;width:25px;background-color:#A5DB03;position:absolute;right:0;bottom:0}.by-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.33);z-index:100;opacity:0;visibility:hidden;-webkit-transition:opacity .2s;transition:opacity .2s}.by-overlay.active{opacity:1;visibility:visible}.by-modal{position:fixed;top:50%;left:50%;z-index:200;width:calc(100% - 48px);padding:24px;border-radius:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;visibility:hidden;-webkit-transition:.4s;transition:.4s;background:#fff}.by-modal.active{opacity:1;visibility:visible}.by-bottomsheet{position:fixed;top:100%;left:50%;z-index:200;width:100%;padding:16px 24px!important;border-radius:20px 20px 0 0;background:#fff;-webkit-transform:translate(-50%,60px);transform:translate(-50%,60px);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.by-bottomsheet.active{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.by-bottomsheet-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.by-bottomsheet-header,.by-bottomsheet-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.by-bottomsheet-share{-ms-flex-pack:distribute;justify-content:space-around;padding:24px 0}.by-bottomsheet-share-item{cursor:pointer}.by-bottomsheet-share-item img{display:block;width:53px;height:53px;margin:0 auto;-o-object-fit:contain;object-fit:contain;margin-bottom:6px}.by-bottomsheet__btn-close{font-size:18px;line-height:1;width:24px;height:24px;border:1px solid #d8d8d8;border-radius:50%}.by-toaster{padding:24px;width:328px;background:#ffdbca;position:fixed;bottom:100%;left:50%;text-align:center;-webkit-transform:translate(-50%,-60px);transform:translate(-50%,-60px);border-radius:9px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;z-index:-2}.by-toaster.active{z-index:200;-webkit-transform:translate(-50%,calc(100% + 48px));transform:translate(-50%,calc(100% + 48px))}.by-accordion{border-bottom:1px solid #d8d8d8}.by-accordion:last-of-type{border-bottom:none}.by-accordion.collapsed .by-accordion-header:after{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}.by-accordion.collapsed .by-accordion-body{display:block}.by-accordion-header{padding:16px 32px 16px 0;cursor:pointer;position:relative}.by-accordion-header:after{content:"";display:block;width:14px;height:14px;background:url(/images/ico-arrow-orange.svg?0c202559a0b41497a7fa33dfd33c3729) no-repeat 50%;background-size:contain;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.by-accordion-body{display:none;padding-bottom:16px}.by-accordion-body ol,.by-accordion-body ul{padding-left:16px}.by-accordion-body ol li,.by-accordion-body ul li{padding-left:8px}.by-accordion-body ol{list-style:decimal}.by-accordion-body ul{list-style:circle}.by-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f3f4;margin-left:-16px;margin-right:-16px}.by-tabs .tab-item{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.by-tabs .tab-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px 0;font-size:1.33333333rem;border-bottom:1px solid transparent}.by-tabs .tab-item__link.active{border-bottom:1px solid #A5DB03;color:#A5DB03}.by-tabs .tab-item__link.active img[data-active=true]{display:inline-block}.by-tabs .tab-item__link.active img[data-active=false]{display:none}.by-tabs .tab-item__link img{margin-right:6px}.by-tabs .tab-item__link img[data-active=true]{display:none}.by-tabs .tab-item__link img[data-active=false]{display:inline-block}.by-tabs-content .tab-pane{display:none}.by-tabs-content .tab-pane.show{display:block}.by-alert{border-radius:4px;background-color:#e7f5ff;color:#4a4a4a;padding-left:16px;padding-right:16px;position:relative}.by-alert--gray{background-color:#f5f5f5}.by-alert--gray-ghost{background-color:transparent;border:1px solid #d8d8d8}.by-alert--warning{background-color:#fffacb;border:1px solid #faea56}.by-alert--arrow-top:before{content:"";display:block;width:16px;height:16px;background-color:#fffacb;border-color:#faea56;border-style:solid;border-width:1px 1px 0 0;position:absolute;top:-14px;left:50%;-webkit-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%);-webkit-transform-origin:center;transform-origin:center}.by-shimmer{background:#f5f5f5;background-image:-webkit-gradient(linear,left top,right top,from(#f6f7f8),color-stop(20%,#edeef1),color-stop(40%,#f6f7f8),to(#f6f7f8));background-image:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:800px 104px;position:relative;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:alternate;animation-fill-mode:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}.text--title{font-size:1.5rem}.text--subtitle{font-size:1.33333333rem}.text--subsubtitle{font-size:1.16666667rem}.text--caption{font-size:.83333333rem}.text--semibold{font-weight:600}.text--bold{font-weight:700}.text--italic{font-style:italic}.text--gray{color:#989898}.text--primary{color:#A5DB03}.text--center{text-align:center}.text--right{text-align:right}.btn{border-radius:4px;height:40px;font-size:1.33333333rem;font-weight:600;color:#fff;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:8px;padding-right:8px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn--primary{background-color:#A5DB03}.btn--primary:hover{background-color:#c94000}.btn--block{width:100%}.btn--rounded{border-radius:50px;height:30px;line-height:30px;font-size:1rem;font-weight:400;color:#A5DB03;padding:0 16px;background-color:#ffdbca;margin:0 auto;display:inline-block}.btn--rounded img{height:18px}.btn--ghost-primary{background:#fff;border:1px solid #A5DB03;color:#A5DB03}.btn--fb{background-color:#3b5998}.btn--fb:hover{background-color:#2d4373}.btn--wa{background-color:#25d366}.btn--wa:hover{background-color:#1da851}.btn--google{background-color:#f7f7f7;color:#989898}.btn--google:hover{background-color:#dedddd}.btn[disabled]{background:#e8e8e8}.btn img{display:inline-block;height:16px;vertical-align:middle}.btn img.btn__img-prepend{margin-right:6px;margin-left:6px}.divider-line{height:3px; margin-top:3px;margin-bottom:2px;background:#e8e8e8}.divider{height:8px;margin-left:-16px;margin-right:-16px;background:#f2f3f4}.input,.textarea{vertical-align:middle}.input:not([type=checkbox]),.textarea:not([type=checkbox]){height:45px;border-radius:3px;font-size:1.16666667rem;line-height:19px;padding-left:16px;border:1px solid rgba(0,0,0,.1);width:100%}.input[disabled],.textarea[disabled]{background-color:#f5f5f5}.input-group,.input-group-switch{padding:8px 0}.input-group-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group-switch .switch{position:relative;display:inline-block;width:30px;height:12px}.input-group-switch .switch input[type=checkbox]{opacity:0;width:0;height:0}.input-group-switch .switch input[type=checkbox]:checked+.switch-slider{background-color:#A5DB03}.input-group-switch .switch input[type=checkbox]:checked+.switch-slider:before{-webkit-transform:translateX(12px);transform:translateX(12px)}.input-group-switch .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:24px;background-color:#989898;-webkit-transition:.4s;transition:.4s}.input-group-switch .switch-slider:before{content:"";position:absolute;height:18px;width:18px;top:-3px;left:0;background-color:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;border-radius:50%}.input-password{position:relative}.doa{height: 55px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; }.input-password .input,.input-password .textarea{padding-right:40px}.input-password__icon{content:"";background-image:url(/images/ico-visibility-off.svg?d2800e933cdd2a6a491a0476bf590968);background-repeat:no-repeat;background-position:50%;background-size:16px;display:block;width:32px;height:32px;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.input-password__icon.active{background-image:url(/images/ico-visibility-on.svg?229a12134d495f956bdb6dd5ef227772)}.textarea{height:auto!important;padding:16px}.section{margin-bottom:16px}.section-title{font-size:1.33333333rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.section-desc{font-size:1rem}.section:last-child{margin-bottom:0}.payment-title{padding:16px;margin-left:-16px;margin-right:-16px;background:#f2f3f4;font-size:1.16666667rem;font-weight:600}.payment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;border-bottom:1px solid #d8d8d8}.payment-item:last-child{border-bottom:none}.payment-item__img{width:55px;height:55px;-o-object-fit:contain;object-fit:contain;-webkit-box-flex:0;-ms-flex:0 0 55px;flex:0 0 55px}.payment-item__text{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;padding-left:24px;font-size:1.16666667rem}.slider{padding-top:10px;margin-left:-16px;margin-right:-16px;margin-bottom:5px}.slider-banner,.slider-banner.slick-dotted.slick-slider{margin-bottom:0}.slider-banner .slick-dots li{margin:0 2px}.slider-banner .slick-dots li button:before{color:#fff;opacity:1;font-size:10px}.slider-banner .slick-dots li.slick-active button:before{color:#A5DB03}.slider-item{height:180px;margin:0 4px}.slider-item__img{height:100%;width:100%;border-radius:5px}.category{margin-bottom:24px}.category-list{-ms-flex-pack:distribute;justify-content:space-around;margin-top:16px}.category-item,.category-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category-item{width:100%;height:70px;margin:0 3px;border-radius:5px;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.23);box-shadow:0 1px 3px 0 rgba(0,0,0,.23);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;position:relative}.category-item a{position:absolute;width:100%;height:100%}.category-item img{height:20px;margin-top:6px;margin-bottom:6px}.category-item p{font-size:.83333333rem;height:1.5rem;line-height:1;letter-spacing:.4px}.zakat{margin-bottom:24px}.zakat__banner{display:block;margin-top:16px}.zakat__banner img{width:100%}.donation-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e8e8e8;position:relative}.donation-item a{display:block;position:absolute;width:100%;height:100%}.donation-item__img{width:40%;height:100px;border-radius:5px;-o-object-fit:cover;object-fit:cover}.donation-item-content{width:60%;padding-left:12px}.donation-item__title{font-weight:600;line-height:1.5;text-transform:capitalize;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.donation-item__progress{height:5px;width:100%;border-radius:5px;background:#e8e8e8;margin-bottom:9px;overflow:hidden;position:relative}.donation-item__progress .progress-bar{position:absolute;top:0;left:0;height:100%;background:#A5DB03}.donation-item-nominal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.donation-item-nominal .nominal{width:50%}.donation-item-nominal .nominal:last-child{text-align:right}.donation-item-nominal .nominal__label{font-size:.83333333rem}.donation-item-nominal .nominal__value{font-weight:600}#loading{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);z-index:190}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:191}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#A5DB03;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@-webkit-keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}