{"id":14630,"date":"2026-08-30T01:02:32","date_gmt":"2026-08-29T18:02:32","guid":{"rendered":"https:\/\/gfcc.or.id\/?page_id=14630"},"modified":"2026-09-10T10:55:58","modified_gmt":"2026-09-10T03:55:58","slug":"pembangunan-gfccfit","status":"publish","type":"page","link":"https:\/\/gfcc.or.id\/id\/pembangunan-gfccfit\/","title":{"rendered":"Pembangunan Gedung Ibadah Baru &#8211; GFCC (Fuk Im Thong)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14630\" class=\"elementor elementor-14630\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b493f72 e-con-full elementor-hidden-laptop sc_layouts_hide_on_wide sc_layouts_hide_on_desktop sc_layouts_hide_on_notebook sc_layouts_hide_on_tablet e-flex e-con e-parent\" data-id=\"b493f72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-8653157 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"8653157\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-485fb8b swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"001 Cover\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-868c664 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"002 Kondisi Gedung\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><a href=\"https:\/\/youtu.be\/yTmyd84vp_c\" target=\"_blank\" class=\"elementor-button elementor-slide-button elementor-size-md\">Click Here<\/a><\/div><\/div><\/div><div class=\"elementor-repeater-item-d7e0b10 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"003 Plan\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-4e5b336 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"004 1 n 2\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-6c7088f swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"005 Lift\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-b293ded swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"006 Extra Budget Revisi\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><a href=\"https:\/\/gfcc.or.id\/give\/\" class=\"elementor-button elementor-slide-button elementor-size-md\">disini<\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-8d981df elementor-widget elementor-widget-html\" data-id=\"8d981df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gfcc-fundraising\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"gfcc-title\">\r\n        UPDATE DANA TERKUMPUL\r\n    <\/div>\r\n\r\n\r\n    <!-- LEGEND -->\r\n    <div class=\"gfcc-legend\">\r\n\r\n        <div class=\"gfcc-legend-item\">\r\n            <span class=\"gfcc-blue-dot\"><\/span>\r\n            <span>Total Terkumpul<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"gfcc-legend-item\">\r\n            <span class=\"gfcc-red-dot\"><\/span>\r\n            <span>Sisa Target<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PROGRESS CHART -->\r\n    <div class=\"gfcc-chart\">\r\n\r\n        <div class=\"gfcc-axis\">\r\n\r\n            <div class=\"gfcc-y-label\">\r\n                Terkumpul\r\n            <\/div>\r\n\r\n            <div class=\"gfcc-bar-area\">\r\n\r\n                <!-- PROGRESS BAR -->\r\n                <div class=\"gfcc-progress\">\r\n\r\n                    <!-- BLUE = TERKUMPUL -->\r\n                    <div\r\n                        class=\"gfcc-collected\"\r\n                        id=\"gfcc-collected\">\r\n\r\n                        <span id=\"gfcc-bar-terkumpul\">\r\n                            Memuat...\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- RED = SISA -->\r\n                    <div\r\n                        class=\"gfcc-remaining\"\r\n                        id=\"gfcc-remaining\">\r\n\r\n                        <span id=\"gfcc-bar-sisa\">\r\n                            Memuat...\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SCALE -->\r\n                <div class=\"gfcc-scale\">\r\n\r\n                    <span>Rp -<\/span>\r\n\r\n                    <span>Rp 50.000.000<\/span>\r\n\r\n                    <span>Rp 100.000.000<\/span>\r\n\r\n                    <span>Rp 150.000.000<\/span>\r\n\r\n                    <span>Rp 200.000.000<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TWO SUMMARY CARDS -->\r\n    <div class=\"gfcc-summary\">\r\n\r\n\r\n        <!-- TOTAL TERKUMPUL -->\r\n        <div class=\"gfcc-card gfcc-card-blue\">\r\n\r\n            <div class=\"gfcc-icon gfcc-icon-blue\">\r\n                <span>\ud83d\udcb0<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"gfcc-card-content\">\r\n\r\n                <div class=\"gfcc-card-title\">\r\n                    TOTAL TERKUMPUL\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"gfcc-card-value\"\r\n                    id=\"gfcc-terkumpul\">\r\n\r\n                    Memuat...\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SISA TARGET -->\r\n        <div class=\"gfcc-card gfcc-card-red\">\r\n\r\n            <div class=\"gfcc-icon gfcc-icon-red\">\r\n                <span>\ud83c\udfaf<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"gfcc-card-content\">\r\n\r\n                <div class=\"gfcc-card-title\">\r\n                    SISA TARGET\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"gfcc-card-value\"\r\n                    id=\"gfcc-sisa\">\r\n\r\n                    Memuat...\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FOOTER -->\r\n    <div class=\"gfcc-footer\">\r\n\r\n        <div>\r\n            <span id=\"gfcc-persentase\">\r\n                0%\r\n            <\/span>\r\n\r\n            pencapaian dari target\r\n        <\/div>\r\n\r\n        <!-- TANGGAL OTOMATIS -->\r\n        <div\r\n            class=\"gfcc-update-date\"\r\n            id=\"gfcc-update-date\">\r\n\r\n            Data per ...\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GFCC FUNDRAISING\r\n   ========================================================= *\/\r\n\r\n.gfcc-fundraising {\r\n\r\n    width: 100%;\r\n    max-width: 1200px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 35px 35px 28px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #f8f5ee;\r\n\r\n    border-radius: 22px;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    color: #111f46;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.gfcc-title {\r\n\r\n    width: 100%;\r\n\r\n    padding: 10px 20px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #075333;\r\n\r\n    color: #ffffff;\r\n\r\n    border-radius: 15px;\r\n\r\n    text-align: center;\r\n\r\n    font-size: clamp(25px, 3vw, 42px);\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 0.5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEGEND\r\n   ========================================================= *\/\r\n\r\n.gfcc-legend {\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    gap: 55px;\r\n\r\n    margin: 22px 0 14px;\r\n\r\n    font-size: clamp(15px, 1.7vw, 22px);\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.gfcc-legend-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n}\r\n\r\n\r\n.gfcc-blue-dot,\r\n.gfcc-red-dot {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    display: inline-block;\r\n\r\n    border-radius: 3px;\r\n\r\n}\r\n\r\n\r\n.gfcc-blue-dot {\r\n\r\n    background: #1747d1;\r\n\r\n}\r\n\r\n\r\n.gfcc-red-dot {\r\n\r\n    background: #d00000;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHART CONTAINER\r\n   ========================================================= *\/\r\n\r\n.gfcc-chart {\r\n\r\n    border: 2px solid #2852c7;\r\n\r\n    border-radius: 18px;\r\n\r\n    padding: 22px 22px 17px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.gfcc-axis {\r\n\r\n    display: flex;\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n.gfcc-y-label {\r\n\r\n    width: 48px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    writing-mode: vertical-rl;\r\n\r\n    transform: rotate(180deg);\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 800;\r\n\r\n    color: #14244c;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BAR AREA\r\n   ========================================================= *\/\r\n\r\n.gfcc-bar-area {\r\n\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS BAR\r\n   ========================================================= *\/\r\n\r\n.gfcc-progress {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: clamp(70px, 8vw, 105px);\r\n\r\n    display: flex;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #d00000;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLUE\r\n   ========================================================= *\/\r\n\r\n.gfcc-collected {\r\n\r\n    width: 0%;\r\n\r\n    min-width: 0;\r\n\r\n    background: #1747d1;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: flex-start;\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition: width 1.2s ease;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED\r\n   ========================================================= *\/\r\n\r\n.gfcc-remaining {\r\n\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n    background: #d00000;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: flex-end;\r\n\r\n    box-sizing: border-box;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BAR TEXT\r\n   ========================================================= *\/\r\n\r\n.gfcc-collected span,\r\n.gfcc-remaining span {\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(14px, 2vw, 24px);\r\n\r\n    font-weight: 800;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* BLUE TEXT *\/\r\n\r\n.gfcc-collected span {\r\n\r\n    padding-left: 14px;\r\n\r\n}\r\n\r\n\r\n\/* RED TEXT *\/\r\n\r\n.gfcc-remaining span {\r\n\r\n    padding-right: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCALE\r\n   ========================================================= *\/\r\n\r\n.gfcc-scale {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1fr\r\n        1fr\r\n        1fr\r\n        1fr;\r\n\r\n    margin-top: 12px;\r\n\r\n    font-size: clamp(11px, 1.4vw, 17px);\r\n\r\n    font-weight: 700;\r\n\r\n    color: #18264b;\r\n\r\n}\r\n\r\n\r\n.gfcc-scale span {\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.gfcc-scale span:first-child {\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n.gfcc-scale span:last-child {\r\n\r\n    text-align: right;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY CARDS\r\n   ========================================================= *\/\r\n\r\n.gfcc-summary {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 25px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.gfcc-card {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 105px;\r\n\r\n    padding: 15px 25px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 14px;\r\n\r\n    border: 2px solid;\r\n\r\n}\r\n\r\n\r\n\/* BLUE CARD *\/\r\n\r\n.gfcc-card-blue {\r\n\r\n    border-color: #1747d1;\r\n\r\n}\r\n\r\n\r\n\/* RED CARD *\/\r\n\r\n.gfcc-card-red {\r\n\r\n    border-color: #d00000;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.gfcc-icon {\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    font-size: 34px;\r\n\r\n    margin-right: 20px;\r\n\r\n}\r\n\r\n\r\n.gfcc-icon-blue {\r\n\r\n    background: #1747d1;\r\n\r\n}\r\n\r\n\r\n.gfcc-icon-red {\r\n\r\n    background: #d00000;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n   ========================================================= *\/\r\n\r\n.gfcc-card-content {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.gfcc-card-title {\r\n\r\n    font-size: clamp(13px, 1.5vw, 20px);\r\n\r\n    font-weight: 800;\r\n\r\n    margin-bottom: 4px;\r\n\r\n}\r\n\r\n\r\n.gfcc-card-blue .gfcc-card-title,\r\n.gfcc-card-blue .gfcc-card-value {\r\n\r\n    color: #1747d1;\r\n\r\n}\r\n\r\n\r\n.gfcc-card-red .gfcc-card-title,\r\n.gfcc-card-red .gfcc-card-value {\r\n\r\n    color: #c80000;\r\n\r\n}\r\n\r\n\r\n.gfcc-card-value {\r\n\r\n    font-size: clamp(24px, 3vw, 39px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.1;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.gfcc-footer {\r\n\r\n    text-align: right;\r\n\r\n    margin-top: 12px;\r\n\r\n    font-size: 15px;\r\n\r\n    font-style: italic;\r\n\r\n    color: #174b38;\r\n\r\n}\r\n\r\n\r\n.gfcc-footer span {\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE DATE\r\n   ========================================================= *\/\r\n\r\n.gfcc-update-date {\r\n\r\n    margin-top: 5px;\r\n\r\n    font-size: 13px;\r\n\r\n    font-style: italic;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #174b38;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gfcc-fundraising {\r\n\r\n        padding: 22px 15px 20px;\r\n\r\n        border-radius: 16px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-title {\r\n\r\n        padding: 9px 12px;\r\n\r\n        border-radius: 11px;\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-legend {\r\n\r\n        gap: 25px;\r\n\r\n        margin: 17px 0 12px;\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-chart {\r\n\r\n        padding: 15px 12px 13px;\r\n\r\n        border-radius: 13px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-y-label {\r\n\r\n        width: 30px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-progress {\r\n\r\n        height: 70px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-collected span,\r\n    .gfcc-remaining span {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-collected span {\r\n\r\n        padding-left: 8px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-remaining span {\r\n\r\n        padding-right: 8px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-scale {\r\n\r\n        font-size: 9px;\r\n\r\n        margin-top: 8px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-summary {\r\n\r\n        gap: 10px;\r\n\r\n        margin-top: 15px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-card {\r\n\r\n        min-height: 85px;\r\n\r\n        padding: 10px 12px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-icon {\r\n\r\n        width: 48px;\r\n        height: 48px;\r\n\r\n        font-size: 23px;\r\n\r\n        margin-right: 10px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-card-title {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-card-value {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-footer {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-update-date {\r\n\r\n        margin-top: 4px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .gfcc-fundraising {\r\n\r\n        padding: 15px 10px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-title {\r\n\r\n        font-size: 21px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-legend {\r\n\r\n        gap: 15px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-blue-dot,\r\n    .gfcc-red-dot {\r\n\r\n        width: 12px;\r\n        height: 12px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-chart {\r\n\r\n        padding: 12px 8px 10px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-y-label {\r\n\r\n        width: 25px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-progress {\r\n\r\n        height: 58px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-collected span,\r\n    .gfcc-remaining span {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-collected span {\r\n\r\n        padding-left: 5px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-remaining span {\r\n\r\n        padding-right: 5px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-scale {\r\n\r\n        font-size: 7px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-card {\r\n\r\n        min-height: 72px;\r\n\r\n        padding: 8px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-icon {\r\n\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        font-size: 18px;\r\n\r\n        margin-right: 7px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-card-title {\r\n\r\n        font-size: 9px;\r\n\r\n        margin-bottom: 3px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-card-value {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-footer {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .gfcc-update-date {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n\r\n    \/* ============================================\r\n       GOOGLE APPS SCRIPT API\r\n       ============================================ *\/\r\n\r\n    const API_URL =\r\n        \"https:\/\/script.google.com\/macros\/s\/AKfycbww7BpVtaO5mCazLUhVBDhE-bxkRMUPo4y0vcu65JXC_BzK1fpVU4zZkeXLjDQRjwvs\/exec\";\r\n\r\n\r\n    \/* ============================================\r\n       FORMAT RUPIAH\r\n       ============================================ *\/\r\n\r\n    function formatRupiah(value) {\r\n\r\n        return \"Rp \" +\r\n            Number(value).toLocaleString(\"id-ID\");\r\n\r\n    }\r\n\r\n\r\n    \/* ============================================\r\n       TANGGAL UPDATE\r\n       Yesterday - WIB\r\n       ============================================ *\/\r\n\r\n    function setUpdateDate() {\r\n\r\n        const now = new Date();\r\n\r\n\r\n        \/*\r\n         * Ambil tanggal hari ini berdasarkan\r\n         * zona waktu Jakarta \/ WIB.\r\n         *\/\r\n\r\n        const jakartaDate =\r\n            new Intl.DateTimeFormat(\r\n                \"en-CA\",\r\n                {\r\n                    timeZone: \"Asia\/Jakarta\",\r\n\r\n                    year: \"numeric\",\r\n                    month: \"2-digit\",\r\n                    day: \"2-digit\"\r\n                }\r\n            ).format(now);\r\n\r\n\r\n        const parts =\r\n            jakartaDate.split(\"-\");\r\n\r\n\r\n        const year =\r\n            Number(parts[0]);\r\n\r\n        const month =\r\n            Number(parts[1]);\r\n\r\n        const day =\r\n            Number(parts[2]);\r\n\r\n\r\n        \/*\r\n         * Kurangi 1 hari\r\n         *\/\r\n\r\n        const yesterday =\r\n            new Date(\r\n                Date.UTC(\r\n                    year,\r\n                    month - 1,\r\n                    day - 1\r\n                )\r\n            );\r\n\r\n\r\n        \/*\r\n         * Format menjadi:\r\n         * 2 September 2026\r\n         *\/\r\n\r\n        const formattedDate =\r\n            new Intl.DateTimeFormat(\r\n                \"id-ID\",\r\n                {\r\n                    timeZone: \"UTC\",\r\n\r\n                    day: \"numeric\",\r\n                    month: \"long\",\r\n                    year: \"numeric\"\r\n                }\r\n            ).format(yesterday);\r\n\r\n\r\n        document.getElementById(\r\n            \"gfcc-update-date\"\r\n        ).textContent =\r\n            \"Data per \" + formattedDate;\r\n\r\n    }\r\n\r\n\r\n    \/* ============================================\r\n       SET DATE\r\n       ============================================ *\/\r\n\r\n    setUpdateDate();\r\n\r\n\r\n    \/* ============================================\r\n       GET DATA\r\n       ============================================ *\/\r\n\r\n    fetch(API_URL)\r\n\r\n        .then(function(response) {\r\n\r\n            if (!response.ok) {\r\n\r\n                throw new Error(\r\n                    \"HTTP \" + response.status\r\n                );\r\n\r\n            }\r\n\r\n            return response.json();\r\n\r\n        })\r\n\r\n\r\n        .then(function(data) {\r\n\r\n            const target =\r\n                Number(data.target) || 0;\r\n\r\n\r\n            const terkumpul =\r\n                Number(data.terkumpul) || 0;\r\n\r\n\r\n            const sisa =\r\n                Number(data.sisa) || 0;\r\n\r\n\r\n            const persentase =\r\n                Number(data.persentase) || 0;\r\n\r\n\r\n            \/* ====================================\r\n               BAR WIDTH\r\n               ==================================== *\/\r\n\r\n            const progress =\r\n                Math.min(\r\n                    Math.max(\r\n                        persentase,\r\n                        0\r\n                    ),\r\n                    100\r\n                );\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-collected\"\r\n            ).style.width =\r\n                progress + \"%\";\r\n\r\n\r\n            \/* ====================================\r\n               BAR NUMBERS\r\n               ==================================== *\/\r\n\r\n            document.getElementById(\r\n                \"gfcc-bar-terkumpul\"\r\n            ).textContent =\r\n                formatRupiah(\r\n                    terkumpul\r\n                );\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-bar-sisa\"\r\n            ).textContent =\r\n                formatRupiah(\r\n                    sisa\r\n                );\r\n\r\n\r\n            \/* ====================================\r\n               SUMMARY CARDS\r\n               ==================================== *\/\r\n\r\n            document.getElementById(\r\n                \"gfcc-terkumpul\"\r\n            ).textContent =\r\n                formatRupiah(\r\n                    terkumpul\r\n                );\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-sisa\"\r\n            ).textContent =\r\n                formatRupiah(\r\n                    sisa\r\n                );\r\n\r\n\r\n            \/* ====================================\r\n               PERCENTAGE\r\n               ==================================== *\/\r\n\r\n            document.getElementById(\r\n                \"gfcc-persentase\"\r\n            ).textContent =\r\n                persentase\r\n                    .toFixed(2)\r\n                    .replace(\".\", \",\") + \"%\";\r\n\r\n        })\r\n\r\n\r\n        .catch(function(error) {\r\n\r\n            console.error(\r\n                \"GFCC API Error:\",\r\n                error\r\n            );\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-bar-terkumpul\"\r\n            ).textContent =\r\n                \"Data tidak tersedia\";\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-bar-sisa\"\r\n            ).textContent =\r\n                \"\";\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-terkumpul\"\r\n            ).textContent =\r\n                \"Data tidak tersedia\";\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-sisa\"\r\n            ).textContent =\r\n                \"-\";\r\n\r\n\r\n            document.getElementById(\r\n                \"gfcc-persentase\"\r\n            ).textContent =\r\n                \"-\";\r\n\r\n        });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2210da e-con-full sc_layouts_hide_on_mobile e-flex e-con e-parent\" data-id=\"e2210da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-609921d elementor-widget elementor-widget-image\" data-id=\"609921d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png\" class=\"attachment-full size-full wp-image-14653\" alt=\"\" srcset=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png 1672w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-800x450.png 800w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-1000x563.png 1000w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-768x432.png 768w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-1536x864.png 1536w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-18x10.png 18w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-370x208.png 370w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-1170x658.png 1170w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-760x428.png 760w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-407x229.png 407w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001-270x152.png 270w\" sizes=\"(max-width: 1672px) 100vw, 1672px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-161adb1 elementor-widget elementor-widget-image\" data-id=\"161adb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002.png\" class=\"attachment-full size-full wp-image-14811\" alt=\"\" srcset=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002.png 1672w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-800x450.png 800w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-1000x563.png 1000w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-768x432.png 768w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-1536x864.png 1536w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-18x10.png 18w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-370x208.png 370w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-1170x658.png 1170w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-760x428.png 760w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-407x229.png 407w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W002-270x152.png 270w\" sizes=\"(max-width: 1672px) 100vw, 1672px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-e1098f8 e-transform elementor-widget elementor-widget-button\" data-id=\"e1098f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:304,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-171,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/youtu.be\/yTmyd84vp_c\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-975f06a elementor-widget elementor-widget-image\" data-id=\"975f06a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b.png\" class=\"attachment-full size-full wp-image-14833\" alt=\"\" srcset=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b.png 1672w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-800x450.png 800w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-1000x563.png 1000w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-768x432.png 768w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-1536x864.png 1536w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-18x10.png 18w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-370x208.png 370w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-1170x658.png 1170w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-760x428.png 760w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-407x229.png 407w, https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/09\/W003b-270x152.png 270w\" sizes=\"(max-width: 1672px) 100vw, 1672px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-d735cfa elementor-widget elementor-widget-html\" data-id=\"d735cfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"gfcc-building-page\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GFCC BUILDING FUNDRAISING\r\n   FULL HTML \/ CSS \/ JS\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page {\r\n    width: 100% !important;\r\n    max-width: 1672px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 !important;\r\n    box-sizing: border-box !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #083d2b;\r\n}\r\n\r\n#gfcc-building-page *,\r\n#gfcc-building-page *::before,\r\n#gfcc-building-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN PAGE\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-page {\r\n    width: 100% !important;\r\n    max-width: 1672px !important;\r\n    margin: 0 auto !important;\r\n    box-sizing: border-box !important;\r\n\r\n    \/* Canvas follows the content height; no artificial empty area below *\/\r\n    aspect-ratio: auto;\r\n\r\n    padding: 25px 30px 10px;\r\n\r\n    background: #f8f5ee;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-main-title {\r\n\r\n    width: 100%;\r\n\r\n    padding: 14px 20px;\r\n\r\n    background: #075333;\r\n\r\n    color: #ffffff;\r\n\r\n    border-radius: 17px;\r\n\r\n    text-align: center;\r\n\r\n    font-size: clamp(30px, 3.1vw, 50px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: .3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP AREA\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-top {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1.08fr;\r\n\r\n    gap: 30px;\r\n\r\n    margin-top: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FUND NEEDED\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-fund-needed {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    padding: 4px 18px 9px;\r\n\r\n    border-right: 2px solid #c8b89b;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-fund-description {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto 9px;\r\n\r\n    color: #083d2b;\r\n\r\n    font-size: clamp(19px, 1.6vw, 27px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-fund-amount {\r\n\r\n    margin: 7px 0 13px;\r\n\r\n    color: #b66300;\r\n\r\n    font-size: clamp(50px, 4.9vw, 79px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1;\r\n\r\n    white-space: nowrap;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-gold-line {\r\n\r\n    width: 92%;\r\n\r\n    height: 2px;\r\n\r\n    margin: 0 auto;\r\n\r\n    background: #b66300;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   USAGE\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-usage-title {\r\n\r\n    margin-bottom: 17px;\r\n\r\n    color: #083d2b;\r\n\r\n    text-align: center;\r\n\r\n    font-size: clamp(20px, 1.75vw, 29px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.15;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-usage-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-usage-item {\r\n\r\n    min-width: 0;\r\n\r\n    padding: 0 11px;\r\n\r\n    text-align: center;\r\n\r\n    border-right: 1px solid #a9c4b8;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-usage-item:last-child {\r\n\r\n    border-right: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   USAGE ICON\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-usage-icon {\r\n\r\n    width: 90px;\r\n    height: 90px;\r\n\r\n    margin: 0 auto 11px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #075333;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-usage-icon svg {\r\n\r\n    width: 53px;\r\n    height: 53px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #ffffff;\r\n\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-usage-text {\r\n\r\n    color: #083d2b;\r\n\r\n    font-size: clamp(14px, 1.18vw, 19px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM AREA\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-bottom {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1.08fr;\r\n\r\n    gap: 30px;\r\n\r\n    margin-top: 23px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION TITLE\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-section-title {\r\n\r\n    padding: 9px 12px;\r\n\r\n    background: #075333;\r\n\r\n    color: #ffffff;\r\n\r\n    border-radius: 13px;\r\n\r\n    text-align: center;\r\n\r\n    font-size: clamp(20px, 1.75vw, 29px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE DANA\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-legend {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 42px;\r\n\r\n    margin: 12px 0 9px;\r\n\r\n    font-size: clamp(14px, 1.12vw, 18px);\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-legend-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-blue-dot,\r\n#gfcc-building-page .gfcc-red-dot {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 3px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-blue-dot {\r\n\r\n    background: #1747d1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-red-dot {\r\n\r\n    background: #d00000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHART BOX\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-chart {\r\n\r\n    padding: 12px 16px 9px;\r\n\r\n    background: rgba(255,255,255,.25);\r\n\r\n    border: 2px solid #2852c7;\r\n\r\n    border-radius: 15px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-chart-axis {\r\n\r\n    display: flex;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-y-label {\r\n\r\n    width: 32px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    writing-mode: vertical-rl;\r\n\r\n    transform: rotate(180deg);\r\n\r\n    color: #18264b;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bar-area {\r\n\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS BAR\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-progress {\r\n\r\n    width: 100%;\r\n\r\n    height: 77px;\r\n\r\n    display: flex;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #d00000;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-collected {\r\n\r\n    width: 0%;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #1747d1;\r\n\r\n    transition: width 1.1s ease;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-remaining {\r\n\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #d00000;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bar-text {\r\n\r\n    max-width: 100%;\r\n\r\n    padding: 0 6px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(9px, .82vw, 13px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1;\r\n\r\n    white-space: nowrap;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCALE\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-scale {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, 1fr);\r\n\r\n    margin-top: 7px;\r\n\r\n    color: #18264b;\r\n\r\n    font-size: clamp(8px, .82vw, 13px);\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-scale span {\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-scale span:first-child {\r\n\r\n    text-align: left;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-scale span:last-child {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY CARDS\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-summary {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1fr;\r\n\r\n    gap: 11px;\r\n\r\n    margin-top: 11px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card {\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 88px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    padding: 9px 11px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 2px solid;\r\n\r\n    border-radius: 12px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card-blue {\r\n\r\n    border-color: #1747d1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card-red {\r\n\r\n    border-color: #d00000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ICON\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-icon {\r\n\r\n    width: 53px;\r\n    height: 53px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-right: 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 25px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-icon-blue {\r\n\r\n    background: #1747d1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-icon-red {\r\n\r\n    background: #d00000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-card-content {\r\n\r\n    min-width: 0;\r\n\r\n    flex: 1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card-title {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    font-size: clamp(10px, .98vw, 15px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card-value {\r\n\r\n    font-size: clamp(17px, 1.48vw, 24px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.05;\r\n\r\n    white-space: nowrap;\r\n\r\n    letter-spacing: -.45px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card-blue .gfcc-card-title,\r\n#gfcc-building-page .gfcc-card-blue .gfcc-card-value {\r\n\r\n    color: #1747d1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-card-red .gfcc-card-title,\r\n#gfcc-building-page .gfcc-card-red .gfcc-card-value {\r\n\r\n    color: #c90000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE INFO\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-update-footer {\r\n\r\n    margin-top: 6px;\r\n\r\n    color: #174b38;\r\n\r\n    text-align: right;\r\n\r\n    font-size: 10px;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-percent {\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BANK SECTION\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-bank-section {\r\n\r\n    min-width: 0;\r\n\r\n    padding: 12px 17px 14px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #eadfce;\r\n\r\n    border-radius: 17px;\r\n\r\n    box-shadow:\r\n        0 3px 12px rgba(0,0,0,.06);\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-description {\r\n\r\n    margin: 8px auto 12px;\r\n\r\n    color: #083d2b;\r\n\r\n    text-align: center;\r\n\r\n    font-size: clamp(14px, 1.18vw, 18px);\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BANK GRID\r\n\r\n   3 columns:\r\n   LOGO | REKENING | CATATAN\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-bank-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        .78fr\r\n        1.18fr\r\n        .86fr;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 172px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO COLUMN\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-bank-brand {\r\n\r\n    display: grid;\r\n\r\n    grid-template-rows:\r\n        1fr\r\n        1fr;\r\n\r\n    align-items: center;\r\n\r\n    justify-items: center;\r\n\r\n    padding: 0 13px;\r\n\r\n    border-right: 1px solid #c99455;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-logo-row {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bca-logo {\r\n\r\n    display: block;\r\n\r\n    width: min(145px, 92%);\r\n\r\n    height: auto;\r\n\r\n    max-height: 62px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-mandiri-logo {\r\n\r\n    display: block;\r\n\r\n    width: min(145px, 92%);\r\n\r\n    height: auto;\r\n\r\n    max-height: 62px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCOUNT COLUMN\r\n\r\n   ROW 1 = BCA\r\n   ROW 2 = MANDIRI\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-bank-detail {\r\n\r\n    display: grid;\r\n\r\n    grid-template-rows:\r\n        1fr\r\n        1fr;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 0 17px;\r\n\r\n    border-right: 1px solid #c99455;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-item {\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 5px 0;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-item + .gfcc-bank-item {\r\n\r\n    border-top: 1px solid #d2a36b;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-name {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    font-size: clamp(14px, 1.22vw, 19px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.1;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-number {\r\n\r\n    font-size: clamp(19px, 1.82vw, 29px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.05;\r\n\r\n    white-space: nowrap;\r\n\r\n    letter-spacing: -.4px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-bca .gfcc-bank-name,\r\n#gfcc-building-page .gfcc-bank-bca .gfcc-bank-number {\r\n\r\n    color: #d00000;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-bank-mandiri .gfcc-bank-name,\r\n#gfcc-building-page .gfcc-bank-mandiri .gfcc-bank-number {\r\n\r\n    color: #1747a6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE COLUMN\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-bank-note {\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 5px 12px;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-note-title {\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #d00000;\r\n\r\n    font-size: clamp(14px, 1.2vw, 19px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.2;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-note-text {\r\n\r\n    color: #083d2b;\r\n\r\n    font-size: clamp(12px, 1.05vw, 16px);\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n#gfcc-building-page .gfcc-example {\r\n\r\n    margin-top: 6px;\r\n\r\n    color: #d00000;\r\n\r\n    font-size: clamp(24px, 2.25vw, 35px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL BUTTON\r\n   ========================================================= *\/\r\n\r\n#gfcc-building-page .gfcc-detail-button {\r\n\r\n    width: min(540px, 70%);\r\n\r\n    min-height: 49px;\r\n\r\n    margin: 14px auto 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 8px 20px;\r\n\r\n    background: #075333;\r\n\r\n    color: #ffffff !important;\r\n\r\n    border-radius: 30px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: clamp(18px, 1.6vw, 25px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.1;\r\n\r\n    cursor: pointer;\r\n\r\n    transform: translateY(0) scale(1);\r\n\r\n    box-shadow: 0 0 0 rgba(0,0,0,0);\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n#gfcc-building-page .gfcc-detail-button .gfcc-detail-icon {\r\n    display: inline-block;\r\n    margin-right: 7px;\r\n    transform: rotate(0deg) scale(1);\r\n    transition: transform .25s ease;\r\n}\r\n\r\n#gfcc-building-page .gfcc-detail-button:hover {\r\n\r\n    background: #08633d;\r\n\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-2px) scale(1.025);\r\n\r\n    box-shadow: 0 7px 18px rgba(0, 0, 0, .20);\r\n}\r\n\r\n#gfcc-building-page .gfcc-detail-button:hover .gfcc-detail-icon {\r\n    transform: rotate(12deg) scale(1.08);\r\n}\r\n\r\n#gfcc-building-page .gfcc-detail-button:active {\r\n    transform: translateY(0) scale(.99);\r\n    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);\r\n}\r\n\r\n#gfcc-building-page .gfcc-detail-button:focus-visible {\r\n    outline: 3px solid rgba(7, 83, 51, .35);\r\n    outline-offset: 3px;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #gfcc-building-page .gfcc-detail-button,\r\n    #gfcc-building-page .gfcc-detail-button .gfcc-detail-icon {\r\n        transition: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    #gfcc-building-page .gfcc-page {\r\n\r\n        padding: 20px 22px 18px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-top,\r\n    #gfcc-building-page .gfcc-bottom {\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-card-value {\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-number {\r\n\r\n        font-size: 21px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #gfcc-building-page {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    #gfcc-building-page .gfcc-page {\r\n\r\n        width: 100%;\r\n        max-width: 100% !important;\r\n        aspect-ratio: auto;\r\n\r\n        padding: 13px 9px 17px;\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n\r\n    \/* TITLE *\/\r\n\r\n    #gfcc-building-page .gfcc-main-title {\r\n\r\n        padding: 10px 7px;\r\n\r\n        font-size: 22px;\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n\r\n    \/* TOP *\/\r\n\r\n    #gfcc-building-page .gfcc-top {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n\r\n        margin-top: 17px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-fund-needed {\r\n\r\n        padding: 3px 10px 18px;\r\n\r\n        border-right: none;\r\n\r\n        border-bottom: 1px solid #c8b89b;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-fund-description {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-fund-amount {\r\n\r\n        font-size: 42px;\r\n\r\n        letter-spacing: -.5px;\r\n    }\r\n\r\n\r\n    \/* USAGE *\/\r\n\r\n    #gfcc-building-page .gfcc-usage-title {\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-usage-grid {\r\n\r\n        grid-template-columns:\r\n            1fr\r\n            1fr;\r\n\r\n        row-gap: 18px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-usage-item {\r\n\r\n        padding: 0 7px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-usage-item:nth-child(2) {\r\n\r\n        border-right: none;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-usage-icon {\r\n\r\n        width: 67px;\r\n        height: 67px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-usage-icon svg {\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-usage-text {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* BOTTOM *\/\r\n\r\n    #gfcc-building-page .gfcc-bottom {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n\r\n        margin-top: 20px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-section-title {\r\n\r\n        font-size: 18px;\r\n\r\n        padding: 9px;\r\n    }\r\n\r\n\r\n    \/* LEGEND *\/\r\n\r\n    #gfcc-building-page .gfcc-legend {\r\n\r\n        gap: 18px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* CHART *\/\r\n\r\n    #gfcc-building-page .gfcc-chart {\r\n\r\n        padding: 10px 7px 8px;\r\n\r\n        border-radius: 11px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-y-label {\r\n\r\n        width: 23px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-progress {\r\n\r\n        height: 55px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bar-text {\r\n\r\n        font-size: 8px;\r\n\r\n        padding: 0 3px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-scale {\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n\r\n    \/* CARDS *\/\r\n\r\n    #gfcc-building-page .gfcc-summary {\r\n\r\n        gap: 8px;\r\n\r\n        margin-top: 10px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-card {\r\n\r\n        min-height: 72px;\r\n\r\n        padding: 7px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-icon {\r\n\r\n        width: 39px;\r\n        height: 39px;\r\n\r\n        margin-right: 6px;\r\n\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-card-title {\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-card-value {\r\n\r\n        font-size: 13px;\r\n\r\n        letter-spacing: -.2px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-update-footer {\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    \/* BANK *\/\r\n\r\n    #gfcc-building-page .gfcc-bank-section {\r\n\r\n        padding: 10px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-description {\r\n\r\n        font-size: 13px;\r\n\r\n        margin: 8px auto 10px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-brand {\r\n\r\n        grid-template-rows: none;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        min-height: 75px;\r\n\r\n        padding: 8px;\r\n\r\n        border-right: none;\r\n\r\n        border-bottom: 1px solid #c99455;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-logo-row {\r\n\r\n        height: 65px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bca-logo {\r\n\r\n        width: 105px;\r\n\r\n        max-height: 48px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-mandiri-logo {\r\n\r\n        width: 110px;\r\n\r\n        max-height: 48px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-detail {\r\n\r\n        grid-template-rows:\r\n            1fr\r\n            1fr;\r\n\r\n        padding: 0 10px;\r\n\r\n        border-right: none;\r\n\r\n        border-bottom: 1px solid #c99455;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-item {\r\n\r\n        min-height: 70px;\r\n\r\n        padding: 9px 0;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-name {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-number {\r\n\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-bank-note {\r\n\r\n        padding: 10px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-note-title {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-note-text {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    #gfcc-building-page .gfcc-example {\r\n\r\n        font-size: 27px;\r\n    }\r\n\r\n\r\n    \/* BUTTON *\/\r\n\r\n    #gfcc-building-page .gfcc-detail-button {\r\n\r\n        width: 92%;\r\n\r\n        min-height: 46px;\r\n\r\n        margin-top: 14px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     MAIN PAGE\r\n     ===================================================== -->\r\n\r\n<div class=\"gfcc-page\">\r\n\r\n\r\n    <!-- =================================================\r\n         TITLE\r\n         ================================================= -->\r\n\r\n    <div class=\"gfcc-main-title\">\r\n\r\n        EXTRA BUDGET FINISHING TAHAP 1\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         TOP AREA\r\n         ================================================= -->\r\n\r\n    <div class=\"gfcc-top\">\r\n\r\n\r\n        <!-- =============================================\r\n             FUND NEEDED\r\n             ============================================= -->\r\n\r\n        <div class=\"gfcc-fund-needed\">\r\n\r\n\r\n            <div class=\"gfcc-fund-description\">\r\n\r\n                Untuk menyelesaikan pembangunan\r\n                <br>\r\n                Tahap 1, masih dibutuhkan dana tambahan\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gfcc-fund-amount\">\r\n\r\n                Rp 200.000.000\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gfcc-gold-line\"><\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =============================================\r\n             FUND USAGE\r\n             ============================================= -->\r\n\r\n        <div class=\"gfcc-usage\">\r\n\r\n\r\n            <div class=\"gfcc-usage-title\">\r\n\r\n                Rincian Penggunaan Dana Extra Budget:\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gfcc-usage-grid\">\r\n\r\n\r\n                <!-- 1 FINISHING -->\r\n\r\n                <div class=\"gfcc-usage-item\">\r\n\r\n\r\n                    <div class=\"gfcc-usage-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M14 3l7 7\"><\/path>\r\n\r\n                            <path d=\"M13 4l-9 9\"><\/path>\r\n\r\n                            <path d=\"M4 13l7 7\"><\/path>\r\n\r\n                            <path d=\"M5 12l-2 8 8-2\"><\/path>\r\n\r\n                            <path d=\"M8 16l3-3\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-usage-text\">\r\n\r\n                        Finishing interior\r\n                        <br>\r\n                        dan eksterior\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- 2 ELECTRICAL -->\r\n\r\n                <div class=\"gfcc-usage-item\">\r\n\r\n\r\n                    <div class=\"gfcc-usage-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M8 2v7\"><\/path>\r\n\r\n                            <path d=\"M16 2v7\"><\/path>\r\n\r\n                            <path d=\"M5 9h14\"><\/path>\r\n\r\n                            <path d=\"M7 9v5\"><\/path>\r\n\r\n                            <path d=\"M17 9v5\"><\/path>\r\n\r\n                            <path d=\"M7 14c0 4 2 6 5 6s5-2 5-6\"><\/path>\r\n\r\n                            <path d=\"M12 11l-2 4h3l-1 3\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-usage-text\">\r\n\r\n                        Instalasi listrik\r\n                        <br>\r\n                        dan tata cahaya\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- 3 WATER -->\r\n\r\n                <div class=\"gfcc-usage-item\">\r\n\r\n\r\n                    <div class=\"gfcc-usage-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M4 10h10\"><\/path>\r\n\r\n                            <path d=\"M14 7v6\"><\/path>\r\n\r\n                            <path d=\"M14 9h5\"><\/path>\r\n\r\n                            <path d=\"M19 9v3\"><\/path>\r\n\r\n                            <path d=\"M7 7v3\"><\/path>\r\n\r\n                            <path d=\"M4 13h10\"><\/path>\r\n\r\n                            <path d=\"M17 17c0 2-1 3-2 3s-2-1-2-3c0-1 2-3 2-3s2 2 2 3z\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-usage-text\">\r\n\r\n                        Instalasi air bersih\r\n                        <br>\r\n                        dan air kotor\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- 4 AC -->\r\n\r\n                <div class=\"gfcc-usage-item\">\r\n\r\n\r\n                    <div class=\"gfcc-usage-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect\r\n                                x=\"3\"\r\n                                y=\"5\"\r\n                                width=\"18\"\r\n                                height=\"9\"\r\n                                rx=\"1\">\r\n                            <\/rect>\r\n\r\n                            <path d=\"M7 18c0 2-1 3-1 3\"><\/path>\r\n\r\n                            <path d=\"M12 18c0 2-1 3-1 3\"><\/path>\r\n\r\n                            <path d=\"M17 18c0 2-1 3-1 3\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-usage-text\">\r\n\r\n                        Sistem tata udara\r\n                        <br>\r\n                        (AC)\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         BOTTOM AREA\r\n         ================================================= -->\r\n\r\n    <div class=\"gfcc-bottom\">\r\n\r\n\r\n        <!-- =============================================\r\n             UPDATE DANA\r\n             ============================================= -->\r\n\r\n        <div class=\"gfcc-update-section\">\r\n\r\n\r\n            <div class=\"gfcc-section-title\">\r\n\r\n                UPDATE DANA TERKUMPUL\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LEGEND -->\r\n\r\n            <div class=\"gfcc-legend\">\r\n\r\n\r\n                <div class=\"gfcc-legend-item\">\r\n\r\n                    <span class=\"gfcc-blue-dot\"><\/span>\r\n\r\n                    <span>Total Terkumpul<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gfcc-legend-item\">\r\n\r\n                    <span class=\"gfcc-red-dot\"><\/span>\r\n\r\n                    <span>Sisa Target<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CHART -->\r\n\r\n            <div class=\"gfcc-chart\">\r\n\r\n\r\n                <div class=\"gfcc-chart-axis\">\r\n\r\n\r\n                    <div class=\"gfcc-y-label\">\r\n\r\n                        Terkumpul\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-bar-area\">\r\n\r\n\r\n                        <div class=\"gfcc-progress\">\r\n\r\n\r\n                            <!-- BLUE -->\r\n\r\n                            <div\r\n                                class=\"gfcc-collected\"\r\n                                id=\"gfcc-collected\"\r\n                            >\r\n\r\n                                <span\r\n                                    class=\"gfcc-bar-text\"\r\n                                    id=\"gfcc-bar-terkumpul\"\r\n                                >\r\n                                    Memuat...\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- RED -->\r\n\r\n                            <div\r\n                                class=\"gfcc-remaining\"\r\n                                id=\"gfcc-remaining\"\r\n                            >\r\n\r\n                                <span\r\n                                    class=\"gfcc-bar-text\"\r\n                                    id=\"gfcc-bar-sisa\"\r\n                                >\r\n                                    Memuat...\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- SCALE -->\r\n\r\n                        <div class=\"gfcc-scale\">\r\n\r\n                            <span>Rp -<\/span>\r\n\r\n                            <span>Rp 50.000.000<\/span>\r\n\r\n                            <span>Rp 100.000.000<\/span>\r\n\r\n                            <span>Rp 150.000.000<\/span>\r\n\r\n                            <span>Rp 200.000.000<\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- SUMMARY CARDS -->\r\n\r\n                <div class=\"gfcc-summary\">\r\n\r\n\r\n                    <!-- TOTAL -->\r\n\r\n                    <div class=\"gfcc-card gfcc-card-blue\">\r\n\r\n\r\n                        <div class=\"gfcc-icon gfcc-icon-blue\">\r\n\r\n                            \ud83d\udcb0\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"gfcc-card-content\">\r\n\r\n\r\n                            <div class=\"gfcc-card-title\">\r\n\r\n                                TOTAL TERKUMPUL\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div\r\n                                class=\"gfcc-card-value\"\r\n                                id=\"gfcc-terkumpul\"\r\n                            >\r\n\r\n                                Memuat...\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- SISA -->\r\n\r\n                    <div class=\"gfcc-card gfcc-card-red\">\r\n\r\n\r\n                        <div class=\"gfcc-icon gfcc-icon-red\">\r\n\r\n                            \ud83c\udfaf\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"gfcc-card-content\">\r\n\r\n\r\n                            <div class=\"gfcc-card-title\">\r\n\r\n                                SISA TARGET\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div\r\n                                class=\"gfcc-card-value\"\r\n                                id=\"gfcc-sisa\"\r\n                            >\r\n\r\n                                Memuat...\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- PERCENTAGE \/ DATE -->\r\n\r\n                <div class=\"gfcc-update-footer\">\r\n\r\n\r\n                    <div>\r\n\r\n                        <span\r\n                            class=\"gfcc-percent\"\r\n                            id=\"gfcc-persentase\"\r\n                        >\r\n                            0%\r\n                        <\/span>\r\n\r\n                        pencapaian dari target\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div id=\"gfcc-update-date\">\r\n\r\n                        Data per ...\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =============================================\r\n             BANK\r\n             ============================================= -->\r\n\r\n        <div class=\"gfcc-bank-section\">\r\n\r\n\r\n            <div class=\"gfcc-section-title\">\r\n\r\n                REKENING PERSEMBAHAN\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gfcc-bank-description\">\r\n\r\n                Anda dapat berpartisipasi dengan\r\n                <br>\r\n                memberi persembahan pembangunan ke rekening berikut:\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"gfcc-bank-grid\">\r\n\r\n\r\n                <!-- =====================================\r\n                     LOGOS\r\n                     ===================================== -->\r\n\r\n                <div class=\"gfcc-bank-brand\">\r\n\r\n\r\n                    <!-- BCA ROW -->\r\n\r\n                    <div class=\"gfcc-bank-logo-row\">\r\n\r\n                        <img decoding=\"async\"\r\n                            class=\"gfcc-bca-logo\"\r\n                            src=\"https:\/\/www.bca.co.id\/-\/media\/Feature\/Card\/List-Card\/Tentang-BCA\/Brand-Assets\/Logo-BCA\/Logo-BCA_Biru.png\"\r\n                            alt=\"BCA\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- MANDIRI ROW -->\r\n\r\n                    <div class=\"gfcc-bank-logo-row\">\r\n\r\n                        <img decoding=\"async\"\r\n                            class=\"gfcc-mandiri-logo\"\r\n                            src=\"https:\/\/images.seeklogo.com\/logo-png\/1\/1\/bank-mandiri-logo-png_seeklogo-16290.png\"\r\n                            alt=\"Bank Mandiri\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =====================================\r\n                     BANK ACCOUNTS\r\n                     ===================================== -->\r\n\r\n                <div class=\"gfcc-bank-detail\">\r\n\r\n\r\n                    <!-- BCA -->\r\n\r\n                    <div class=\"gfcc-bank-item gfcc-bank-bca\">\r\n\r\n\r\n                        <div class=\"gfcc-bank-name\">\r\n\r\n                            Rek BCA\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"gfcc-bank-number\">\r\n\r\n                            857-0566-122\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- MANDIRI -->\r\n\r\n                    <div class=\"gfcc-bank-item gfcc-bank-mandiri\">\r\n\r\n\r\n                        <div class=\"gfcc-bank-name\">\r\n\r\n                            Rekening Mandiri\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"gfcc-bank-number\">\r\n\r\n                            112-0039-3939-18\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =====================================\r\n                     BCA NOTE\r\n                     ===================================== -->\r\n\r\n                <div class=\"gfcc-bank-note\">\r\n\r\n\r\n                    <div class=\"gfcc-note-title\">\r\n\r\n                        Khusus rekening BCA\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-note-text\">\r\n\r\n                        memberi akhiran angka 1\r\n                        <br>\r\n                        setelah jumlah, contoh:\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gfcc-example\">\r\n\r\n                        500.001\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         CLICKABLE DETAIL BUTTON\r\n         ================================================= -->\r\n\r\n    <a\r\n        class=\"gfcc-detail-button\"\r\n        href=\"https:\/\/gfcc.or.id\/give\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Detail persembahan GFCC\"\r\n    >\r\n\r\n        <span class=\"gfcc-detail-icon\" aria-hidden=\"true\">\ud83c\udf10<\/span>\r\n        Detail di gfcc.or.id\/give\r\n\r\n    <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     JAVASCRIPT\r\n     ===================================================== -->\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    \/* =====================================================\r\n       GOOGLE APPS SCRIPT API\r\n       ===================================================== *\/\r\n    const API_URL =\r\n        \"https:\/\/script.google.com\/macros\/s\/AKfycbww7BpVtaO5mCazLUhVBDhE-bxkRMUPo4y0vcu65JXC_BzK1fpVU4zZkeXLjDQRjwvs\/exec\";\r\n\r\n    \/* =====================================================\r\n       DATA TERAKHIR YANG DIKETAHUI\r\n       Ditampilkan langsung agar tidak pernah stuck di\r\n       \"Memuat...\" ketika API\/Elementor sedang lambat.\r\n       ===================================================== *\/\r\n    const DEFAULT_DATA = {\r\n        target: 200000000,\r\n        terkumpul: 36867914,\r\n        sisa: 163132086,\r\n        persentase: 18.433957\r\n    };\r\n\r\n    \/* =====================================================\r\n       FORMAT RUPIAH\r\n       ===================================================== *\/\r\n    function formatRupiah(value) {\r\n        return \"Rp \" + Number(value || 0).toLocaleString(\"id-ID\");\r\n    }\r\n\r\n    \/* =====================================================\r\n       FORMAT SINGKAT UNTUK PROGRESS BAR\r\n       ===================================================== *\/\r\n    function formatShortRupiah(value) {\r\n        const number = Number(value || 0);\r\n\r\n        if (number >= 1000000000) {\r\n            return \"Rp \" +\r\n                (number \/ 1000000000).toFixed(2).replace(\".\", \",\") +\r\n                \" M\";\r\n        }\r\n\r\n        if (number >= 1000000) {\r\n            return \"Rp \" +\r\n                (number \/ 1000000).toFixed(2).replace(\".\", \",\") +\r\n                \" jt\";\r\n        }\r\n\r\n        if (number >= 1000) {\r\n            return \"Rp \" +\r\n                (number \/ 1000).toFixed(1).replace(\".\", \",\") +\r\n                \" rb\";\r\n        }\r\n\r\n        return formatRupiah(number);\r\n    }\r\n\r\n    \/* =====================================================\r\n       CARI ROOT WIDGET\r\n       Semua elemen dicari di dalam widget ini saja supaya\r\n       tidak bentrok dengan elemen\/ID lain di halaman Elementor.\r\n       ===================================================== *\/\r\n    function getRoot() {\r\n        return document.getElementById(\"gfcc-building-page\");\r\n    }\r\n\r\n    \/* =====================================================\r\n       SET DATE = YESTERDAY\r\n       TIMEZONE: ASIA\/JAKARTA\r\n       ===================================================== *\/\r\n    function setUpdateDate(root) {\r\n        if (!root) return;\r\n\r\n        const dateElement = root.querySelector(\"#gfcc-update-date\");\r\n        if (!dateElement) return;\r\n\r\n        try {\r\n            const now = new Date();\r\n\r\n            const jakartaDate = new Intl.DateTimeFormat(\"en-CA\", {\r\n                timeZone: \"Asia\/Jakarta\",\r\n                year: \"numeric\",\r\n                month: \"2-digit\",\r\n                day: \"2-digit\"\r\n            }).format(now);\r\n\r\n            const parts = jakartaDate.split(\"-\");\r\n\r\n            const year = Number(parts[0]);\r\n            const month = Number(parts[1]);\r\n            const day = Number(parts[2]);\r\n\r\n            const yesterday = new Date(\r\n                Date.UTC(year, month - 1, day - 1)\r\n            );\r\n\r\n            const formatted = new Intl.DateTimeFormat(\"id-ID\", {\r\n                timeZone: \"UTC\",\r\n                day: \"numeric\",\r\n                month: \"long\",\r\n                year: \"numeric\"\r\n            }).format(yesterday);\r\n\r\n            dateElement.textContent = \"Data per \" + formatted;\r\n        } catch (error) {\r\n            console.warn(\"GFCC date error:\", error);\r\n        }\r\n    }\r\n\r\n    \/* =====================================================\r\n       UPDATE DISPLAY\r\n       ===================================================== *\/\r\n    function updateDisplay(root, data) {\r\n        if (!root) return;\r\n\r\n        const target = Number(data.target) || 0;\r\n        const terkumpul = Number(data.terkumpul) || 0;\r\n        const sisa = Number(data.sisa) || 0;\r\n\r\n        let persentase = Number(data.persentase) || 0;\r\n\r\n        \/*\r\n         * Antisipasi jika API mengembalikan 0.1843\r\n         * bukan 18.43.\r\n         *\/\r\n        if (persentase > 0 && persentase < 1) {\r\n            persentase *= 100;\r\n        }\r\n\r\n        \/* Hitung progress dari target agar selalu konsisten. *\/\r\n        let progress = 0;\r\n\r\n        if (target > 0) {\r\n            progress = (terkumpul \/ target) * 100;\r\n        }\r\n\r\n        progress = Math.min(Math.max(progress, 0), 100);\r\n\r\n        const collectedElement =\r\n            root.querySelector(\"#gfcc-collected\");\r\n\r\n        const remainingElement =\r\n            root.querySelector(\"#gfcc-remaining\");\r\n\r\n        const barTerkumpul =\r\n            root.querySelector(\"#gfcc-bar-terkumpul\");\r\n\r\n        const barSisa =\r\n            root.querySelector(\"#gfcc-bar-sisa\");\r\n\r\n        const totalElement =\r\n            root.querySelector(\"#gfcc-terkumpul\");\r\n\r\n        const sisaElement =\r\n            root.querySelector(\"#gfcc-sisa\");\r\n\r\n        const percentageElement =\r\n            root.querySelector(\"#gfcc-persentase\");\r\n\r\n        \/* BLUE BAR *\/\r\n        if (collectedElement) {\r\n            collectedElement.style.width = progress + \"%\";\r\n        }\r\n\r\n        \/* RED BAR *\/\r\n        if (remainingElement) {\r\n            remainingElement.style.width = (100 - progress) + \"%\";\r\n        }\r\n\r\n        \/* BAR TEXT *\/\r\n        if (barTerkumpul) {\r\n            barTerkumpul.textContent = formatShortRupiah(terkumpul);\r\n        }\r\n\r\n        if (barSisa) {\r\n            barSisa.textContent = formatShortRupiah(sisa);\r\n        }\r\n\r\n        \/* SUMMARY CARDS *\/\r\n        if (totalElement) {\r\n            totalElement.textContent = formatRupiah(terkumpul);\r\n        }\r\n\r\n        if (sisaElement) {\r\n            sisaElement.textContent = formatRupiah(sisa);\r\n        }\r\n\r\n        \/* PERCENTAGE *\/\r\n        if (percentageElement) {\r\n            percentageElement.textContent =\r\n                Number(persentase).toFixed(2).replace(\".\", \",\") + \"%\";\r\n        }\r\n    }\r\n\r\n    \/* =====================================================\r\n       LOAD DATA FROM GOOGLE SHEET\r\n       ===================================================== *\/\r\n    async function loadDonationData(root) {\r\n        if (!root) return;\r\n\r\n        try {\r\n            const separator = API_URL.indexOf(\"?\") >= 0 ? \"&\" : \"?\";\r\n            const requestURL = API_URL + separator + \"_gfcc=\" + Date.now();\r\n\r\n            const response = await fetch(requestURL, {\r\n                method: \"GET\",\r\n                cache: \"no-store\",\r\n                redirect: \"follow\"\r\n            });\r\n\r\n            if (!response.ok) {\r\n                throw new Error(\"HTTP \" + response.status);\r\n            }\r\n\r\n            const data = await response.json();\r\n\r\n            updateDisplay(root, data);\r\n\r\n            root.setAttribute(\"data-gfcc-api-status\", \"success\");\r\n\r\n            console.log(\"GFCC: data berhasil diperbarui\", data);\r\n        } catch (error) {\r\n            \/*\r\n             * Jangan menghapus data yang sudah tampil.\r\n             * DEFAULT_DATA tetap terlihat jika API gagal.\r\n             *\/\r\n            root.setAttribute(\"data-gfcc-api-status\", \"error\");\r\n\r\n            console.warn(\r\n                \"GFCC API tidak dapat diakses. Data terakhir tetap ditampilkan.\",\r\n                error\r\n            );\r\n        }\r\n    }\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n       ===================================================== *\/\r\n    function initializeGFCC() {\r\n        const root = getRoot();\r\n\r\n        if (!root) return false;\r\n\r\n        \/*\r\n         * Tandai sudah diinisialisasi, tetapi tetap aman jika\r\n         * Elementor merender ulang halaman.\r\n         *\/\r\n        if (root.getAttribute(\"data-gfcc-initialized\") === \"true\") {\r\n            return true;\r\n        }\r\n\r\n        root.setAttribute(\"data-gfcc-initialized\", \"true\");\r\n\r\n        \/* Tanggal langsung diisi, tidak menunggu API. *\/\r\n        setUpdateDate(root);\r\n\r\n        \/* Tampilkan data terakhir langsung. *\/\r\n        updateDisplay(root, DEFAULT_DATA);\r\n\r\n        \/* Setelah itu ambil data terbaru dari Google Sheet. *\/\r\n        loadDonationData(root);\r\n\r\n        return true;\r\n    }\r\n\r\n    \/* =====================================================\r\n       START\r\n       ===================================================== *\/\r\n    function startGFCC() {\r\n        initializeGFCC();\r\n\r\n        \/* Elementor kadang merender widget setelah DOM siap. *\/\r\n        setTimeout(initializeGFCC, 300);\r\n        setTimeout(initializeGFCC, 1000);\r\n        setTimeout(initializeGFCC, 2000);\r\n        setTimeout(initializeGFCC, 4000);\r\n    }\r\n\r\n    \/* =====================================================\r\n       DOM READY \/ LOAD\r\n       ===================================================== *\/\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", startGFCC);\r\n    } else {\r\n        startGFCC();\r\n    }\r\n\r\n    window.addEventListener(\"load\", startGFCC);\r\n\r\n    \/* =====================================================\r\n       ELEMENTOR FRONTEND\r\n       Jika Elementor sudah tersedia, jalankan lagi ketika\r\n       frontend Elementor selesai diinisialisasi.\r\n       ===================================================== *\/\r\n    if (window.jQuery) {\r\n        jQuery(window).on(\"elementor\/frontend\/init\", function () {\r\n            startGFCC();\r\n\r\n            setTimeout(startGFCC, 500);\r\n            setTimeout(startGFCC, 1500);\r\n        });\r\n    }\r\n\r\n    \/* =====================================================\r\n       MUTATION OBSERVER\r\n       Menangkap kasus ketika Elementor memasukkan widget\r\n       setelah JavaScript utama selesai dijalankan.\r\n       ===================================================== *\/\r\n    if (window.MutationObserver) {\r\n        const observer = new MutationObserver(function () {\r\n            const root = getRoot();\r\n\r\n            if (\r\n                root &&\r\n                root.getAttribute(\"data-gfcc-initialized\") !== \"true\"\r\n            ) {\r\n                initializeGFCC();\r\n            }\r\n        });\r\n\r\n        observer.observe(document.documentElement, {\r\n            childList: true,\r\n            subtree: true\r\n        });\r\n    }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Click Heredisini UPDATE DANA TERKUMPUL Total Terkumpul Sisa Target Terkumpul Memuat&#8230; Memuat&#8230; Rp &#8211; Rp 50.000.000 Rp 100.000.000 Rp 150.000.000 Rp 200.000.000 &#x1f4b0; TOTAL TERKUMPUL Memuat&#8230; &#x1f3af; SISA TARGET Memuat&#8230; 0% pencapaian dari target Data per &#8230; Click here&hellip;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-14630","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pembangunan Gedung Ibadah Baru - GFCC (Fuk Im Thong) - GFCC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gfcc.or.id\/id\/pembangunan-gfccfit\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pembangunan Gedung Ibadah Baru - GFCC (Fuk Im Thong) - GFCC\" \/>\n<meta property=\"og:description\" content=\"Click Heredisini UPDATE DANA TERKUMPUL Total Terkumpul Sisa Target Terkumpul Memuat&#8230; Memuat&#8230; Rp &#8211; Rp 50.000.000 Rp 100.000.000 Rp 150.000.000 Rp 200.000.000 &#x1f4b0; TOTAL TERKUMPUL Memuat&#8230; &#x1f3af; SISA TARGET Memuat&#8230; 0% pencapaian dari target Data per &#8230; Click here&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gfcc.or.id\/id\/pembangunan-gfccfit\/\" \/>\n<meta property=\"og:site_name\" content=\"GFCC\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GFCCPalembang\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-10T03:55:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/\",\"url\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/\",\"name\":\"Pembangunan Gedung Ibadah Baru - GFCC (Fuk Im Thong) - GFCC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gfcc.or.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/W001.png\",\"datePublished\":\"2026-08-29T18:02:32+00:00\",\"dateModified\":\"2026-09-10T03:55:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/#primaryimage\",\"url\":\"https:\\\/\\\/gfcc.or.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/W001.png\",\"contentUrl\":\"https:\\\/\\\/gfcc.or.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/W001.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/pembangunan-gfccfit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pembangunan Gedung Ibadah Baru &#8211; GFCC (Fuk Im Thong)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/\",\"name\":\"GFCC\",\"description\":\"Good Friends will lead you Jesus\",\"publisher\":{\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/#organization\",\"name\":\"Good Friends Community Church\",\"url\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/gfcc.or.id\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/cropped-DEFAULT-1.png\",\"contentUrl\":\"https:\\\/\\\/gfcc.or.id\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/cropped-DEFAULT-1.png\",\"width\":512,\"height\":512,\"caption\":\"Good Friends Community Church\"},\"image\":{\"@id\":\"https:\\\/\\\/gfcc.or.id\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/GFCCPalembang\",\"https:\\\/\\\/www.instagram.com\\\/gfcc.plg\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pembangunan Gedung Ibadah Baru - GFCC (Fuk Im Thong) - GFCC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gfcc.or.id\/id\/pembangunan-gfccfit\/","og_locale":"id_ID","og_type":"article","og_title":"Pembangunan Gedung Ibadah Baru - GFCC (Fuk Im Thong) - GFCC","og_description":"Click Heredisini UPDATE DANA TERKUMPUL Total Terkumpul Sisa Target Terkumpul Memuat&#8230; Memuat&#8230; Rp &#8211; Rp 50.000.000 Rp 100.000.000 Rp 150.000.000 Rp 200.000.000 &#x1f4b0; TOTAL TERKUMPUL Memuat&#8230; &#x1f3af; SISA TARGET Memuat&#8230; 0% pencapaian dari target Data per &#8230; Click here&hellip;","og_url":"https:\/\/gfcc.or.id\/id\/pembangunan-gfccfit\/","og_site_name":"GFCC","article_publisher":"https:\/\/www.facebook.com\/GFCCPalembang","article_modified_time":"2026-09-10T03:55:58+00:00","og_image":[{"width":1672,"height":941,"url":"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/","url":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/","name":"Pembangunan Gedung Ibadah Baru - GFCC (Fuk Im Thong) - GFCC","isPartOf":{"@id":"https:\/\/gfcc.or.id\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/#primaryimage"},"image":{"@id":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/#primaryimage"},"thumbnailUrl":"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png","datePublished":"2026-08-29T18:02:32+00:00","dateModified":"2026-09-10T03:55:58+00:00","breadcrumb":{"@id":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gfcc.or.id\/pembangunan-gfccfit\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/#primaryimage","url":"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png","contentUrl":"https:\/\/gfcc.or.id\/wp-content\/uploads\/2026\/08\/W001.png"},{"@type":"BreadcrumbList","@id":"https:\/\/gfcc.or.id\/pembangunan-gfccfit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gfcc.or.id\/id\/"},{"@type":"ListItem","position":2,"name":"Pembangunan Gedung Ibadah Baru &#8211; GFCC (Fuk Im Thong)"}]},{"@type":"WebSite","@id":"https:\/\/gfcc.or.id\/id\/#website","url":"https:\/\/gfcc.or.id\/id\/","name":"GFCC","description":"Good Friends will lead you Jesus","publisher":{"@id":"https:\/\/gfcc.or.id\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gfcc.or.id\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/gfcc.or.id\/id\/#organization","name":"Good Friends Community Church","url":"https:\/\/gfcc.or.id\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/gfcc.or.id\/id\/#\/schema\/logo\/image\/","url":"https:\/\/gfcc.or.id\/wp-content\/uploads\/2023\/03\/cropped-DEFAULT-1.png","contentUrl":"https:\/\/gfcc.or.id\/wp-content\/uploads\/2023\/03\/cropped-DEFAULT-1.png","width":512,"height":512,"caption":"Good Friends Community Church"},"image":{"@id":"https:\/\/gfcc.or.id\/id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GFCCPalembang","https:\/\/www.instagram.com\/gfcc.plg\/"]}]}},"_links":{"self":[{"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/pages\/14630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/comments?post=14630"}],"version-history":[{"count":259,"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/pages\/14630\/revisions"}],"predecessor-version":[{"id":15154,"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/pages\/14630\/revisions\/15154"}],"wp:attachment":[{"href":"https:\/\/gfcc.or.id\/id\/wp-json\/wp\/v2\/media?parent=14630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}