.pages.community-based{font-family:"Nunito Sans",sans-serif}.pages.community-based h1,.pages.community-based h2,.pages.community-based h3,.pages.community-based h4,.pages.community-based h5,.pages.community-based h6,.pages.community-based p,.pages.community-based a{font-family:"Nunito Sans",sans-serif}.pages.community-based p{color:#545454}.pages.community-based img{max-width:100%}.pages.community-based .primary{color:#069ec6}.pages.community-based .secondary{color:#00b3c3}.pages.community-based .green{color:#0ead69}.pages.community-based header{background-image:url(../../images/graphic/brand-device-header.svg);background-position:center bottom;background-repeat:no-repeat;width:100%}@media screen and (max-width: 599px){.pages.community-based header{background-image:url(../../images/graphic/brand-device-mobile.svg);background-position:left bottom;height:unset}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header{height:100%}}.pages.community-based header::before{content:unset}@media screen and (max-width: 599px){.pages.community-based header .master-header~.container{top:unset !important;left:unset;transform:unset;padding-top:110px;padding-bottom:50px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .master-header~.container{top:unset !important;left:unset;transform:unset;padding-top:18vh}}@media screen and (min-width: 1280px){.pages.community-based header .master-header~.container{position:unset;top:unset !important;left:unset;transform:unset;padding-top:25vh}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.community-based header .master-header~.container{padding-top:22vh}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.community-based header .master-header~.container{position:unset;top:unset !important;left:unset;transform:unset;padding-top:25vh}}.pages.community-based header .banner-content .banner-title{font-family:"Nunito Sans",sans-serif;font-weight:800;font-size:55px;line-height:81px;margin-bottom:23px;color:#002c4b}@media screen and (max-width: 599px){.pages.community-based header .banner-content .banner-title{font-size:34px;line-height:44px;text-align:center;max-width:340px;margin:0 auto 16px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-content .banner-title{font-size:35px;line-height:45px;margin-bottom:10px;text-align:center}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.community-based header .banner-content .banner-title{font-size:50px;line-height:60px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.community-based header .banner-content .banner-title{font-size:50px;line-height:60px}}.pages.community-based header .banner-content .banner-text{font-family:"Nunito Sans",sans-serif;font-size:22px;line-height:40px;color:#545454;margin-bottom:32px}@media screen and (max-width: 599px){.pages.community-based header .banner-content .banner-text{font-size:15px;line-height:20.46px;letter-spacing:.25px;text-align:center;max-width:328px;margin:0 auto 24px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-content .banner-text{font-size:16px;line-height:24px;margin-bottom:30px;text-align:center}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.community-based header .banner-content .banner-text{margin-bottom:37px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.community-based header .banner-content .banner-text{margin-bottom:37px;font-size:18px;line-height:32px}}.pages.community-based header .banner-content .banner-cta{background-color:#069ec6;width:300px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0px 2px 8px rgba(55,84,170,.25);font-size:15px;font-weight:600;margin-bottom:57px;border-radius:25px}.pages.community-based header .banner-content .banner-cta:hover{text-decoration:none}@media screen and (max-width: 599px){.pages.community-based header .banner-content .banner-cta{width:300px;margin:0 auto 24px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-content .banner-cta{width:100%;margin-bottom:32px}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.community-based header .banner-content .banner-cta{margin-bottom:24px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.community-based header .banner-content .banner-cta{margin-bottom:40px}}.pages.community-based header .banner-content .award-group{display:flex;gap:24px}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-content .award-group{display:none}}@media screen and (max-width: 599px){.pages.community-based header .banner-content .award-group{display:none}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-content .award-group img{width:55px}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.community-based header .banner-content .award-group img{width:75px}}.pages.community-based header .banner-content .award-group-mobile{margin-bottom:16px;text-align:center}@media screen and (min-width: 768px){.pages.community-based header .banner-content .award-group-mobile{display:none}}@media screen and (min-width: 993px){.pages.community-based header .banner-content .award-group-mobile{display:none}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-content .award-group-mobile{display:block;margin-top:32px}}.pages.community-based header .banner-content .award-group-mobile img{max-width:100%;width:100%}.pages.community-based header .banner-img-mobile{position:relative;min-height:285px;display:none}@media screen and (max-width: 599px){.pages.community-based header .banner-img-mobile{display:block}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-img-mobile{display:block}}.pages.community-based header .banner-img-mobile img{max-width:100%}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.community-based header .banner-img{text-align:center}}@media screen and (max-width: 599px){.pages.community-based header .banner-img{display:none}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based header .banner-img{display:none}}.pages.community-based header .banner-img img{max-width:100%}@media screen and (max-width: 599px){.pages.community-based header .banner-img img{height:250px;margin:0 auto 48px;display:block}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.community-based header .banner-img img{height:350px;margin:auto}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.community-based header .banner-img img{margin:auto}}.pages.community-based .button-row{display:flex;margin:0px 0 30px 0;align-items:center;justify-content:center;align-items:center;gap:10px}@media screen and (max-width: 599px){.pages.community-based .button-row{flex-wrap:nowrap}}.pages.community-based .button-row_btn{border:none;display:flex;gap:10px;background-color:rgba(0,0,0,0);color:#000 !important;border-radius:30px;padding:20px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media screen and (max-width: 599px){.pages.community-based .button-row_btn{font-size:13px}}.pages.community-based .button-row_btn_active{border:none;background-color:#f6f8fc;color:#000 !important;padding:20px 30px}.pages.community-based .button-row img{width:20px;height:20px}.pages.community-based .general-heading{text-align:center;margin-bottom:33px}@media screen and (max-width: 599px){.pages.community-based .general-heading{margin-bottom:32px;padding:0 25px}}@media screen and (max-width: 599px){.pages.community-based .general-heading-desktop{display:none}}.pages.community-based .general-heading-mobile{display:none}@media screen and (max-width: 599px){.pages.community-based .general-heading-mobile{display:block}}.pages.community-based .general-heading h2{font-weight:800;font-size:40px;line-height:55px;margin-bottom:24px}@media screen and (max-width: 599px){.pages.community-based .general-heading h2{font-size:30px;line-height:40px;margin-bottom:16px}}.pages.community-based .general-heading p{color:#545454;font-size:17px;line-height:24px;letter-spacing:.15px}@media screen and (max-width: 599px){.pages.community-based .general-heading p{font-size:15px;line-height:20.45px;letter-spacing:.25px}}.pages.community-based .fatwa{padding-top:0px;padding-bottom:50px}@media screen and (max-width: 599px){.pages.community-based .fatwa{padding-top:50px}}.pages.community-based .fatwa .fatwa-card{background:#fff;box-shadow:0px 4px 16px rgba(55,84,170,.1);border-radius:12px;max-width:933px;display:flex;align-items:center;justify-content:space-between;gap:65px;margin:0 auto;padding:24px}@media screen and (min-width: 993px){.pages.community-based .fatwa .fatwa-card{height:-moz-min-content;height:min-content;padding:50px 80px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based .fatwa .fatwa-card{padding:24px;gap:24px}}@media screen and (max-width: 599px){.pages.community-based .fatwa .fatwa-card{flex-direction:column;gap:0px}}.pages.community-based .fatwa .fatwa-card .fatwa-img{height:174px;width:174px;flex:0 0 174px}@media screen and (max-width: 599px){.pages.community-based .fatwa .fatwa-card .fatwa-desc{padding:24px;text-align:left}}.pages.community-based .fatwa .fatwa-card .fatwa-desc .heading{margin-bottom:24px}.pages.community-based .fatwa .fatwa-card .fatwa-desc .heading h3{font-size:32px;line-height:44px;letter-spacing:.25px;font-weight:800}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based .fatwa .fatwa-card .fatwa-desc .heading h3{font-size:26px;line-height:36px}}@media screen and (max-width: 599px){.pages.community-based .fatwa .fatwa-card .fatwa-desc .heading h3{font-size:20px;line-height:27.28px;letter-spacing:.4px;text-align:center}}.pages.community-based .fatwa .fatwa-card .fatwa-desc .heading .fatwa-sub{color:#013c50;font-weight:700;font-size:1rem;line-height:21.82px;margin-bottom:0}.pages.community-based .fatwa .fatwa-card .fatwa-desc ul{margin:10px}.pages.community-based .fatwa .fatwa-card .fatwa-desc ul li{list-style-position:outside;margin-left:-40px}.pages.community-based .fatwa .fatwa-card .fatwa-desc p{font-size:17px;line-height:25px;letter-spacing:.15px;color:#000}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based .fatwa .fatwa-card .fatwa-desc p{font-size:16px;line-height:26px}}@media screen and (max-width: 599px){.pages.community-based .fatwa .fatwa-card .fatwa-desc p{font-size:15px;line-height:20.46px;letter-spacing:.25px}}.pages.community-based .detail-row{display:grid;position:relative;grid-template-columns:272px 272px 272px;grid-gap:32px;justify-content:center;margin-top:10px;z-index:9}@media screen and (max-width: 992px){.pages.community-based .detail-row{grid-template-columns:1fr 1fr;grid-gap:20px;margin:10px 0px}.pages.community-based .detail-row div:nth-child(5){grid-column-start:1;grid-column-end:2}.pages.community-based .detail-row div:nth-child(6){grid-column-start:2;grid-column-end:2}}@media screen and (max-width: 599px){.pages.community-based .detail-row{grid-template-columns:1fr 1fr;grid-gap:10px;margin:10px 0px}.pages.community-based .detail-row div:nth-child(5){grid-column-start:1;grid-column-end:2}.pages.community-based .detail-row div:nth-child(6){grid-column-start:2;grid-column-end:2}}.pages.community-based .detail-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:#fff;box-shadow:0px 4px 16px rgba(55,84,170,.1);padding:20px;border-radius:12px}@media screen and (max-width: 599px){.pages.community-based .detail-item{padding:10px}}.pages.community-based .detail-img{margin:auto;display:flex}.pages.community-based .detail-img img{height:70%;margin:auto}@media screen and (max-width: 599px){.pages.community-based .detail-img img{height:70px;background-size:cover}}.pages.community-based .detail-desc{text-align:center}@media screen and (max-width: 599px){.pages.community-based .detail-desc{font-size:14px;line-height:25px;letter-spacing:.25px}}.pages.community-based .detail-desc-title{font-weight:700;font-size:30px;line-height:25px;letter-spacing:.25px;margin-bottom:1rem;color:#007999;text-align:center}@media screen and (max-width: 599px){.pages.community-based .detail-desc-title{font-size:18px;line-height:25px;letter-spacing:.25px}}.pages.community-based .detail-desc-title-akad{font-weight:700;font-size:16px;line-height:25px;letter-spacing:.25px;color:#007999;text-align:center}.pages.community-based .detail-desc-title-tenor{font-weight:700;font-size:20px;line-height:25px;letter-spacing:.25px;color:#007999;text-align:center}.pages.community-based .detail-desc-title-container{display:flex;justify-content:center;align-items:center;gap:10px}.pages.community-based .detail-desc-sub-title{font-weight:500;font-size:20px}@media screen and (max-width: 599px){.pages.community-based .detail-desc-sub-title{font-size:15px;line-height:25px;letter-spacing:.25px}}.pages.community-based .detail-desc-btn-info{background-color:rgba(0,0,0,0);border:none;padding:0}.pages.community-based .detail-desc-btn-info img{width:20px;height:20px}.pages.community-based .detail-desc-term{margin:10px 10%;display:flex;width:100%}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based .detail-desc-term{margin:auto}}@media screen and (max-width: 599px){.pages.community-based .detail-desc-term{margin:auto;display:block}}.pages.community-based .skema{padding:50px 0;background-image:url(../../images/graphic/brand-device-skema.svg);background-repeat:no-repeat;background-position:left bottom}@media screen and (max-width: 599px){.pages.community-based .skema{padding:20px 0}}.pages.community-based .skema .skema-row{display:flex;flex-wrap:wrap;margin:33px auto 0;gap:63px;row-gap:60px;justify-content:center}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based .skema .skema-row{row-gap:unset;gap:24px}}@media screen and (max-width: 599px){.pages.community-based .skema .skema-row{row-gap:0}}.pages.community-based .skema .skema-row .skema-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:#fff}@media screen and (max-width: 599px){.pages.community-based .skema .skema-row .skema-item{background:rgba(0,0,0,0)}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.community-based .skema .skema-row .skema-item{width:272px;height:400px;box-shadow:0px 4px 16px rgba(55,84,170,.1);border-radius:12px;padding:16px}}@media screen and (min-width: 993px){.pages.community-based .skema .skema-row .skema-item{width:272px;height:400px;box-shadow:0px 4px 16px rgba(55,84,170,.1);border-radius:12px}}@media screen and (max-width: 993px)and (min-width: 769px){.pages.community-based .skema .skema-row .skema-item{width:272px;height:400px;box-shadow:0px 4px 16px rgba(55,84,170,.1);border-radius:12px;padding:16px}}@media screen and (min-width: 993px){.pages.community-based .skema .skema-row .skema-item.arrow-right{position:relative}.pages.community-based .skema .skema-row .skema-item.arrow-right::after{content:"";background-image:url(../../images/graphic/connector.svg);position:absolute;background-repeat:no-repeat;right:-60px;top:45%;width:58px;height:24px}.pages.community-based .skema .skema-row .skema-item.arrow-left{position:relative}.pages.community-based .skema .skema-row .skema-item.arrow-left::after{content:"";background-image:url(../../images/graphic/connector.svg);transform:rotate(180deg);position:absolute;background-repeat:no-repeat;left:-60px;top:45%;width:58px;height:24px}.pages.community-based .skema .skema-row .skema-item.arrow-down{position:relative}.pages.community-based .skema .skema-row .skema-item.arrow-down::after{content:"";background-image:url(../../images/graphic/connector-down.svg);position:absolute;background-repeat:no-repeat;right:45%;bottom:-84px;width:23px;height:82px}}.pages.community-based .skema .skema-row .skema-item .skema-img img{display:block;margin:0 auto;height:79px}@media screen and (max-width: 599px){.pages.community-based .skema .skema-row .skema-item .skema-img img{height:200px}}.pages.community-based .skema .skema-row .skema-item .skema-desc{font-size:14px;line-height:21.86px;text-align:left;color:#686868;font-weight:300;padding:20px;height:50%}.pages.community-based .skema .skema-row .skema-item .skema-desc p{padding:0px 15px 0px 15px}@media screen and (max-width: 599px){.pages.community-based .skema .skema-row .skema-item .skema-desc p{padding:0;text-align:center}}.pages.community-based .skema .skema-row .skema-item .skema-desc h4{font-weight:700;font-size:17px;line-height:25px;letter-spacing:.25px;margin-bottom:1rem;color:#013c50;display:block}@media screen and (max-width: 599px){.pages.community-based .skema .skema-row .skema-item .skema-desc h4{display:none}}.pages.community-based .skema .skema-row .skema-item .skema-desc h5{display:none}@media screen and (max-width: 599px){.pages.community-based .skema .skema-row .skema-item .skema-desc h5{display:block;text-align:center}}.pages.community-based .skema .skemaCarousel .owl-nav{position:absolute;bottom:-110px;display:flex;width:100%}@media screen and (max-width: 599px){.pages.community-based .skema .skemaCarousel .owl-nav{bottom:-130px;top:unset;justify-content:center;flex-direction:column-reverse;align-items:center;gap:16px}}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev{color:#069ec6 !important;border:1px solid #069ec6;border-radius:25px;width:226px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;line-height:21px;margin:0 16px 0 0}@media screen and (max-width: 599px){.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev{width:226px;margin-right:0}}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev:hover{background:rgba(0,0,0,0)}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev.disabled{display:none}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev:focus-visible,.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev:focus{outline:1px solid #0ead69}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-prev img{margin-right:12px}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next{color:#069ec6 !important;border:1px solid #069ec6;border-radius:25px;width:226px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;line-height:21px;margin:0}@media screen and (max-width: 599px){.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next{width:226px}}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next:hover{background:rgba(0,0,0,0)}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next.disabled{display:none}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next:focus-visible,.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next:focus{outline:1px solid #0ead69}.pages.community-based .skema .skemaCarousel .owl-nav button.owl-next img{margin-left:12px}.pages.community-based .skema .carousel-container{display:flex;flex-direction:column;margin:30px auto}.pages.community-based .skema .carousel-pagination{list-style:none;display:flex;margin:0;padding:0}.pages.community-based .skema .carousel-container-slider{display:flex;background-color:rgba(0,0,0,0);height:8px;border-radius:5px;width:100%;margin:0 auto;justify-content:space-between}.pages.community-based .skema .container-paginate{display:flex;border:none;width:13%;height:8px !important;background-color:#ededed;border-radius:8px;cursor:pointer}.pages.community-based .skema .active-button{background-color:#87c054;border-radius:5px}.pages.community-based .skema .carousel-progress{position:absolute;height:8px;width:90%;background:#ededed;border-radius:50px;bottom:105px;display:none}@media screen and (max-width: 599px){.pages.community-based .skema .carousel-progress{width:275px;bottom:-60px;right:0;left:0;margin:auto}}.pages.community-based .skema .carousel-progress-bar{background:#87c054;width:16.66%;left:0;height:7px;border-radius:50px}.pages.community-based .skema .carousel-progress-index{position:absolute;top:-35px;display:flex;justify-content:space-between;width:100%}@media screen and (max-width: 599px){.pages.community-based .skema .carousel-progress-index{top:-25px}}.pages.community-based .skema .carousel-track{font-size:14px}@media screen and (max-width: 599px){.pages.community-based .skema .carousel-track{font-size:12px}}.pages.community-based .CTA{padding:50px 0;background-color:#fff}.pages.community-based .CTA .CTA-btn{display:block;margin:0 auto;width:233px;height:48px;line-height:48px;color:#fff;font-weight:600;font-size:15px;background:#069ec6;box-shadow:0px 2px 8px rgba(55,84,170,.25);border-radius:44px}.pages.community-based .CTA .CTA-btn:hover{text-decoration:none}.pages.community-based .CTA-heading{text-align:center}@media screen and (max-width: 599px){.pages.community-based .CTA-heading{margin-bottom:32px;padding:0 25px}}@media screen and (max-width: 599px){.pages.community-based .CTA-heading-desktop{display:none}}.pages.community-based .CTA-heading-mobile{display:none}@media screen and (max-width: 599px){.pages.community-based .CTA-heading-mobile{display:block}}.pages.community-based .CTA-heading h2{font-weight:800;font-size:40px;line-height:55px;margin-bottom:15px}@media screen and (max-width: 599px){.pages.community-based .CTA-heading h2{font-size:30px;line-height:40px;margin-bottom:16px}}.pages.community-based .CTA-heading p{color:#545454;font-size:17px;line-height:24px;letter-spacing:.15px}@media screen and (max-width: 599px){.pages.community-based .CTA-heading p{font-size:15px;line-height:20.45px;letter-spacing:.25px}}.pages.community-based .CTA-description{width:600px;font-size:30px !important;display:flex;margin:auto}@media screen and (max-width: 599px){.pages.community-based .CTA-description{display:none}}.pages.community-based .CTA-image{margin-bottom:30px}.pages.community-based .CTA-image img{width:50%}@media screen and (max-width: 599px){.pages.community-based .CTA-image{display:none}}.pages.community-based .button-riplay{border:2px solid #069ec6 !important;background-color:rgba(0,0,0,0);color:#069ec6 !important;border-radius:100px}