{"id":64,"date":"2026-07-25T07:18:11","date_gmt":"2026-07-25T07:18:11","guid":{"rendered":"https:\/\/sanfai.site\/?page_id=64"},"modified":"2026-07-28T04:54:59","modified_gmt":"2026-07-28T04:54:59","slug":"elementor-64","status":"publish","type":"page","link":"https:\/\/sanfai.site\/?page_id=64","title":{"rendered":"Elementor #64"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Griya Fairus Ar-Rahman - SanFai Property<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n \/* CSS BERSIFAT ISOLASI (SCOPED) KHUSUS WRAPPER INI SAJA *\/\r\n .sanfai-page-wrap {\r\n width: 100%;\r\n max-width: 100%;\r\n background: #ffffff;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .sanfai-page-wrap *, .sanfai-page-wrap *:before, .sanfai-page-wrap *:after {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* NAVBAR TRANSPARAN DENGAN EFEK ASAP PUTIH & BRANDING SEPERTI CONTOH GAMBAR *\/\r\n .sanfai-page-wrap .sanfai-navbar {\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.3);\r\n padding: 16px 45px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 100;\r\n box-shadow: 0 8px 32px rgba(255, 255, 255, 0.12), inset 0 0 20px rgba(255, 255, 255, 0.25);\r\n animation: sanfaiSmokeWave 8s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes sanfaiSmokeWave {\r\n 0% {\r\n box-shadow: 0 8px 32px rgba(255, 255, 255, 0.08), inset 0 0 15px rgba(255, 255, 255, 0.15);\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n 50% {\r\n box-shadow: 0 12px 45px rgba(255, 255, 255, 0.25), inset 0 0 30px rgba(255, 255, 255, 0.4);\r\n background: rgba(255, 255, 255, 0.22);\r\n }\r\n 100% {\r\n box-shadow: 0 8px 32px rgba(255, 255, 255, 0.08), inset 0 0 15px rgba(255, 255, 255, 0.15);\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n \/* LOGO DIPERKECIL & DISEJAJARKAN SECARA VERTICAL DI TENGAH *\/\r\n .sanfai-page-wrap .sanfai-brand-logo {\r\n height: 30px;\r\n width: auto;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n \/* NAMA BRAND DIPERKECIL DAN DISEJAJARKAN SECARA VERTICAL DI TENGAH *\/\r\n .sanfai-page-wrap .sanfai-brand-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #0d231a;\r\n letter-spacing: -0.2px;\r\n margin: 0;\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n \/* MENU NAVBAR DIPOKSIKIN KE KANAN *\/\r\n .sanfai-page-wrap .sanfai-nav-menu {\r\n display: flex;\r\n gap: 32px;\r\n list-style: none;\r\n margin: 0 0 0 auto;\r\n padding: 0;\r\n align-items: center;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-nav-menu a {\r\n text-decoration: none;\r\n color: #0D1B3D;\r\n font-size: 14px;\r\n font-weight: 700;\r\n transition: opacity 0.2s, color 0.2s;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-nav-menu a:hover {\r\n color: #1B6F4A;\r\n opacity: 1;\r\n }\r\n\r\n \/* HAMBURGER TOGGLE UNTUK MOBILE *\/\r\n .sanfai-page-wrap .sanfai-nav-toggle {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n flex-direction: column;\r\n gap: 5px;\r\n padding: 5px;\r\n margin-left: auto;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-nav-toggle span {\r\n display: block;\r\n width: 25px;\r\n height: 3px;\r\n background-color: #0D1B3D;\r\n border-radius: 2px;\r\n transition: 0.3s;\r\n }\r\n\r\n \/* KONTEN UTAMA DETAIL PROYEK (Diberi margin-top agar tidak tertutup navbar absolute) *\/\r\n .sanfai-page-wrap .sanfai-detail-content {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 95px 45px 15px 45px;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 380px;\r\n gap: 30px;\r\n align-items: stretch;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-gallery-box {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-main-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n flex-grow: 1;\r\n min-height: 310px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n background: #cbd5e1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 20px;\r\n margin-bottom: 12px;\r\n box-shadow: 0 12px 35px rgba(27, 77, 62, 0.08);\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-main-img-wrap > img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-stock {\r\n position: absolute;\r\n top: 18px;\r\n left: 18px;\r\n background: linear-gradient(135deg, #14453A 0%, #1B6F4A 100%);\r\n color: #ffffff;\r\n font-size: 11.5px;\r\n font-weight: 700;\r\n padding: 7px 14px;\r\n border-radius: 6px;\r\n letter-spacing: 0.5px;\r\n z-index: 3;\r\n }\r\n\r\n \/* HIGHLIGHT BADGE UTAMA DI BAWAH GAMBAR *\/\r\n .sanfai-page-wrap .sanfai-badge-info-bottom {\r\n position: relative;\r\n z-index: 3;\r\n background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\r\n border: 1.5px solid #f59e0b;\r\n color: #78350f;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n text-align: center;\r\n box-shadow: 0 6px 20px rgba(245, 158, 11, 0.25);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n animation: sanfaiPulseHighlight 2s infinite;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-info-bottom svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: #d97706;\r\n flex-shrink: 0;\r\n }\r\n\r\n @keyframes sanfaiPulseHighlight {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 8px rgba(245, 158, 11, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);\r\n }\r\n }\r\n\r\n \/* THUMBNAIL KECIL *\/\r\n .sanfai-page-wrap .sanfai-thumb-grid {\r\n position: relative;\r\n z-index: 3;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 10px;\r\n width: 100%;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-item {\r\n position: relative;\r\n height: 72px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n transition: border-color 0.2s, transform 0.2s;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-item:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-item.active {\r\n border-color: #14453A;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.65);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-align: center;\r\n gap: 2px;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-overlay:hover {\r\n background: rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-thumb-overlay svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n \/* KOTAK INFORMASI PROYEK DI KANAN *\/\r\n .sanfai-page-wrap .sanfai-info-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 25px;\r\n box-shadow: 0 16px 45px rgba(27, 77, 62, 0.08);\r\n border: 1px solid #edf2f7;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-info-top {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-info-card h1 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: #0D1B3D;\r\n margin: 0 0 8px 0;\r\n line-height: 1.2;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-info-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: #64748b;\r\n font-weight: 500;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-info-location svg {\r\n width: 16px;\r\n height: 16px;\r\n stroke: #14453A;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-rating-area {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 15px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: #334155;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-stars-row {\r\n color: #f59e0b;\r\n letter-spacing: -1px;\r\n font-size: 15px;\r\n }\r\n\r\n \/* HARGA PROYEK & CICILAN *\/\r\n .sanfai-page-wrap .sanfai-price-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n background: #fafaf9;\r\n border: 1px solid #f1f5f9;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\r\n border-radius: 12px;\r\n padding: 12px 16px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-price-col {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-price-col:not(:last-child) {\r\n border-bottom: 1px solid #e2e8f0;\r\n padding-bottom: 8px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-price-label {\r\n font-size: 13px;\r\n color: #64748b;\r\n font-weight: 600;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-price-value {\r\n font-size: 19px;\r\n font-weight: 800;\r\n color: #0D1B3D;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-price-value span {\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-installment-value {\r\n font-size: 17px;\r\n font-weight: 800;\r\n color: #1B6F4A;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-installment-value span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #64748b;\r\n }\r\n\r\n \/* TOMBOL AKSI KANAN *\/\r\n .sanfai-page-wrap .sanfai-action-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-btn-brosur {\r\n background-color: #ffffff;\r\n color: #0D1B3D;\r\n border: 1px solid #cbd5e1;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: all 0.2s;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-btn-brosur:hover {\r\n background-color: #f8fafc;\r\n border-color: #0D1B3D;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-btn-chat {\r\n background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%);\r\n color: #ffffff;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n box-shadow: 0 4px 12px rgba(13, 27, 61, 0.2);\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-btn-chat:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-box {\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 12px;\r\n padding: 11px 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-icon {\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n color: #14453A;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: #14453A;\r\n fill: none;\r\n stroke-width: 2;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-texts {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-label {\r\n font-size: 10px;\r\n color: #64748b;\r\n font-weight: 600;\r\n line-height: 1.2;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-badge-val {\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #0D1B3D;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* SECTION SPESIFIKASI RUMAH *\/\r\n .sanfai-page-wrap .sanfai-specs-section {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 45px 35px 45px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-specs-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 28px 35px;\r\n box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #edf2f7;\r\n display: grid;\r\n grid-template-columns: repeat(8, 1fr);\r\n gap: 18px;\r\n align-items: center;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n position: relative;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: -9px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 1px;\r\n height: 36px;\r\n background-color: #e2e8f0;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-icon {\r\n width: 44px;\r\n height: 44px;\r\n flex-shrink: 0;\r\n color: #14453A;\r\n background: #eef7f2;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: #14453A;\r\n fill: none;\r\n stroke-width: 2;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-label {\r\n font-size: 12px;\r\n color: #64748b;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-spec-value {\r\n font-size: 14.5px;\r\n font-weight: 700;\r\n color: #0D1B3D;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* MODAL GALERI FOTO INTERAKTIF *\/\r\n .sanfai-page-wrap .sanfai-modal-overlay {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.85);\r\n z-index: 9999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-overlay.active {\r\n display: flex;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-content {\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 800px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 90vh;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-header {\r\n padding: 16px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-header h3 {\r\n margin: 0;\r\n font-size: 16px;\r\n color: #0D1B3D;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-close {\r\n background: none;\r\n border: none;\r\n font-size: 22px;\r\n cursor: pointer;\r\n color: #64748b;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-body {\r\n padding: 20px;\r\n overflow-y: auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-img-card {\r\n height: 150px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background: #e2e8f0;\r\n }\r\n\r\n .sanfai-page-wrap .sanfai-modal-img-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* RESPONSIF *\/\r\n @media (max-width: 1200px) {\r\n .sanfai-page-wrap .sanfai-specs-card {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .sanfai-page-wrap .sanfai-spec-item:not(:last-child)::after {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .sanfai-page-wrap .sanfai-navbar {\r\n padding: 15px 20px;\r\n }\r\n .sanfai-page-wrap .sanfai-nav-toggle {\r\n display: flex;\r\n }\r\n .sanfai-page-wrap .sanfai-nav-menu {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(15px);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 20px;\r\n gap: 16px;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n z-index: 99;\r\n }\r\n .sanfai-page-wrap .sanfai-nav-menu.active {\r\n display: flex;\r\n }\r\n .sanfai-page-wrap .sanfai-specs-section {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n .sanfai-page-wrap .sanfai-detail-content {\r\n grid-template-columns: 1fr;\r\n padding: 85px 20px 10px 20px;\r\n align-items: start;\r\n }\r\n .sanfai-page-wrap .sanfai-gallery-box {\r\n height: auto;\r\n }\r\n .sanfai-page-wrap .sanfai-main-img-wrap {\r\n height: 380px;\r\n }\r\n .sanfai-page-wrap .sanfai-specs-card {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .sanfai-page-wrap .sanfai-specs-card {\r\n grid-template-columns: 1fr;\r\n }\r\n .sanfai-page-wrap .sanfai-main-img-wrap {\r\n height: 260px;\r\n padding: 12px;\r\n }\r\n .sanfai-page-wrap .sanfai-thumb-item {\r\n height: 60px;\r\n }\r\n .sanfai-page-wrap .sanfai-modal-body {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .sanfai-page-wrap .sanfai-info-card h1 {\r\n font-size: 22px;\r\n }\r\n .sanfai-page-wrap .sanfai-price-value {\r\n font-size: 18px;\r\n }\r\n .sanfai-page-wrap .sanfai-badge-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .sanfai-page-wrap .sanfai-brand-title {\r\n font-size: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"sanfai-page-wrap\">\r\n\r\n <!-- NAVBAR TRANSPARAN DENGAN LOGO & NAMA DISEJAJARKAN (VERTICAL CENTER) -->\r\n <nav class=\"sanfai-navbar\">\r\n <a href=\"#\" class=\"sanfai-brand\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/cropped-cropped-logosanfai.jpg\" alt=\"Logo SanFai\" class=\"sanfai-brand-logo\">\r\n <span class=\"sanfai-brand-title\">SanFai Property<\/span>\r\n <\/a>\r\n\r\n <!-- TOMBOL HAMBURGER MOBILE -->\r\n <button class=\"sanfai-nav-toggle\" onclick=\"toggleMobileNav()\" aria-label=\"Menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n\r\n <ul class=\"sanfai-nav-menu\" id=\"sanfaiNavMenu\">\r\n <li><a href=\"https:\/\/sanfai.site\/\">Beranda<\/a><\/li>\r\n <li><a href=\"#tentang\">Tentang<\/a><\/li>\r\n <li><a href=\"#fasilitas\">Fasilitas<\/a><\/li>\r\n <li><a href=\"#kprsyariah\">KPR Syariah<\/a><\/li>\r\n <li><a href=\"#unit\">Unit<\/a><\/li>\r\n <li><a href=\"#sales\">Sales<\/a><\/li>\r\n <li><a href=\"#kontak\">Kontak<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- KONTEN UTAMA ATAS -->\r\n <div class=\"sanfai-detail-content\">\r\n\r\n <!-- Kolom Kiri: Galeri Foto -->\r\n <div class=\"sanfai-gallery-box\">\r\n <div class=\"sanfai-main-img-wrap\" id=\"mainImageContainer\">\r\n <span class=\"sanfai-badge-stock\">READY STOCK<\/span>\r\n <img decoding=\"async\" id=\"activeMainImg\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar4.jpg\" alt=\"Griya Fairus Ar-Rahman\">\r\n \r\n <!-- HIGHLIGHT BADGE DI BAWAH GAMBAR UTAMA -->\r\n <div class=\"sanfai-badge-info-bottom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n Tersedia juga unit 1 lantai, chat sales kami untuk cari tahu lebih lengkap\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Thumbnail Interaktif -->\r\n <div class=\"sanfai-thumb-grid\">\r\n <div class=\"sanfai-thumb-item active\" onclick=\"setMainImage(0, 'https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar4.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar5.jpg\" alt=\"Thumb 1\">\r\n <\/div>\r\n <div class=\"sanfai-thumb-item\" onclick=\"setMainImage(1, 'https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar3.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar3.jpg\" alt=\"Thumb 2\">\r\n <\/div>\r\n <div class=\"sanfai-thumb-item\" onclick=\"setMainImage(2, 'https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar1.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/imggfar1.jpg\" alt=\"Thumb 3\">\r\n <\/div>\r\n <div class=\"sanfai-thumb-item\" onclick=\"openGalleryModal()\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DP2GFAR2.jpg\" alt=\"Thumb 4\">\r\n <div class=\"sanfai-thumb-overlay\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n Lihat Foto<br><span style=\"font-size: 9.5px; opacity: 0.9;\">28+ Foto<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Kolom Kanan: Informasi & Harga -->\r\n <div class=\"sanfai-info-card\">\r\n <div class=\"sanfai-info-top\">\r\n <h1>\r\n <span>Griya Fairus<\/span>\r\n <span>Ar-Rahman 2 Lantai<\/span>\r\n <\/h1>\r\n \r\n <div class=\"sanfai-info-location\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n Cilodong, Depok\r\n <\/div>\r\n\r\n <div class=\"sanfai-rating-area\">\r\n <span class=\"sanfai-stars-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span>4.8 <span style=\"color: #64748b; font-weight: 500;\">(126 Ulasan)<\/span><\/span>\r\n <\/div>\r\n\r\n <!-- Harga Proyek & Cicilan -->\r\n <div class=\"sanfai-price-row\">\r\n <div class=\"sanfai-price-col\">\r\n <span class=\"sanfai-price-label\">Harga Mulai<\/span>\r\n <span class=\"sanfai-price-value\">Rp 655 <span>Juta<\/span><\/span>\r\n <\/div>\r\n <div class=\"sanfai-price-col\">\r\n <span class=\"sanfai-price-label\">Estimasi Cicilan<\/span>\r\n <span class=\"sanfai-installment-value\">3,8 jt<span>\/bln<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sanfai-action-group\">\r\n <a href=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/brosurgfar.jpg\" class=\"sanfai-btn-brosur\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n Lihat Brosur\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281227711189&text=Halo%20SanFai%20Property%20Saya%20Minat%20GriyaFairusArRahman\" class=\"sanfai-btn-chat\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n Chat Marketing\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- 2 Kartu Fitur Di Bawah Tombol -->\r\n <div class=\"sanfai-badge-grid\">\r\n <div class=\"sanfai-badge-box\">\r\n <div class=\"sanfai-badge-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"sanfai-badge-texts\">\r\n <span class=\"sanfai-badge-label\">Developed by<\/span>\r\n <span class=\"sanfai-badge-val\">SanFai Property<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sanfai-badge-box\">\r\n <div class=\"sanfai-badge-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"><\/path><\/svg>\r\n <\/div>\r\n <div class=\"sanfai-badge-texts\">\r\n <span class=\"sanfai-badge-label\">Proyek Selesai<\/span>\r\n <span class=\"sanfai-badge-val\">15+ Proyek<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- SECTION SPESIFIKASI RUMAH -->\r\n <div class=\"sanfai-specs-section\">\r\n <div class=\"sanfai-specs-card\">\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Tipe<\/span><span class=\"sanfai-spec-value\">45\/72<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 7v11m0-4h18m0-7v11M3 10h18M7 7v3m10-3v3\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Kamar Tidur<\/span><span class=\"sanfai-spec-value\">3\/2<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12h16a1 1 0 011 1v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1zM6 12V7a2 2 0 012-2h3V3h2v2h3a2 2 0 012 2v5\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Kamar Mandi<\/span><span class=\"sanfai-spec-value\">2<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Luas Tanah<\/span><span class=\"sanfai-spec-value\">72 m\u00b2<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Luas Bangunan<\/span><span class=\"sanfai-spec-value\">45 m\u00b2<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 17h14v-4H5v4m0-8h14l1.5 4H3.5L5 9m2 11a1 1 0 100-2 1 1 0 000 2zm10 0a1 1 0 100-2 1 1 0 000 2 z\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Carport<\/span><span class=\"sanfai-spec-value\">1 Mobil<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Listrik<\/span><span class=\"sanfai-spec-value\">2200 VA<\/span><\/div>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <div class=\"sanfai-spec-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg><\/div>\r\n <div class=\"sanfai-spec-info\"><span class=\"sanfai-spec-label\">Legalitas<\/span><span class=\"sanfai-spec-value\">SHM<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- MODAL POPUP GALERI -->\r\n<div class=\"sanfai-page-wrap\">\r\n <div class=\"sanfai-modal-overlay\" id=\"galleryModal\" onclick=\"closeGalleryModal(event)\">\r\n <div class=\"sanfai-modal-content\" onclick=\"event.stopPropagation()\">\r\n <div class=\"sanfai-modal-header\">\r\n <h3>Semua Foto Proyek Griya Fairus Ar-Rahman<\/h3>\r\n <button class=\"sanfai-modal-close\" onclick=\"closeGalleryModalDirect()\">×<\/button>\r\n <\/div>\r\n <div class=\"sanfai-modal-body\">\r\n <div class=\"sanfai-modal-img-card\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DP2GFAR3.jpg\" alt=\"Foto 1\"><\/div>\r\n <div class=\"sanfai-modal-img-card\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DP2GFAR2.jpg\" alt=\"Foto 2\"><\/div>\r\n <div class=\"sanfai-modal-img-card\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DP2GFAR5.jpg\" alt=\"Foto 3\"><\/div>\r\n <div class=\"sanfai-modal-img-card\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DP2GFAR4.jpg\" alt=\"Foto 4\"><\/div>\r\n <div class=\"sanfai-modal-img-card\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DP2GFAR7.jpg\" alt=\"Foto 5\"><\/div>\r\n <div class=\"sanfai-modal-img-card\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DPGFAR3.jpg\" alt=\"Foto 6\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function setMainImage(index, imgSrc) {\r\n document.getElementById('activeMainImg').src = imgSrc;\r\n const thumbs = document.querySelectorAll('.sanfai-thumb-item');\r\n thumbs.forEach((thumb, idx) => {\r\n if (idx === index) {\r\n thumb.classList.add('active');\r\n } else {\r\n thumb.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n function openGalleryModal() {\r\n document.getElementById('galleryModal').classList.add('active');\r\n }\r\n\r\n function closeGalleryModalDirect() {\r\n document.getElementById('galleryModal').classList.remove('active');\r\n }\r\n\r\n function closeGalleryModal(event) {\r\n if (event.target.id === 'galleryModal') {\r\n document.getElementById('galleryModal').classList.remove('active');\r\n }\r\n }\r\n\r\n function toggleMobileNav() {\r\n const menu = document.getElementById('sanfaiNavMenu');\r\n menu.classList.toggle('active');\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-83b6d7c e-con e-atomic-element e-flexbox-base e-4786ee4 \" data-id=\"83b6d7c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"83b6d7c\" id=\"tentang\">\n \t\t<div class=\"elementor-element elementor-element-18af841 elementor-widget elementor-widget-html\" data-id=\"18af841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KONTEN SECTION: TENTANG & SIMULASI KPR SYARIAH (TIDAK KEPINGGIRAN) -->\n<div class=\"sanfai-simple-section\">\n \n <!-- SISI KIRI: TENTANG & KEUNGGULAN GFAR -->\n <div class=\"sanfai-simple-col\">\n <h2 class=\"sanfai-simple-title\">Tentang Griya Fairus Ar-Rahman<\/h2>\n <p class=\"sanfai-simple-desc\">\n Griya Fairus Ar-Rahman adalah hunian islami modern dengan desain elegan dan fungsional. Berlokasi strategis di Cilodong, Depok, lingkungan nyaman, aman dan dekat dengan berbagai fasilitas umum.\n <\/p>\n\n <h3 class=\"sanfai-simple-subtitle\">Keunggulan<\/h3>\n <ul class=\"sanfai-simple-list\">\n <li>\n <span class=\"sanfai-simple-check\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n Desain Islami Modern\n <\/li>\n <li>\n <span class=\"sanfai-simple-check\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n One Gate System & Security 24 Jam\n <\/li>\n <li>\n <span class=\"sanfai-simple-check\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n Dekat Akses Tol & Transportasi Umum\n <\/li>\n <li>\n <span class=\"sanfai-simple-check\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n Lingkungan Asri & Bebas Banjir\n <\/li>\n <li>\n <span class=\"sanfai-simple-check\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n Dekat Sekolah, Masjid & Pasar Modern\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- SISI KANAN: SIMULASI KPR SYARIAH -->\n <div class=\"sanfai-simple-col\">\n <div class=\"sanfai-kpr-box\">\n <div class=\"sanfai-kpr-top\">\n <span class=\"sanfai-kpr-label\">Simulasi KPR Syariah<\/span>\n <div class=\"sanfai-kpr-price\">Rp 655.000.000<\/div>\n <\/div>\n \n <div class=\"sanfai-kpr-mid\">\n <div class=\"sanfai-kpr-info\">\n <span class=\"sanfai-kpr-sub\">DP Mulai<\/span>\n <span class=\"sanfai-kpr-val\">10%<\/span>\n <\/div>\n <div class=\"sanfai-kpr-line\"><\/div>\n <div class=\"sanfai-kpr-info\">\n <span class=\"sanfai-kpr-sub\">Angsuran Mulai<\/span>\n <span class=\"sanfai-kpr-val\">Rp 3,8 <span style=\"font-size: 12px; font-weight: 600;\">Jutaan \/Bln<\/span><\/span>\n <\/div>\n <\/div>\n\n <a href=\"#kprsyariah\" class=\"sanfai-kpr-btn\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\n Hitung KPR Syariah\n <\/a>\n <\/div>\n <\/div>\n\n<\/div>\n\n<!-- CSS DENGAN JARAK AMAN DARI PINGGIR (RESPONSIF) -->\n<style>\n .sanfai-simple-section {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 50px 40px;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 50px;\n align-items: center;\n box-sizing: border-box;\n }\n\n .sanfai-simple-section *, \n .sanfai-simple-section *::before, \n .sanfai-simple-section *::after {\n box-sizing: border-box;\n }\n\n .sanfai-simple-title {\n font-size: clamp(22px, 2.4vw, 26px);\n font-weight: 800;\n color: #0d2818;\n margin: 0 0 14px 0;\n line-height: 1.3;\n }\n\n .sanfai-simple-desc {\n font-size: clamp(14px, 1.1vw, 15.5px);\n color: #475569;\n line-height: 1.7;\n margin: 0 0 24px 0;\n }\n\n .sanfai-simple-subtitle {\n font-size: clamp(16px, 1.4vw, 18px);\n font-weight: 700;\n color: #0d2818;\n margin: 0 0 14px 0;\n }\n\n .sanfai-simple-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .sanfai-simple-list li {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: clamp(13.5px, 1.1vw, 15px);\n color: #334155;\n font-weight: 600;\n }\n\n .sanfai-simple-check {\n width: 22px;\n height: 22px;\n background: #ecfdf5;\n color: #10b981;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .sanfai-simple-check svg {\n width: 13px;\n height: 13px;\n }\n\n \/* Kotak Simulasi KPR Syariah dengan Gradasi Menyesuaikan Gambar Referensi *\/\n .sanfai-kpr-box {\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\n border-radius: 24px;\n padding: clamp(24px, 3vw, 36px);\n color: #ffffff;\n box-shadow: 0 15px 35px rgba(13, 27, 61, 0.25);\n width: 100%;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .sanfai-kpr-top {\n margin-bottom: 22px;\n }\n\n .sanfai-kpr-label {\n font-size: 12.5px;\n color: #d1d5db;\n font-weight: 600;\n display: block;\n margin-bottom: 6px;\n }\n\n .sanfai-kpr-price {\n font-size: clamp(24px, 2.8vw, 30px);\n font-weight: 800;\n color: #ffffff;\n }\n\n .sanfai-kpr-mid {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 14px;\n padding: 16px;\n margin-bottom: 22px;\n }\n\n .sanfai-kpr-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .sanfai-kpr-sub {\n font-size: 11.5px;\n color: #d1d5db;\n font-weight: 600;\n margin-bottom: 3px;\n }\n\n .sanfai-kpr-val {\n font-size: clamp(16px, 1.8vw, 19px);\n font-weight: 800;\n color: #ffffff;\n }\n\n .sanfai-kpr-line {\n width: 1px;\n height: 35px;\n background: rgba(255, 255, 255, 0.2);\n margin: 0 16px;\n }\n\n .sanfai-kpr-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n background: #ffffff;\n color: #0D1B3D;\n padding: 14px;\n border-radius: 12px;\n font-weight: 700;\n font-size: clamp(13.5px, 1.2vw, 15px);\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .sanfai-kpr-btn:hover {\n background: #f8fafc;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n \/* MEDIA QUERY RESPONSIF *\/\n @media (max-width: 900px) {\n .sanfai-simple-section {\n grid-template-columns: 1fr;\n gap: 40px;\n padding: 40px 24px;\n }\n }\n\n @media (max-width: 600px) {\n .sanfai-simple-section {\n padding: 30px 18px;\n gap: 30px;\n }\n .sanfai-kpr-box {\n padding: 22px;\n border-radius: 18px;\n }\n }\n\n @media (max-width: 380px) {\n .sanfai-simple-section {\n padding: 20px 14px;\n }\n .sanfai-kpr-mid {\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n }\n .sanfai-kpr-line {\n width: 100%;\n height: 1px;\n margin: 2px 0;\n }\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4536ce6 e-con e-atomic-element e-flexbox-base e-4e8ad09 \" data-id=\"4536ce6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4536ce6\" id=\"fasilitas\">\n \t\t<div class=\"elementor-element elementor-element-357c31e elementor-widget elementor-widget-html\" data-id=\"357c31e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KONTEN SECTION: FASILITAS KAWASAN, LOKASI STRATEGIS & GOOGLE MAPS EMBED -->\r\n<div class=\"sanfai-clean-section\">\r\n \r\n <!-- SISI KIRI: FASILITAS KAWASAN & LOKASI STRATEGIS -->\r\n <div class=\"sanfai-clean-col\">\r\n <h2 class=\"sanfai-clean-title\">Fasilitas Kawasan<\/h2>\r\n <div class=\"sanfai-fasilitas-grid\">\r\n \r\n <!-- Masjid -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M12 2L4 7v3h16V7l-8-5zM2 20h20v2H2v-2zm3-10v8h4v-5h6v5h4v-8H5z\"><\/path><\/svg>\r\n <\/div>\r\n <span>Masjid<\/span>\r\n <\/div>\r\n\r\n <!-- Taman -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M9 17H7a5 5 0 010-10h2m6 10h2a5 5 0 000-10h-2m0 10V5a2 2 0 10-4 0v12m-4 0v6h8v-6m-4 0h4\"><\/path><\/svg>\r\n <\/div>\r\n <span>Taman<\/span>\r\n <\/div>\r\n\r\n <!-- One Gate System -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0110 0v4M12 15h1\"><\/path><\/svg>\r\n <\/div>\r\n <span>One Gate System<\/span>\r\n <\/div>\r\n\r\n <!-- CCTV -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.07 4.93L17.66 6.34M19.07 19.07L17.66 17.66M4.93 19.07L6.34 17.66M4.93 4.93L6.34 6.34\"><\/path><\/svg>\r\n <\/div>\r\n <span>CCTV<\/span>\r\n <\/div>\r\n\r\n <!-- Security 24 Jam -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n <\/div>\r\n <span>Security 24 Jam<\/span>\r\n <\/div>\r\n\r\n <!-- Playground -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M20 9v.01M16 7v.01M8 7v.01M4 9v.01M12 21c-4.418 0-8-3.582-8-8S7.582 5 12 5s8 3.582 8 8-3.582 8-8 8zM12 5V3M16 7l2-2M8 7L6 5\"><\/path><\/svg>\r\n <\/div>\r\n <span>Playground<\/span>\r\n <\/div>\r\n\r\n <!-- Jogging Track -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7M20 22v-7M4 18h16\"><\/path><\/svg>\r\n <\/div>\r\n <span>Jogging Track<\/span>\r\n <\/div>\r\n\r\n <!-- Row Jalan Lebar -->\r\n <div class=\"sanfai-fasilitas-item\">\r\n <div class=\"sanfai-icon-circle\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M2 3v18h20V3H2zM6 3v18M18 3v18M12 6l4 6-4 6M8 12h8\"><\/path><\/svg>\r\n <\/div>\r\n <span>Row Jalan Lebar<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- DI BAWAH FASILITAS: LOKASI STRATEGIS & MAPS EMBED -->\r\n <div class=\"sanfai-lokasi-wrapper\">\r\n <h3 class=\"sanfai-clean-title\" style=\"margin-top: 24px;\">Lokasi Strategis<\/h3>\r\n \r\n <div class=\"sanfai-lokasi-content\">\r\n \r\n <!-- KOTAK GOOGLE MAPS EMBED -->\r\n <div class=\"sanfai-lokasi-map-box\">\r\n <div class=\"sanfai-map-iframe-wrap\">\r\n <iframe src=\"https:\/\/maps.google.com\/maps?q=-6.429867923471472,106.83803782387376&z=15&output=embed\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-6.429867923471472,106.83803782387376\" target=\"_blank\" class=\"sanfai-map-badge-btn\">\r\n Maps \r\n <svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg>\r\n <\/a>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-6.429867923471472,106.83803782387376\" target=\"_blank\" class=\"sanfai-lokasi-big-btn\">\r\n Lihat di Google Maps\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- List Poin Waktu \/ Jarak -->\r\n <div class=\"sanfai-lokasi-list\">\r\n \r\n <div class=\"sanfai-lokasi-item\">\r\n <div class=\"sanfai-lokasi-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 100 20 10 10 0 000-20zM12 6a6 6 0 110 12 6 6 0 010-12z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"sanfai-lokasi-time\">20 menit<\/span>\r\n <span class=\"sanfai-lokasi-desc\">Akses Tol Cinere-Jagorawi<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sanfai-lokasi-item\">\r\n <div class=\"sanfai-lokasi-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"sanfai-lokasi-time\">12 menit<\/span>\r\n <span class=\"sanfai-lokasi-desc\">Stasiun KRL Depok Lama<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sanfai-lokasi-item\">\r\n <div class=\"sanfai-lokasi-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"sanfai-lokasi-time\">9 menit<\/span>\r\n <span class=\"sanfai-lokasi-desc\">RS Hasanah Graha Afiah<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sanfai-lokasi-item\">\r\n <div class=\"sanfai-lokasi-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"sanfai-lokasi-time\">20 menit<\/span>\r\n <span class=\"sanfai-lokasi-desc\">D'Mall Depok<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- SISI KANAN: DENAH RUMAH -->\r\n <div class=\"sanfai-clean-col\">\r\n <h2 class=\"sanfai-clean-title\">Denah Rumah<\/h2>\r\n \r\n <div class=\"sanfai-denah-wrap\">\r\n <div class=\"sanfai-denah-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/lt1gfar.jpg\" alt=\"Denah Lantai 1\">\r\n <span class=\"sanfai-denah-label\">Lantai 1<\/span>\r\n <\/div>\r\n <div class=\"sanfai-denah-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/lt2gfar.jpg\" alt=\"Denah Lantai 2\">\r\n <span class=\"sanfai-denah-label\">Lantai 2<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/denahfiksgfar.jpg\" class=\"sanfai-denah-btn\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n Lihat Detail Denah\r\n <\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- CSS STYLING LENGKAP -->\r\n<style>\r\n .sanfai-clean-section {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 20px 40px 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: start;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-clean-section *, \r\n .sanfai-clean-section *::before, \r\n .sanfai-clean-section *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-clean-col {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sanfai-clean-title {\r\n font-size: clamp(18px, 2vw, 22px);\r\n font-weight: 800;\r\n color: #1b4332;\r\n margin: 0 0 12px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .sanfai-fasilitas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-fasilitas-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: linear-gradient(135deg, #ffffff 0%, #f1f8f5 100%);\r\n border: 1px solid #d8f3dc;\r\n padding: 10px 14px;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(27, 67, 50, 0.04);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .sanfai-fasilitas-item:hover {\r\n transform: translateY(-3px);\r\n border-color: #2d6a4f;\r\n box-shadow: 0 8px 20px rgba(45, 106, 79, 0.12);\r\n background: linear-gradient(135deg, #ffffff 0%, #e8f5ec 100%);\r\n }\r\n\r\n .sanfai-icon-circle {\r\n width: 38px;\r\n height: 38px;\r\n background: #1b4332;\r\n color: #ffffff;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n box-shadow: 0 4px 10px rgba(27, 67, 50, 0.2);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .sanfai-fasilitas-item:hover .sanfai-icon-circle {\r\n transform: scale(1.05) rotate(3deg);\r\n background: #2d6a4f;\r\n }\r\n\r\n .sanfai-icon-circle svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .sanfai-fasilitas-item span {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #1b4332;\r\n line-height: 1.3;\r\n }\r\n\r\n .sanfai-lokasi-wrapper {\r\n margin-top: 10px;\r\n }\r\n\r\n .sanfai-lokasi-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n align-items: center;\r\n }\r\n\r\n .sanfai-lokasi-map-box {\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 10px;\r\n border: 1px solid #e2e8f0;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-map-iframe-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 145px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .sanfai-map-badge-btn {\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n background: #ffffff;\r\n color: #1b4332;\r\n padding: 5px 10px;\r\n border-radius: 6px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n transition: background 0.2s;\r\n }\r\n\r\n .sanfai-map-badge-btn:hover {\r\n background: #f1f5f9;\r\n }\r\n\r\n .sanfai-lokasi-big-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n color: #ffffff;\r\n padding: 10px 14px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 12px;\r\n text-decoration: none;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .sanfai-lokasi-big-btn:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n .sanfai-lokasi-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-lokasi-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-lokasi-icon {\r\n width: 32px;\r\n height: 32px;\r\n background: #f1f8f5;\r\n color: #1b4332;\r\n border: 1px solid #d8f3dc;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanfai-lokasi-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .sanfai-lokasi-time {\r\n display: block;\r\n font-size: 11px;\r\n font-weight: 800;\r\n color: #1b4332;\r\n line-height: 1.2;\r\n }\r\n\r\n .sanfai-lokasi-desc {\r\n display: block;\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n color: #475569;\r\n line-height: 1.2;\r\n }\r\n\r\n .sanfai-denah-wrap {\r\n display: flex;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sanfai-denah-box {\r\n flex: 1;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n padding: 8px;\r\n text-align: center;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .sanfai-denah-box img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: contain;\r\n display: block;\r\n border-radius: 8px;\r\n }\r\n\r\n .sanfai-denah-label {\r\n display: block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #64748b;\r\n margin-top: 6px;\r\n }\r\n\r\n .sanfai-denah-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n color: #ffffff;\r\n padding: 12px;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n text-decoration: none;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .sanfai-denah-btn:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .sanfai-clean-section {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n padding: 0 16px 30px 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n .sanfai-clean-section {\r\n padding: 0 14px 24px 14px;\r\n gap: 24px;\r\n }\r\n .sanfai-fasilitas-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .sanfai-lokasi-content {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ee4e54e e-con e-atomic-element e-flexbox-base e-4d50c0d \" data-id=\"ee4e54e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee4e54e\" id=\"kprsyariah\">\n \t\t<div class=\"elementor-element elementor-element-d99bb69 elementor-widget elementor-widget-html\" data-id=\"d99bb69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KONTEN SECTION: SIMULASI KPR SYARIAH DENGAN HIGHLIGHT -->\r\n<div class=\"sanfai-clean-section\">\r\n <div class=\"sanfai-clean-col\" style=\"grid-column: 1 \/ -1;\">\r\n <h2 class=\"sanfai-clean-title\">Simulasi KPR Syariah<\/h2>\r\n \r\n <div class=\"sanfai-simulasi-container\">\r\n <!-- SISI KIRI: INPUT SLIDER \/ PILIHAN -->\r\n <div class=\"sanfai-simulasi-inputs\">\r\n \r\n <!-- Harga Rumah -->\r\n <div class=\"sanfai-input-group\">\r\n <div class=\"sanfai-input-label-wrap\">\r\n <span>Harga Rumah<\/span>\r\n <strong id=\"sanfai-harga-val\">Rp 780.000.000<\/strong>\r\n <\/div>\r\n <!-- Step diubah menjadi 5.000.000 (kelipatan 5 juta) -->\r\n <input type=\"range\" id=\"sanfai-harga\" min=\"500000000\" max=\"950000000\" step=\"5000000\" value=\"780000000\" class=\"sanfai-slider\">\r\n <\/div>\r\n\r\n <!-- Uang Muka (DP) -->\r\n <div class=\"sanfai-input-group\">\r\n <div class=\"sanfai-input-label-wrap\">\r\n <span>Uang Muka (DP) <small id=\"sanfai-dp-pct-label\">(20%)<\/small><\/span>\r\n <strong id=\"sanfai-dp-val\">Rp 156.000.000<\/strong>\r\n <\/div>\r\n <input type=\"range\" id=\"sanfai-dp\" min=\"10\" max=\"50\" step=\"5\" value=\"20\" class=\"sanfai-slider\">\r\n <\/div>\r\n\r\n <!-- Tenor -->\r\n <div class=\"sanfai-input-group\">\r\n <div class=\"sanfai-input-label-wrap\">\r\n <span>Tenor (Jangka Waktu)<\/span>\r\n <strong id=\"sanfai-tenor-val\">15 Tahun<\/strong>\r\n <\/div>\r\n <input type=\"range\" id=\"sanfai-tenor\" min=\"5\" max=\"20\" step=\"1\" value=\"15\" class=\"sanfai-slider\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- SISI KANAN: HASIL ESTIMASI ANGSURAN (DENGAN HIGHLIGHT) -->\r\n <div class=\"sanfai-simulasi-result-box sanfai-highlight-box\">\r\n <div class=\"sanfai-highlight-badge\">Rekomendasi Terbaik<\/div>\r\n <span class=\"sanfai-result-title\">Estimasi Angsuran Per Bulan<\/span>\r\n <div class=\"sanfai-result-nominal\" id=\"sanfai-result-angsuran\">Rp 5.123.000<\/div>\r\n <span class=\"sanfai-result-note\">*Perhitungan bersifat estimasi<\/span>\r\n \r\n <a href=\"#ajukan\" class=\"sanfai-result-btn\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n Ajukan KPR Sekarang\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CSS STYLING SIMULASI KPR DENGAN HIGHLIGHT -->\r\n<style>\r\n .sanfai-clean-section {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 20px 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-clean-title {\r\n font-size: clamp(18px, 2vw, 22px);\r\n font-weight: 800;\r\n color: #1b4332;\r\n margin: 0 0 16px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .sanfai-simulasi-container {\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 16px;\r\n padding: 24px;\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: 30px;\r\n align-items: center;\r\n box-shadow: 0 4px 20px rgba(27, 67, 50, 0.04);\r\n }\r\n\r\n .sanfai-simulasi-inputs {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .sanfai-input-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .sanfai-input-label-wrap {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 13px;\r\n color: #475569;\r\n font-weight: 600;\r\n }\r\n\r\n .sanfai-input-label-wrap strong {\r\n color: #1b4332;\r\n font-weight: 800;\r\n font-size: 14px;\r\n }\r\n\r\n .sanfai-input-label-wrap small {\r\n color: #2d6a4f;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Custom Slider Styling *\/\r\n .sanfai-slider {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n border-radius: 3px;\r\n background: #cbd5e1;\r\n outline: none;\r\n transition: background 0.2s;\r\n }\r\n\r\n .sanfai-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background: #1b4332;\r\n cursor: pointer;\r\n box-shadow: 0 2px 6px rgba(27, 67, 50, 0.3);\r\n transition: transform 0.1s ease, background 0.2s;\r\n }\r\n\r\n .sanfai-slider::-webkit-slider-thumb:hover {\r\n transform: scale(1.15);\r\n background: #2d6a4f;\r\n }\r\n\r\n \/* Kotak Hasil Angsuran dengan Highlight Khusus *\/\r\n .sanfai-simulasi-result-box {\r\n background: #ffffff;\r\n border: 1px solid #d8f3dc;\r\n border-radius: 12px;\r\n padding: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n box-shadow: 0 4px 15px rgba(27, 67, 50, 0.06);\r\n position: relative;\r\n }\r\n\r\n \/* Style Tambahan untuk Highlight *\/\r\n .sanfai-highlight-box {\r\n border: 2px solid #1b6f4a;\r\n background: linear-gradient(135deg, #ffffff 0%, #f1f8f5 100%);\r\n box-shadow: 0 10px 25px rgba(27, 111, 74, 0.15);\r\n }\r\n\r\n .sanfai-highlight-badge {\r\n position: absolute;\r\n top: -12px;\r\n right: 20px;\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n color: #ffffff;\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n box-shadow: 0 2px 6px rgba(13, 27, 61, 0.2);\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .sanfai-result-title {\r\n font-size: 12.5px;\r\n font-weight: 700;\r\n color: #64748b;\r\n }\r\n\r\n .sanfai-result-nominal {\r\n font-size: clamp(22px, 2.5vw, 28px);\r\n font-weight: 800;\r\n color: #1b4332;\r\n line-height: 1.2;\r\n }\r\n\r\n .sanfai-result-note {\r\n font-size: 11px;\r\n color: #94a3b8;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .sanfai-result-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n color: #ffffff;\r\n padding: 12px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n font-size: 13px;\r\n text-decoration: none;\r\n transition: opacity 0.2s, transform 0.2s;\r\n }\r\n\r\n .sanfai-result-btn:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Responsive Styling *\/\r\n @media (max-width: 850px) {\r\n .sanfai-simulasi-container {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n padding: 16px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT SIMULASI KPR -->\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const hargaSlider = document.getElementById(\"sanfai-harga\");\r\n const dpSlider = document.getElementById(\"sanfai-dp\");\r\n const tenorSlider = document.getElementById(\"sanfai-tenor\");\r\n\r\n const hargaVal = document.getElementById(\"sanfai-harga-val\");\r\n const dpVal = document.getElementById(\"sanfai-dp-val\");\r\n const dpPctLabel = document.getElementById(\"sanfai-dp-pct-label\");\r\n const tenorVal = document.getElementById(\"sanfai-tenor-val\");\r\n const resultAngsuran = document.getElementById(\"sanfai-result-angsuran\");\r\n\r\n function formatRupiah(angka) {\r\n return \"Rp \" + angka.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\r\n }\r\n\r\n function hitungKPR() {\r\n let hargaRumah = parseInt(hargaSlider.value);\r\n let dpPersen = parseInt(dpSlider.value);\r\n let tenorTahun = parseInt(tenorSlider.value);\r\n\r\n let jumlahDP = (hargaRumah * dpPersen) \/ 100;\r\n let plafonPinjaman = hargaRumah - jumlahDP;\r\n \r\n let totalBulan = tenorTahun * 12;\r\n let angsuranPerBulan = Math.round((plafonPinjaman + (plafonPinjaman * 0.085 * tenorTahun)) \/ totalBulan);\r\n\r\n hargaVal.innerText = formatRupiah(hargaRumah);\r\n dpPctLabel.innerText = \"(\" + dpPersen + \"%)\";\r\n dpVal.innerText = formatRupiah(jumlahDP);\r\n tenorVal.innerText = tenorTahun + \" Tahun\";\r\n resultAngsuran.innerText = formatRupiah(angsuranPerBulan);\r\n }\r\n\r\n hargaSlider.addEventListener(\"input\", hitungKPR);\r\n dpSlider.addEventListener(\"input\", hitungKPR);\r\n tenorSlider.addEventListener(\"input\", hitungKPR);\r\n\r\n hitungKPR();\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c3fd1a3 e-con e-atomic-element e-flexbox-base e-a5e7c44 \" data-id=\"c3fd1a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c3fd1a3\" id=\"unit\">\n \t\t<div class=\"elementor-element elementor-element-b9783d6 elementor-widget elementor-widget-html\" data-id=\"b9783d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KONTEN SECTION & MODAL: UNIT LAINNYA YANG TERSEDIA -->\r\n<div class=\"sanfai-clean-section\">\r\n <div class=\"sanfai-clean-col\" style=\"grid-column: 1 \/ -1;\">\r\n \r\n <!-- Header Section -->\r\n <div class=\"sanfai-unit-header\">\r\n <h2 class=\"sanfai-clean-title\" style=\"margin: 0;\">Unit Lainnya Yang Tersedia<\/h2>\r\n <a href=\"javascript:void(0);\" id=\"openSanfaiModal\" class=\"sanfai-unit-all-link\">\r\n Lihat Semua Unit \r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Wrapper Slider \/ Grid Unit -->\r\n <div class=\"sanfai-unit-slider-wrap\">\r\n <div class=\"sanfai-unit-grid\">\r\n \r\n <!-- Card 1 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFALWP.jpg\" alt=\"Griya Fairus Al-Farouq\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Al-Farouq<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 850 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>90 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-alfarouq\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFELWP.jpg\" alt=\"Griya Fairus El-Fany\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus El-Fany<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 920 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>102 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-elfany\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GRAFWP.jpg\" alt=\"Griya Fairus Rafani\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Rafani<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 760 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>2 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>72 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-rafani\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFNIRWP.jpg\" alt=\"Griya Fairus Nirvana\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Nirvana<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 810 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>90 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-nirvana\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL \/ LAYAR MENGAMBANG SEMUA UNIT -->\r\n<div id=\"sanfaiUnitModal\" class=\"sanfai-modal-overlay\">\r\n <div class=\"sanfai-modal-container\">\r\n \r\n <div class=\"sanfai-modal-header\">\r\n <h3 class=\"sanfai-modal-title\">Semua Unit Yang Tersedia<\/h3>\r\n <button type=\"button\" class=\"sanfai-modal-close\" id=\"closeSanfaiModal\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"sanfai-modal-body\">\r\n <div class=\"sanfai-modal-grid\">\r\n \r\n <!-- Unit 1 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFALWP.jpg\" alt=\"Griya Fairus Al-Farouq\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Al-Farouq<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 850 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>90 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-alfarouq\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Unit 2 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFELWP.jpg\" alt=\"Griya Fairus El-Fany\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus El-Fany<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 920 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>102 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-elfany\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Unit 3 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GRAFWP.jpg\" alt=\"Griya Fairus Rafani\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Rafani<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 760 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>2 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>72 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-rafani\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Unit 4 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFNIRWP.jpg\" alt=\"Griya Fairus Nirvana\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Nirvana<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 810 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>90 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-nirvana\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Unit 5 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFALWP.jpg\" alt=\"Griya Fairus Madinah\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Madinah<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 880 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>3 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>2 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>95 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-madinah\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Unit 6 -->\r\n <div class=\"sanfai-unit-card\">\r\n <div class=\"sanfai-unit-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFELWP.jpg\" alt=\"Griya Fairus Multazam\">\r\n <\/div>\r\n <div class=\"sanfai-unit-content\">\r\n <h3 class=\"sanfai-unit-name\">Griya Fairus Multazam<\/h3>\r\n <div class=\"sanfai-unit-price\">Rp 950 Juta<\/div>\r\n <div class=\"sanfai-unit-specs\">\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n <span>4 KT<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <span>3 KM<\/span>\r\n <\/div>\r\n <div class=\"sanfai-spec-item\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path><\/svg>\r\n <span>120 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#detail-multazam\" class=\"sanfai-unit-btn\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CSS SCOPED AMAN (TIDAK MERUSAK ELEMEN LUAR ATAU GAMBAR DENAH LAIN) -->\r\n<style>\r\n .sanfai-clean-section {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 20px 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-clean-section *,\r\n .sanfai-modal-overlay * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-clean-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #1b4332;\r\n line-height: 1.3;\r\n margin: 0;\r\n }\r\n\r\n .sanfai-unit-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sanfai-unit-all-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: #1b4332;\r\n text-decoration: none;\r\n cursor: pointer;\r\n }\r\n\r\n .sanfai-unit-all-link:hover {\r\n color: #2d6a4f;\r\n }\r\n\r\n .sanfai-unit-slider-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n padding-bottom: 15px;\r\n -webkit-overflow-scrolling: touch;\r\n scroll-snap-type: x mandatory;\r\n }\r\n\r\n .sanfai-unit-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 20px;\r\n width: 100%;\r\n }\r\n\r\n .sanfai-unit-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 4px 15px rgba(27, 67, 50, 0.04);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n scroll-snap-align: start;\r\n width: 100%;\r\n }\r\n\r\n .sanfai-unit-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 25px rgba(27, 67, 50, 0.1);\r\n border-color: #d8f3dc;\r\n }\r\n\r\n \/* KHUSUS GAMBAR KARTU KITA SAJA (TIDAK MENGENAI GAMBAR LAIN DI HALAMAN) *\/\r\n .sanfai-unit-card .sanfai-unit-img-box {\r\n width: 100%;\r\n height: 180px;\r\n background: #f8fafc;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanfai-unit-card .sanfai-unit-img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .sanfai-unit-card:hover .sanfai-unit-img-box img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .sanfai-unit-content {\r\n padding: 18px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n flex: 1;\r\n width: 100%;\r\n }\r\n\r\n .sanfai-unit-name {\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: #1b4332;\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .sanfai-unit-price {\r\n font-size: 14.5px;\r\n font-weight: 800;\r\n color: #2d6a4f;\r\n }\r\n\r\n .sanfai-unit-specs {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 8px;\r\n margin: 4px 0;\r\n padding-top: 10px;\r\n border-top: 1px solid #f1f5f9;\r\n }\r\n\r\n .sanfai-spec-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 12.5px;\r\n font-weight: 600;\r\n color: #64748b;\r\n }\r\n\r\n .sanfai-spec-item svg {\r\n width: 15px;\r\n height: 15px;\r\n color: #1b4332;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanfai-unit-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n background: transparent;\r\n color: #1b4332;\r\n border: 1px solid #1b4332;\r\n padding: 10px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 13px;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n margin-top: auto;\r\n }\r\n\r\n .sanfai-unit-btn:hover {\r\n background: #1b4332;\r\n color: #ffffff;\r\n }\r\n\r\n \/* STYLING MODAL *\/\r\n .sanfai-modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n z-index: 999999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n padding: 20px;\r\n }\r\n\r\n .sanfai-modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .sanfai-modal-container {\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 1150px;\r\n max-height: 90vh;\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transform: translateY(20px);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .sanfai-modal-overlay.active .sanfai-modal-container {\r\n transform: translateY(0);\r\n }\r\n\r\n .sanfai-modal-header {\r\n padding: 18px 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-bottom: 1px solid #e2e8f0;\r\n background: #f8fafc;\r\n }\r\n\r\n .sanfai-modal-title {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: #1b4332;\r\n margin: 0;\r\n }\r\n\r\n .sanfai-modal-close {\r\n background: transparent;\r\n border: none;\r\n cursor: pointer;\r\n color: #64748b;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px;\r\n border-radius: 50%;\r\n }\r\n\r\n .sanfai-modal-close:hover {\r\n background: #e2e8f0;\r\n color: #1b4332;\r\n }\r\n\r\n .sanfai-modal-body {\r\n padding: 28px;\r\n overflow-y: auto;\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n .sanfai-modal-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 24px;\r\n width: 100%;\r\n }\r\n\r\n \/* RESPONSIVE MEDIA QUERIES *\/\r\n @media (max-width: 1024px) {\r\n .sanfai-unit-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .sanfai-modal-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 540px) {\r\n .sanfai-unit-grid,\r\n .sanfai-modal-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT -->\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const openBtn = document.getElementById(\"openSanfaiModal\");\r\n const closeBtn = document.getElementById(\"closeSanfaiModal\");\r\n const modal = document.getElementById(\"sanfaiUnitModal\");\r\n\r\n if (openBtn && modal && closeBtn) {\r\n openBtn.addEventListener(\"click\", function (e) {\r\n e.preventDefault();\r\n modal.classList.add(\"active\");\r\n document.body.style.overflow = \"hidden\";\r\n });\r\n\r\n closeBtn.addEventListener(\"click\", function () {\r\n modal.classList.remove(\"active\");\r\n document.body.style.overflow = \"auto\";\r\n });\r\n\r\n modal.addEventListener(\"click\", function (e) {\r\n if (e.target === modal) {\r\n modal.classList.remove(\"active\");\r\n document.body.style.overflow = \"auto\";\r\n }\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b5a2bb8 e-con e-atomic-element e-flexbox-base e-4df7ea1 \" data-id=\"b5a2bb8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b5a2bb8\" id=\"sales\">\n \t\t<div class=\"elementor-element elementor-element-1fbf2da elementor-widget elementor-widget-html\" data-id=\"1fbf2da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KONTEN SECTION: TIM SALES PROFESIONAL (TANPA UNIT TERJUAL & TANPA LINK \"LIHAT SEMUA SALES\") -->\r\n<div class=\"sanfai-clean-section\">\r\n <div class=\"sanfai-clean-col\" style=\"grid-column: 1 \/ -1;\">\r\n \r\n <!-- Header Section -->\r\n <div class=\"sanfai-sales-header\">\r\n <h2 class=\"sanfai-clean-title\" style=\"margin: 0;\">Tim Sales Profesional<\/h2>\r\n <\/div>\r\n\r\n <!-- Grid Sales (4 Card) -->\r\n <div class=\"sanfai-sales-grid\">\r\n \r\n <!-- Card 1: Budi Santoso -->\r\n <div class=\"sanfai-sales-card\">\r\n <div class=\"sanfai-sales-rating\">\r\n <svg width=\"12\" height=\"12\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.399 8.168-7.333-3.854-7.333 3.854 1.399-8.168-5.934-5.787 8.2-1.192z\"\/><\/svg>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"sanfai-sales-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sls.jpg\" alt=\"Budi Santoso\">\r\n <\/div>\r\n <div class=\"sanfai-sales-info\">\r\n <h3 class=\"sanfai-sales-name\">Pak Rama<\/h3>\r\n <p class=\"sanfai-sales-role\">Spesialist Rumah Ready<\/p>\r\n <\/div>\r\n <div class=\"sanfai-sales-actions\">\r\n <a href=\"tel:085155011761\" class=\"sanfai-sales-phone-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n 0851-5501-1761\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285155011761&text=Halo%20Pak,%20Saya%20Dari%20Website%20Ingin%20Tanya-tanya%20Tentang%20Rumah%20SanFai\" target=\"_blank\" class=\"sanfai-sales-wa-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n Chat WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2: Siti Aisyah -->\r\n <div class=\"sanfai-sales-card\">\r\n <div class=\"sanfai-sales-rating\">\r\n <svg width=\"12\" height=\"12\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.399 8.168-7.333-3.854-7.333 3.854 1.399-8.168-5.934-5.787 8.2-1.192z\"\/><\/svg>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"sanfai-sales-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sls2.jpg\" alt=\"Siti Aisyah\">\r\n <\/div>\r\n <div class=\"sanfai-sales-info\">\r\n <h3 class=\"sanfai-sales-name\">Ka Sakina<\/h3>\r\n <p class=\"sanfai-sales-role\"> Spesialist Rumah Syariah<\/p>\r\n <\/div>\r\n <div class=\"sanfai-sales-actions\">\r\n <a href=\"tel:082121544115\" class=\"sanfai-sales-phone-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n 0821-2154-4115\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282121544115&text=Halo%20Ka,%20Saya%20Dari%20Website%20Ingin%20Tanya-tanya%20Tentang%20Rumah%20SanFai\" target=\"_blank\" class=\"sanfai-sales-wa-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n Chat WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3: Ahmad Fauzi -->\r\n <div class=\"sanfai-sales-card\">\r\n <div class=\"sanfai-sales-rating\">\r\n <svg width=\"12\" height=\"12\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.399 8.168-7.333-3.854-7.333 3.854 1.399-8.168-5.934-5.787 8.2-1.192z\"\/><\/svg>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"sanfai-sales-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sls4.png\" alt=\"Ahmad Fauzi\">\r\n <\/div>\r\n <div class=\"sanfai-sales-info\">\r\n <h3 class=\"sanfai-sales-name\">Ka Tasya<\/h3>\r\n <p class=\"sanfai-sales-role\">Spesialis Cluster Premium<\/p>\r\n <\/div>\r\n <div class=\"sanfai-sales-actions\">\r\n <a href=\"tel:081211223344\" class=\"sanfai-sales-phone-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n 0821-2395-7074\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282123957074&text=Halo%20Ka,%20Saya%20Dari%20Website%20Ingin%20Tanya-tanya%20Tentang%20Rumah%20SanFai\" target=\"_blank\" class=\"sanfai-sales-wa-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n Chat WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4: Nadia Rahma -->\r\n <div class=\"sanfai-sales-card\">\r\n <div class=\"sanfai-sales-rating\">\r\n <svg width=\"12\" height=\"12\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.399 8.168-7.333-3.854-7.333 3.854 1.399-8.168-5.934-5.787 8.2-1.192z\"\/><\/svg>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"sanfai-sales-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sls5.jpg\" alt=\"Nadia Rahma\">\r\n <\/div>\r\n <div class=\"sanfai-sales-info\">\r\n <h3 class=\"sanfai-sales-name\">Mas Akhsan<\/h3>\r\n <p class=\"sanfai-sales-role\">Spesialis Rumah 2 Lantai<\/p>\r\n <\/div>\r\n <div class=\"sanfai-sales-actions\">\r\n <a href=\"tel:088291701614\" class=\"sanfai-sales-phone-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n 0882-9170-1614\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6288291701614&text=Halo%20Mas,%20Saya%20Dari%20Website%20Ingin%20Tanya-tanya%20Tentang%20Rumah%20SanFai\" target=\"_blank\" class=\"sanfai-sales-wa-btn\">\r\n <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n Chat WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CSS STYLING TIM SALES PROFESIONAL -->\r\n<style>\r\n .sanfai-clean-section {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 20px 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-clean-title {\r\n font-size: clamp(18px, 2vw, 22px);\r\n font-weight: 800;\r\n color: #1b4332;\r\n line-height: 1.3;\r\n }\r\n\r\n .sanfai-sales-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sanfai-sales-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .sanfai-sales-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 14px;\r\n padding: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n box-shadow: 0 4px 15px rgba(27, 67, 50, 0.04);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .sanfai-sales-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 25px rgba(27, 67, 50, 0.1);\r\n border-color: #d8f3dc;\r\n }\r\n\r\n .sanfai-sales-rating {\r\n position: absolute;\r\n top: 14px;\r\n right: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n font-size: 11.5px;\r\n font-weight: 700;\r\n color: #1b4332;\r\n background: #f1f8f5;\r\n padding: 2px 8px;\r\n border-radius: 20px;\r\n border: 1px solid #d8f3dc;\r\n }\r\n\r\n .sanfai-sales-rating svg {\r\n color: #2d6a4f;\r\n }\r\n\r\n \/* FOTO TETAP MAKSIMAL 150px *\/\r\n .sanfai-sales-avatar {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin: 18px 0 14px 0;\r\n border: 4px solid #d8f3dc;\r\n box-shadow: 0 8px 20px rgba(27, 67, 50, 0.15);\r\n }\r\n\r\n .sanfai-sales-avatar img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .sanfai-sales-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n margin-bottom: 14px;\r\n width: 100%;\r\n }\r\n\r\n .sanfai-sales-name {\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: #1b4332;\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .sanfai-sales-role {\r\n font-size: 11.5px;\r\n color: #64748b;\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n\r\n .sanfai-sales-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n margin-top: auto;\r\n }\r\n\r\n .sanfai-sales-phone-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n width: 100%;\r\n background: transparent;\r\n color: #1b4332;\r\n border: 1px solid #1b4332;\r\n padding: 8px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 11.5px;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n\r\n .sanfai-sales-phone-btn:hover {\r\n background: #f1f8f5;\r\n }\r\n\r\n .sanfai-sales-wa-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n width: 100%;\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n color: #ffffff;\r\n border: none;\r\n padding: 8px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 11.5px;\r\n text-decoration: none;\r\n transition: opacity 0.2s, transform 0.2s;\r\n }\r\n\r\n .sanfai-sales-wa-btn:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Responsive breakpoints *\/\r\n @media (max-width: 1024px) {\r\n .sanfai-sales-grid {\r\n grid-template-columns: repeat(2, minmax(220px, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .sanfai-sales-grid {\r\n grid-template-columns: repeat(1, minmax(240px, 1fr));\r\n }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b43d1b3 e-con e-atomic-element e-flexbox-base e-aadd2a6 \" data-id=\"b43d1b3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b43d1b3\" id=\"kontak\">\n \t\t<div class=\"elementor-element elementor-element-6436ca4 elementor-widget elementor-widget-html\" data-id=\"6436ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n \/* Wrapper Utama Section FAQ & Banner *\/\r\n .sanfai-faq-cta-wrapper {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 0 45px 60px 45px;\r\n box-sizing: border-box;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n }\r\n\r\n \/* Grid 2 Kolom (Kiri: FAQ, Kanan: Banner WhatsApp) *\/\r\n .sanfai-faq-cta-grid {\r\n display: grid;\r\n grid-template-columns: 4fr 5fr;\r\n gap: 30px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* --- KOTAK KIRI: FAQ --- *\/\r\n .sanfai-faq-container {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #f0f4f8;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .sanfai-faq-title {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: #0d2818;\r\n margin: 0 0 20px 0;\r\n }\r\n\r\n .sanfai-faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* Styling Item FAQ & Dropdown *\/\r\n .sanfai-faq-wrapper-item {\r\n border: 1px solid #e2e8f0;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .sanfai-faq-wrapper-item:hover {\r\n border-color: #0d2818;\r\n }\r\n\r\n .sanfai-faq-item {\r\n background: #ffffff;\r\n padding: 14px 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: #0d2818;\r\n cursor: pointer;\r\n }\r\n\r\n .sanfai-faq-item:hover {\r\n background: #fafafa;\r\n }\r\n\r\n .sanfai-faq-icon {\r\n color: #4a5568;\r\n font-size: 12px;\r\n font-weight: bold;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n \/* Kotak Jawaban di bawah pertanyaan *\/\r\n .sanfai-faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n padding: 0 18px;\r\n font-size: 13px;\r\n color: #475569;\r\n line-height: 1.5;\r\n transition: max-height 0.3s ease, padding 0.3s ease;\r\n }\r\n\r\n \/* Ketika aktif (terbuka) *\/\r\n .sanfai-faq-wrapper-item.active .sanfai-faq-answer {\r\n max-height: 150px;\r\n padding: 12px 18px 16px 18px;\r\n border-top: 1px solid #e2e8f0;\r\n }\r\n\r\n .sanfai-faq-wrapper-item.active .sanfai-faq-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .sanfai-faq-footer-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0d2818;\r\n text-decoration: none;\r\n width: max-content;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .sanfai-faq-footer-link:hover {\r\n opacity: 0.75;\r\n }\r\n\r\n \/* --- KOTAK KANAN: BANNER WHATSAPP (DENGAN GRADASI) --- *\/\r\n .sanfai-wa-banner {\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n border-radius: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n padding: 35px 40px;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\r\n min-height: 240px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanfai-wa-banner::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 60%;\r\n height: 100%;\r\n background-image: url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/ft.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%);\r\n mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%);\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .sanfai-wa-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 55%;\r\n }\r\n\r\n .sanfai-wa-heading {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n margin: 0 0 10px 0;\r\n line-height: 1.25;\r\n }\r\n\r\n .sanfai-wa-desc {\r\n font-size: 13px;\r\n color: #cbd5e1;\r\n margin: 0 0 20px 0;\r\n line-height: 1.5;\r\n font-weight: 500;\r\n }\r\n\r\n .sanfai-wa-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: linear-gradient(90deg, #0d1b3d 0%, #153835 35%, #1b6f4a 100%);\r\n color: #ffffff;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n padding: 11px 20px;\r\n border-radius: 10px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: opacity 0.2s, transform 0.2s;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .sanfai-wa-btn:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .sanfai-wa-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: currentColor;\r\n }\r\n\r\n \/* --- RESPONSIF TABLET & HP --- *\/\r\n @media (max-width: 1024px) {\r\n .sanfai-faq-cta-wrapper {\r\n padding: 0 20px 40px 20px;\r\n }\r\n .sanfai-faq-cta-grid {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n .sanfai-wa-content {\r\n max-width: 65%;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sanfai-faq-cta-wrapper {\r\n padding: 0 15px 30px 15px;\r\n }\r\n .sanfai-faq-container {\r\n padding: 20px;\r\n }\r\n .sanfai-faq-title {\r\n font-size: 16px;\r\n margin-bottom: 15px;\r\n }\r\n .sanfai-faq-item {\r\n padding: 12px 14px;\r\n font-size: 12.5px;\r\n }\r\n .sanfai-wa-banner {\r\n padding: 25px 20px;\r\n min-height: auto;\r\n }\r\n .sanfai-wa-content {\r\n max-width: 100%;\r\n }\r\n .sanfai-wa-banner::after {\r\n opacity: 0.25;\r\n width: 100%;\r\n }\r\n .sanfai-wa-heading {\r\n font-size: 20px;\r\n }\r\n .sanfai-wa-desc {\r\n font-size: 12px;\r\n }\r\n .sanfai-wa-btn {\r\n padding: 10px 16px;\r\n font-size: 12px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML -->\r\n<div class=\"sanfai-faq-cta-wrapper\">\r\n \r\n <div class=\"sanfai-faq-cta-grid\">\r\n \r\n <!-- KOLOM KIRI: Pertanyaan yang Sering Diajukan (FAQ) -->\r\n <div class=\"sanfai-faq-container\">\r\n <div>\r\n <h3 class=\"sanfai-faq-title\">Pertanyaan yang Sering Diajukan<\/h3>\r\n \r\n <div class=\"sanfai-faq-list\">\r\n <!-- Item 1 -->\r\n <div class=\"sanfai-faq-wrapper-item\">\r\n <div class=\"sanfai-faq-item\">\r\n <span>Apakah bisa KPR Syariah?<\/span>\r\n <span class=\"sanfai-faq-icon\">↓<\/span>\r\n <\/div>\r\n <div class=\"sanfai-faq-answer\">\r\n Ya, kami menyediakan opsi pembiayaan melalui KPR Syariah bekerja sama dengan bank terpercaya yang mendukung akad syariah.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"sanfai-faq-wrapper-item\">\r\n <div class=\"sanfai-faq-item\">\r\n <span>Berapa persen DP minimal?<\/span>\r\n <span class=\"sanfai-faq-icon\">↓<\/span>\r\n <\/div>\r\n <div class=\"sanfai-faq-answer\">\r\n DP minimal sangat terjangkau, mulai dari 10% dan dapat dicicil sesuai dengan ketentuan program promo yang berlaku.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"sanfai-faq-wrapper-item\">\r\n <div class=\"sanfai-faq-item\">\r\n <span>Apakah sudah termasuk biaya surat-surat?<\/span>\r\n <span class=\"sanfai-faq-icon\">↓<\/span>\r\n <\/div>\r\n <div class=\"sanfai-faq-answer\">\r\n Beberapa unit pilihan sudah termasuk gratis biaya surat-surat (AJB, BN, BPHTB). Silakan hubungi tim kami untuk detail promo unit tertentu.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"sanfai-faq-wrapper-item\">\r\n <div class=\"sanfai-faq-item\">\r\n <span>Bagaimana cara booking unit?<\/span>\r\n <span class=\"sanfai-faq-icon\">↓<\/span>\r\n <\/div>\r\n <div class=\"sanfai-faq-answer\">\r\n Anda cukup membayar tanda jadi (booking fee) dan melengkapi fotokopi KTP serta NPWP untuk mengamankan unit pilihan Anda.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n\r\n <!-- KOLOM KANAN: Banner WhatsApp -->\r\n <div class=\"sanfai-wa-banner\">\r\n <div class=\"sanfai-wa-content\">\r\n <h3 class=\"sanfai-wa-heading\">Masih Bingung<br>Pilih Unit Terbaik?<\/h3>\r\n <p class=\"sanfai-wa-desc\">Tim kami siap membantu Anda menemukan hunian impian yang sesuai kebutuhan.<\/p>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281227711189&text=Halo%20SanFai%20Property\" target=\"_blank\" class=\"sanfai-wa-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n Chat via WhatsApp →\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT UNTUK INTERAKSI KLIK FAQ -->\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const faqItems = document.querySelectorAll(\".sanfai-faq-item\");\r\n\r\n faqItems.forEach(item => {\r\n item.addEventListener(\"click\", function() {\r\n const parentWrapper = this.parentElement;\r\n parentWrapper.classList.toggle(\"active\");\r\n });\r\n });\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1501c8e e-con e-atomic-element e-flexbox-base e-47bbecd \" data-id=\"1501c8e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1501c8e\">\n <div class=\"elementor-element elementor-element-db0aaba e-con e-atomic-element e-flexbox-base e-db0aaba-ab74859 \" data-id=\"db0aaba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"db0aaba\">\n \t\t<div class=\"elementor-element elementor-element-bf6279a elementor-widget elementor-widget-html\" data-id=\"bf6279a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n \/* RESET & KONSISTENSI UKURAN LEBAR FULL SCREEN *\/\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important;\r\n box-sizing: border-box;\r\n }\r\n\r\n *, *:before, *:after {\r\n box-sizing: inherit;\r\n }\r\n\r\n \/* WRAPPER UTAMA FOOTER (Gradasi dengan warna #0D1B3D dan #1B6F4A) *\/\r\n .sanfai-footer-wrapper {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%);\r\n color: #ffffff;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n padding: 50px 40px 25px 40px;\r\n box-shadow: none !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n \/* GRID UTAMA TETAP 5 KOLOM KONSISTEN DI SEMUA DEVICE *\/\r\n .sanfai-footer-container {\r\n display: grid;\r\n grid-template-columns: 1.4fr 0.9fr 1.1fr 1.3fr 1.6fr;\r\n gap: 20px;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n align-items: start;\r\n }\r\n\r\n .sanfai-footer-col {\r\n min-width: 0;\r\n }\r\n\r\n \/* Kolom 1: Logo & Deskripsi *\/\r\n .sanfai-footer-col-brand .sanfai-footer-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sanfai-footer-logo img {\r\n height: 34px; \/* Ukuran tinggi logo disesuaikan *\/\r\n width: auto;\r\n object-fit: contain;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanfai-footer-logo-text {\r\n font-size: 17px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.1;\r\n }\r\n\r\n .sanfai-footer-logo-text span {\r\n display: block;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #cbd5e1;\r\n }\r\n\r\n .sanfai-footer-col-brand p {\r\n font-size: 11.5px;\r\n color: #cbd5e1;\r\n line-height: 1.5;\r\n margin: 0 0 15px 0;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Sosial Media Ikon *\/\r\n .sanfai-footer-socials {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n\r\n .sanfai-social-icon {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.2s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanfai-social-icon svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #0D1B3D;\r\n transition: fill 0.2s;\r\n }\r\n\r\n .sanfai-social-icon:hover {\r\n background: #d4af37;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .sanfai-social-icon:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* Heading Kolom Lainnya *\/\r\n .sanfai-footer-col h4 {\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0 0 12px 0;\r\n letter-spacing: -0.2px;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* List Tautan \/ Menu *\/\r\n .sanfai-footer-col ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .sanfai-footer-col ul li a {\r\n font-size: 11.5px;\r\n color: #cbd5e1;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n font-weight: 400;\r\n display: block;\r\n }\r\n\r\n .sanfai-footer-col ul li a:hover {\r\n color: #ffffff;\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Kontak List *\/\r\n .sanfai-footer-contact-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .sanfai-footer-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 6px;\r\n font-size: 11.5px;\r\n color: #cbd5e1;\r\n line-height: 1.4;\r\n word-break: break-word;\r\n }\r\n\r\n .sanfai-footer-contact-item svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #cbd5e1;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* Kolom Peta Lokasi Kami *\/\r\n .sanfai-footer-map-box {\r\n background: #ffffff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n padding: 3px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n }\r\n\r\n .sanfai-footer-map-box iframe {\r\n width: 100%;\r\n height: 95px;\r\n border: 0;\r\n border-radius: 7px;\r\n display: block;\r\n }\r\n\r\n .sanfai-map-btn-container {\r\n padding: 5px;\r\n text-align: center;\r\n }\r\n\r\n .sanfai-map-btn {\r\n background-color: #0D1B3D;\r\n color: #ffffff;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 5px 10px;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n display: inline-block;\r\n transition: background 0.2s;\r\n white-space: nowrap;\r\n }\r\n\r\n .sanfai-map-btn:hover {\r\n background-color: #1B6F4A;\r\n }\r\n\r\n \/* Garis Pemisah Bawah *\/\r\n .sanfai-footer-divider {\r\n max-width: 1300px;\r\n margin: 30px auto 15px auto;\r\n border: none;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* Hak Cipta & Link Bawah *\/\r\n .sanfai-footer-bottom {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 11px;\r\n color: #94a3b8;\r\n }\r\n\r\n .sanfai-footer-bottom-links {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .sanfai-footer-bottom-links a {\r\n color: #94a3b8;\r\n text-decoration: none;\r\n }\r\n\r\n .sanfai-footer-bottom-links a:hover {\r\n color: #ffffff;\r\n }\r\n\r\n \/* ========================================================\r\n RESPONSIF HP\/TABLET: 5 KOLOM TETAP BERJEJER KE SAMPING\r\n ======================================================== *\/\r\n @media (max-width: 768px) {\r\n .sanfai-footer-wrapper {\r\n padding: 20px 8px 15px 8px;\r\n }\r\n .sanfai-footer-container {\r\n gap: 8px;\r\n }\r\n .sanfai-footer-col h4 {\r\n font-size: 10.5px;\r\n margin-bottom: 6px;\r\n }\r\n .sanfai-footer-logo img {\r\n height: 26px;\r\n }\r\n .sanfai-footer-logo-text {\r\n font-size: 12px;\r\n }\r\n .sanfai-footer-logo-text span {\r\n font-size: 8.5px;\r\n }\r\n .sanfai-footer-col-brand p,\r\n .sanfai-footer-col ul li a,\r\n .sanfai-footer-contact-item {\r\n font-size: 9px;\r\n line-height: 1.35;\r\n }\r\n .sanfai-footer-socials {\r\n gap: 4px;\r\n }\r\n .sanfai-social-icon {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n .sanfai-social-icon svg {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n .sanfai-footer-map-box iframe {\r\n height: 55px;\r\n }\r\n .sanfai-map-btn {\r\n font-size: 8px;\r\n padding: 3px 6px;\r\n }\r\n .sanfai-footer-bottom {\r\n font-size: 9px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sanfai-footer-wrapper {\r\n padding: 15px 5px 10px 5px;\r\n }\r\n .sanfai-footer-container {\r\n gap: 5px;\r\n }\r\n .sanfai-footer-col h4 {\r\n font-size: 9px;\r\n margin-bottom: 5px;\r\n }\r\n .sanfai-footer-logo img {\r\n height: 22px;\r\n }\r\n .sanfai-footer-logo-text {\r\n font-size: 10.5px;\r\n }\r\n .sanfai-footer-col-brand p,\r\n .sanfai-footer-col ul li a,\r\n .sanfai-footer-contact-item {\r\n font-size: 8px;\r\n line-height: 1.3;\r\n }\r\n .sanfai-footer-bottom {\r\n flex-direction: column;\r\n gap: 4px;\r\n text-align: center;\r\n font-size: 8px;\r\n }\r\n .sanfai-footer-divider {\r\n margin: 12px auto 8px auto;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML FOOTER -->\r\n<footer class=\"sanfai-footer-wrapper\">\r\n <div class=\"sanfai-footer-container\">\r\n \r\n <!-- Kolom 1: Logo & Tentang -->\r\n <div class=\"sanfai-footer-col sanfai-footer-col-brand\">\r\n <div class=\"sanfai-footer-logo\">\r\n <!-- Logo Putih Baru dari URL -->\r\n <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sanfaiwhite-2.png\" alt=\"SanFai Property Logo\">\r\n <div class=\"sanfai-footer-logo-text\">\r\n SanFai <span>Property<\/span>\r\n <\/div>\r\n <\/div>\r\n <p>SanFai Property hadir untuk menyediakan hunian Islami modern dengan kualitas terbaik dan harga terjangkau.<\/p>\r\n \r\n <!-- Sosial Media dengan Ikon SVG -->\r\n <div class=\"sanfai-footer-socials\">\r\n <!-- Facebook -->\r\n <a href=\"#\" class=\"sanfai-social-icon\" title=\"Facebook\" target=\"_blank\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12c0-5.523-4.477-10-10-10z\"\/><\/svg>\r\n <\/a>\r\n <!-- Instagram -->\r\n <a href=\"#\" class=\"sanfai-social-icon\" title=\"Instagram\" target=\"_blank\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n <\/a>\r\n <!-- YouTube -->\r\n <a href=\"#\" class=\"sanfai-social-icon\" title=\"YouTube\" target=\"_blank\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n <\/a>\r\n <!-- TikTok -->\r\n <a href=\"#\" class=\"sanfai-social-icon\" title=\"TikTok\" target=\"_blank\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Kolom 2: Menu -->\r\n <div class=\"sanfai-footer-col\">\r\n <h4>Menu<\/h4>\r\n <ul>\r\n <li><a href=\"#beranda\">Beranda<\/a><\/li>\r\n <li><a href=\"#tentang\">Tentang<\/a><\/a><\/li>\r\n <li><a href=\"#fasilitas\">Fasilitas<\/a><\/li>\r\n <li><a href=\"#kprsyariah\">KPR Syariah<\/a><\/li>\r\n <li><a href=\"#unit\">Unit<\/a><\/li>\r\n <li><a href=\"#sales\">Sales<\/a><\/li>\r\n <li><a href=\"#kontak\">Kontak<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 3: Proyek -->\r\n <div class=\"sanfai-footer-col\">\r\n <h4>Proyek<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Griya Fairus Ar-Rahman<\/a><\/li>\r\n <li><a href=\"#\">Griya Fairus Al-Farouq<\/a><\/li>\r\n <li><a href=\"#\">Griya Fairus El-Fany<\/a><\/li>\r\n <li><a href=\"#\">Griya Fairus Rafani<\/a><\/li>\r\n <li><a href=\"#\">Proyek Lainnya<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 4: Kontak -->\r\n <div class=\"sanfai-footer-col\">\r\n <h4>Kontak<\/h4>\r\n <div class=\"sanfai-footer-contact-list\">\r\n <div class=\"sanfai-footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <span>0812-3456-7890<\/span>\r\n <\/div>\r\n <div class=\"sanfai-footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-8V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>sanfai.property@gmail.com<\/span>\r\n <\/div>\r\n <div class=\"sanfai-footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <span>Jl. Meran Gg. Salpinah No.rt 005\/005, Cilodong, Kota Depok, Jawa Barat 16414<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Kolom 5: Lokasi Kami (Google Maps Embed) -->\r\n <div class=\"sanfai-footer-col sanfai-footer-col-map\">\r\n <h4>Lokasi Kami<\/h4>\r\n <div class=\"sanfai-footer-map-box\">\r\n <!-- Menggunakan URL embed Google Maps yang sesuai dengan link yang diberikan -->\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d574.9676303867442!2d106.83769966140103!3d-6.429755676358177!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69ebf4433ba673%3A0x6db4dd5229e8dcd4!2sGriya%20Fairus%20Ar%20Rahman!5e1!3m2!1sid!2sid!4v1785204208002!5m2!1sid!2sid\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <div class=\"sanfai-map-btn-container\">\r\n <a href=\"https:\/\/maps.app.goo.gl\/qQJ6K3Dt3JNgk5ZQ6\" target=\"_blank\" class=\"sanfai-map-btn\">Lihat di Google Maps<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Garis Pemisah -->\r\n <hr class=\"sanfai-footer-divider\">\r\n\r\n <!-- Bagian Hak Cipta & Link Privasi -->\r\n <div class=\"sanfai-footer-bottom\">\r\n <div class=\"sanfai-footer-copyright\">\r\n \u00a9 2026 SanFai Property. All Rights Reserved.\r\n <\/div>\r\n <div class=\"sanfai-footer-bottom-links\">\r\n <a href=\"#\">Kebijakan Privasi<\/a>\r\n <span>|<\/span>\r\n <a href=\"#\">Syarat & Ketentuan<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Griya Fairus Ar-Rahman – SanFai Property SanFai Property Beranda Tentang Fasilitas KPR Syariah Unit Sales Kontak READY STOCK Tersedia juga unit 1 lantai, chat sales kami untuk cari tahu lebih lengkap Lihat Foto28+ Foto Griya Fairus Ar-Rahman 2 Lantai Cilodong, Depok \u2605\u2605\u2605\u2605\u2605 4.8 (126 Ulasan) Harga Mulai Rp 655 Juta Estimasi Cicilan 3,8 jt\/bln Lihat […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=64"}],"version-history":[{"count":288,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}