html{background-color:#f8f8f8;font-family:"Trebuchet MS",sans-serif}body{background-color:#f8f8f8}div{box-sizing:border-box !important}body::-webkit-scrollbar{display:none}a{color:#20716b;text-decoration:none}a:hover{color:#378e88;text-decoration:none}.section-bottom{background:rgba(0,0,0,0);border-top:1px solid #e7e7e7}.offcanvas{width:80% !important}.cta-join{font-size:11px;padding:14px 20px;border-radius:11px;background:#cfeeeb;box-shadow:0px 1px 3px 0px rgba(0,0,0,.2)}.cta-join span{font-size:18px;font-weight:bold}.sidebar-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu{border-radius:15px}.bm-btn{border-radius:9px}.summary{overflow-x:scroll}.summary .row{width:270vw;box-sizing:border-box}.summary{-ms-overflow-style:none;scrollbar-width:none}.summary::-webkit-scrollbar{display:none}.offcanvas-bottom{width:100% !important;max-width:1024px !important;margin:0 auto;border-radius:16px 16px 0 0}.bm-txt-primary{color:#20716b}.bm-bg-primary{background-color:#20716b}.bm-bg-primary:hover{background-color:#378e88}.bm-bg-primary.show { background-color: #378E88;}.bm-bg-primary-soft{background-color:#d5eee2}.bm-txt-out{color:#cc4746}.bm-bg-out{background-color:#cc4746}.bm-bg-out-soft{background-color:#eed5e3}.bm-txt-netral{color:#007dc3}.bm-bg-netral{background-color:#007dc3}.bm-bg-netral-soft{background-color:#cbe4f2}.bm-section-selected{background-color:#f8fcff !important}.bm-fade{background-color:#f8f8f8 !important}.bm-btn-primary{background-color:#2d6974;color:#fff}.bm-btn-primary:hover{background-color:#387782;color:#fff}.nav-link{color:#20716b}.nav-link:hover{color:#20716b}.nav-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.nav-item:hover{background-color:#f3fff9}.nav-item:first-child:hover{background-color:#f3fff9;border-radius:5px 0 0 5px}.nav-item:last-child:hover{background-color:#f3fff9;border-radius:0 5px 5px 0}.card{border-radius:15px;border:1px solid #eee;background:#fff;position:relative}.card .date{color:#6a6a6a;font-size:9px;font-weight:normal}.card h1{margin:0;padding:0}.card i{font-size:30px;border-radius:50%}.card .icon{font-size:20px}.photo-profile .photo{width:150px;height:150px}.photo-profile .profile{width:150px}.photo-profile i{font-size:80px !important}.photo-profile-small .photo{width:80px;height:80px}.photo-profile-small .profile{width:80px}.photo-profile-small i{font-size:40px !important}.pattern{width:100%;top:0;left:0;overflow:hidden;position:absolute;height:200px}.pattern img{width:500px;top:-70%;right:-40%;position:absolute}.header,.marketing,.footer{padding-right:15px;padding-left:15px}.header{padding-bottom:20px;border-bottom:1px solid #e5e5e5}.header h3{margin-top:0;margin-bottom:0;line-height:40px}.footer{padding-top:19px;color:#777;border-top:1px solid #e5e5e5}.section-hero{padding:20px}.accordion-item{border-radius:12px !important}.transaction .accordion-item{border-radius:0px !important;border:0;cursor:pointer;padding:10px 0;border-top:1px solid #eee}.transaction .accordion-item .col-cat{border-top:0px}.transaction .accordion-item .col-num{text-align:left}.transaction .accordion-item:first-child{border:0;border-top:0px}.transaction .accordion-item:first-child .col-cat{border-top:0px}.transaction .accordion-item:first-child .row-parent{border-top:0px}.row-accordion{width:100%}.transaction-list{padding:0px 20px !important;border-radius:10px;border:1px solid #cef1f1;background:#f4ffff;margin:10px 0 20px 0}.transaction-list .row{border-top:1px solid #cef1f1}.transaction-list .row:first-child{border-top:0px}.transaction-list-out{padding:0px 20px !important;border-radius:10px;border:1px solid #f1cede;background:#fff4f9;margin:10px 0 20px 0}.transaction-list-out .row{border-top:1px solid #f1cede}.transaction-list-out .row:first-child{border-top:0px}.tl-out{border:1px solid #f1cedf;background:#fff4f7}.tl-out .row{border-top:1px solid #f1cedf}.book-list a{display:block;margin-bottom:10px}.book-list a:hover{text-decoration:none}.book-list .book{background-color:#d5eee2;padding:15px 15px}.book-list .book .icon-book{width:30px !important}.book-list .book:hover{background-color:#20716b;color:#d5eee2}.book-list .book-selected{background-color:#20716b;color:#d5eee2}.book-list .book-selected .icon-book{width:30px !important}.praytime-item{border-radius:10px}.prayinfo{border-radius:10px;box-sizing:border-box;padding:15px;color:#fff;background:#020024;background:linear-gradient(180deg, rgba(2, 0, 36, 0) 17%, rgba(16, 17, 33, 0.6839110644) 65%, rgb(26, 30, 31) 100%)}.timeline_area{position:relative;z-index:1}.single-timeline-area{position:relative;z-index:1;padding-left:0px}.single-timeline-area .timeline-date{position:absolute;z-index:1;width:180px;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:60px}.single-timeline-area .timeline-date p{margin-bottom:0;color:#020710;font-size:15px;text-transform:uppercase;font-weight:500}.single-timeline-area .timeline-date::after{position:absolute;width:3px;height:100%;content:"";background-color:#ebebeb;top:0;right:30px;z-index:1}.single-timeline-area .timeline-date::before{position:absolute;width:11px;height:11px;border-radius:50%;background-color:#20716b;content:"";top:50%;right:26px;z-index:5;margin-top:-5.5px}.single-timeline-area .single-timeline-content{position:relative;z-index:1;padding:30px 30px 25px;border-radius:15px;margin-bottom:15px;margin-top:15px;-webkit-box-shadow:0 .25rem 1rem 0 rgba(47,91,234,.125);box-shadow:0 .25rem 1rem 0 rgba(47,91,234,.125)}.single-timeline-area .single-timeline-content .timeline-icon{-webkit-transition-duration:500ms;transition-duration:500ms;width:80px;height:80px;background-color:#eee;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;text-align:center;max-width:80px;border-radius:10px;margin-right:15px}.single-timeline-area .single-timeline-content .timeline-icon i{color:#fff;line-height:30px}.single-timeline-area .single-timeline-content .timeline-icon img{border-radius:10px}.single-timeline-area .single-timeline-content .timeline-text h6{-webkit-transition-duration:500ms;transition-duration:500ms}.single-timeline-area .single-timeline-content .timeline-text p{font-size:16px;margin-bottom:0}@media only screen and (min-width: 990px){.single-timeline-area{padding-left:180px}}@media only screen and (max-width: 575px){.single-timeline-area .timeline-date{width:100px}}@media only screen and (max-width: 575px){.single-timeline-area .single-timeline-content{padding:20px}}@media(min-width: 768px){.container{max-width:100%}.wrapper{width:1024px;margin:0 auto}.pattern{z-index:1;width:100%;text-align:center;overflow:hidden;height:500px}.pattern img{width:480px;position:relative;display:inline-block;right:auto;top:-240px}.home-bottom{position:relative;top:-120px}.section-hero{padding:60px 0px 120px 0px}.nav-public{background-color:#f8f8f8;padding:10px 20px;border-bottom:1px solid #f0f0f0;margin:0 auto;z-index:2}.nav-public .nav-desktop{display:inline-block;background:#fff;top:30px}.summary{overflow-x:visible}.summary .row{width:auto}.transaction .accordion-item .col-num{text-align:right}.bm-btn-link{color:#fff;text-align:left;text-decoration:none}.bm-btn-link:hover{color:#fff;text-align:left;text-decoration:none}.photo-profile .photo{width:150px;height:150px}.photo-profile .profile{width:150px}.photo-profile i{font-size:80px !important}}.container-narrow>hr{margin:30px 0}.jumbotron{text-align:center;border-bottom:1px solid #e5e5e5}.jumbotron .btn{padding:14px 24px;font-size:21px}.marketing{margin:40px 0}.marketing p+h4{margin-top:28px}@media screen and (min-width: 768px){.header,.marketing,.footer{padding-right:0;padding-left:0}.header{margin-bottom:30px}.jumbotron{border-bottom:0}}