{"id":37,"date":"2026-07-25T03:14:31","date_gmt":"2026-07-25T03:14:31","guid":{"rendered":"https:\/\/sanfai.site\/?page_id=37"},"modified":"2026-07-28T03:51:11","modified_gmt":"2026-07-28T03:51:11","slug":"elementor-37","status":"publish","type":"page","link":"https:\/\/sanfai.site\/","title":{"rendered":"landingpagefix2026upgrade"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb40e1 e-con e-atomic-element e-flexbox-base e-fef4508 \" data-id=\"4cb40e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4cb40e1\">\n    \t\t<div class=\"elementor-element elementor-element-414f4e5 elementor-widget elementor-widget-html\" data-id=\"414f4e5\" 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 HALAMAN & KONSISTENSI UKURAN *\/\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 KONSISTEN DENGAN GRADASI LATAR BELAKANG (#0D1B3D & #1B6F4A) *\/\r\n  .sanfai-hero-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    border-radius: 0 !important;\r\n    overflow: hidden;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%) !important;\r\n  }\r\n\r\n  \/* AREA UTAMA HERO *\/\r\n  .sanfai-hero-body {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 520px;\r\n    background: linear-gradient(rgba(13, 27, 61, 0.25), rgba(27, 111, 74, 0.25)), url('https:\/\/sanfai.site\/wp-content\/uploads\/2026\/07\/GFARWP.jpg') center\/cover no-repeat;\r\n    padding: 35px 50px 30px 50px;\r\n    color: #1a1a1a;\r\n  }\r\n\r\n  \/* EFEK GRADASI BAYANGAN PUTIH STABIL *\/\r\n  .sanfai-hero-body::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: \r\n      linear-gradient(to right, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.8) 28%, rgba(255, 255, 255, 0.35) 55%, rgba(255, 255, 255, 0) 80%),\r\n      linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0) 60%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .sanfai-top-nav,\r\n  .sanfai-main-layout {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* NAVBAR ATAS *\/\r\n  .sanfai-top-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .sanfai-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 18px;\r\n    color: #0d2818;\r\n  }\r\n\r\n  \/* LOGO GAMBAR BARU DI NAVBAR - RESPONSIF FLEKSIBEL *\/\r\n  .sanfai-brand-logo-img {\r\n    height: 48px;\r\n    max-height: 56px;\r\n    width: auto;\r\n    max-width: 180px;\r\n    object-fit: contain;\r\n    display: block;\r\n    transition: height 0.2s ease;\r\n  }\r\n\r\n  .sanfai-nav-right {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .sanfai-menu-list {\r\n    display: flex;\r\n    gap: 24px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .sanfai-menu-list a {\r\n    text-decoration: none;\r\n    color: #1a1a1a;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .sanfai-menu-list a:hover {\r\n    color: #0d2818;\r\n  }\r\n\r\n  \/* GRID UTAMA (KIRI & KANAN) *\/\r\n  .sanfai-main-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 260px;\r\n    gap: 30px;\r\n    align-items: start;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .sanfai-content-left {\r\n    min-width: 0;\r\n  }\r\n\r\n  \/* BADGE RATING *\/\r\n  .sanfai-rating-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    padding: 6px 14px;\r\n    border-radius: 30px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #333;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .sanfai-stars {\r\n    color: #f59e0b;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  \/* JUDUL & DESKRIPSI UTAMA *\/\r\n  .sanfai-content-left h1 {\r\n    font-size: 38px;\r\n    line-height: 1.2;\r\n    color: #0d2818;\r\n    font-weight: 800;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .sanfai-content-left p {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #333333;\r\n    margin: 0 0 20px 0;\r\n    font-weight: 500;\r\n    max-width: 620px;\r\n  }\r\n\r\n  \/* BAR FITUR 4 KOLOM DI ATAS TOMBOL *\/\r\n  .sanfai-features-bar {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    padding: 14px 18px;\r\n    border-radius: 14px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    align-items: center;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.05);\r\n    margin-bottom: 20px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .sanfai-feat-col {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    line-height: 1.25;\r\n    min-width: 0;\r\n  }\r\n\r\n  .sanfai-feat-col svg {\r\n    color: #0d2818;\r\n    flex-shrink: 0;\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .sanfai-feat-col span {\r\n    display: block;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  \/* TOMBOL AKSI *\/\r\n  .sanfai-action-buttons {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n  }\r\n\r\n  .sanfai-btn-green, \r\n  .sanfai-btn-white {\r\n    padding: 11px 22px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 13.5px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.2s ease;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sanfai-btn-green {\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 12px rgba(13, 27, 61, 0.25);\r\n  }\r\n\r\n  .sanfai-btn-green:hover {\r\n    opacity: 0.9;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .sanfai-btn-white {\r\n    background-color: #ffffff;\r\n    color: #0d2818;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .sanfai-btn-white:hover {\r\n    background-color: #f8fafc;\r\n  }\r\n\r\n  \/* SIDEBAR FASILITAS (KANAN) *\/\r\n  .sanfai-sidebar-card {\r\n    background: rgba(255, 255, 255, 0.6);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    padding: 10px;\r\n    border-radius: 14px;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    width: 100%;\r\n    margin-top: 75px;\r\n  }\r\n\r\n  .sanfai-sidebar-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 12px;\r\n    background: rgba(255, 255, 255, 0.8);\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    box-shadow: 0 1px 2px rgba(0,0,0,0.02);\r\n  }\r\n\r\n  .sanfai-sidebar-item svg {\r\n    color: #0d2818;\r\n    flex-shrink: 0;\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  \/* STRIP BANK PARTNER DI BAWAH (UKURAN EXTRA BESAR MAKSIMAL & TETAP RAPI) *\/\r\n  .sanfai-bank-strip {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 30px 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    border-top: 1px solid #edf2f7;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .sanfai-banks-label {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    line-height: 1.3;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanfai-banks-label span {\r\n    display: block;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    color: #555555;\r\n  }\r\n\r\n  .sanfai-banks-list {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    gap: 36px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .sanfai-bank-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    opacity: 1;\r\n    transition: transform 0.2s;\r\n  }\r\n\r\n  .sanfai-bank-logo:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .sanfai-bank-logo img {\r\n    height: 64px;\r\n    width: auto;\r\n    max-width: 200px;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  \/* ========================================================\r\n     KONTROL RESPONSIF STABIL\r\n     ======================================================== *\/\r\n\r\n  @media (max-width: 1024px) {\r\n    .sanfai-hero-body {\r\n      padding: 30px 25px;\r\n    }\r\n    .sanfai-bank-strip {\r\n      padding: 24px 25px;\r\n    }\r\n    .sanfai-content-left h1 {\r\n      font-size: 32px;\r\n    }\r\n    .sanfai-bank-logo img {\r\n      height: 52px;\r\n    }\r\n    .sanfai-brand-logo-img {\r\n      height: 42px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 920px) {\r\n    .sanfai-main-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n    .sanfai-top-nav {\r\n      display: none;\r\n    }\r\n    .sanfai-sidebar-card {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 8px;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sanfai-hero-body {\r\n      padding: 24px 16px;\r\n    }\r\n    .sanfai-content-left h1 {\r\n      font-size: 26px;\r\n      line-height: 1.25;\r\n      margin-bottom: 10px;\r\n    }\r\n    .sanfai-content-left p {\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      margin-bottom: 16px;\r\n    }\r\n    .sanfai-rating-pill {\r\n      font-size: 11px;\r\n      padding: 5px 12px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .sanfai-features-bar {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      padding: 12px;\r\n      gap: 10px;\r\n      margin-bottom: 16px;\r\n      border-radius: 12px;\r\n    }\r\n    .sanfai-feat-col {\r\n      font-size: 10px;\r\n      gap: 7px;\r\n    }\r\n\r\n    .sanfai-action-buttons {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      gap: 10px;\r\n    }\r\n    .sanfai-btn-green, \r\n    .sanfai-btn-white {\r\n      width: 100%;\r\n      padding: 12px 16px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .sanfai-sidebar-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 6px;\r\n      padding: 8px;\r\n      margin-top: 15px;\r\n    }\r\n    .sanfai-sidebar-item {\r\n      font-size: 11.5px;\r\n      padding: 8px 10px;\r\n    }\r\n\r\n    .sanfai-bank-strip {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 22px 16px;\r\n      gap: 16px;\r\n    }\r\n    .sanfai-banks-list {\r\n      justify-content: flex-start;\r\n      gap: 18px;\r\n      width: 100%;\r\n      flex-wrap: wrap;\r\n    }\r\n    .sanfai-bank-logo img {\r\n      height: 44px;\r\n    }\r\n    .sanfai-brand-logo-img {\r\n      height: 38px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .sanfai-content-left h1 {\r\n      font-size: 23px;\r\n    }\r\n    .sanfai-features-bar {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .sanfai-banks-list {\r\n      gap: 14px;\r\n    }\r\n    .sanfai-bank-logo img {\r\n      height: 38px;\r\n    }\r\n    .sanfai-brand-logo-img {\r\n      height: 34px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML UTUH -->\r\n<div class=\"sanfai-hero-wrapper\">\r\n  \r\n  <!-- 1. Bagian Hero Header Atas -->\r\n  <div class=\"sanfai-hero-body\">\r\n    \r\n    <!-- Navbar -->\r\n    <div class=\"sanfai-top-nav\">\r\n      <a href=\"#\" class=\"sanfai-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/sanfairemove.png\" alt=\"SanFai Property\" class=\"sanfai-brand-logo-img\">\r\n        SanFai Property\r\n      <\/a>\r\n      \r\n      <div class=\"sanfai-nav-right\">\r\n        <ul class=\"sanfai-menu-list\">\r\n          <li><a href=\"#beranda\">Beranda<\/a><\/li>\r\n          <li><a href=\"#proyek\">Proyek<\/a><\/li>\r\n          <li><a href=\"#tentangkami\">Tentang Kami<\/a><\/li>\r\n          <li><a href=\"#kontak\">Kontak<\/a><\/li>\r\n          <li><a href=\"#testimoni\">Testimoni<\/a><\/li>\r\n          <li><a href=\"#testimoni\">FAQ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Layout Isi Konten -->\r\n    <div class=\"sanfai-main-layout\">\r\n      <!-- Sisi Kiri -->\r\n      <div class=\"sanfai-content-left\">\r\n        <div class=\"sanfai-rating-pill\">\r\n          <span class=\"sanfai-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Dipercaya 500+ Keluarga\r\n        <\/div>\r\n        \r\n        <h1>Hunian Islami Modern untuk Keluarga Masa Kini<\/h1>\r\n        <p>SanFai Property menghadirkan hunian berkualitas dengan konsep islami, lingkungan nyaman, aman dan strategis untuk masa depan keluarga Anda.<\/p>\r\n        \r\n        <!-- Bar Fitur Horizontal -->\r\n        <div class=\"sanfai-features-bar\">\r\n          <div class=\"sanfai-feat-col\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n            <span>DP Ringan<br>Cicilan Terjangkau<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-feat-col\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z\"><\/path><\/svg>\r\n            <span>Bisa KPR<br>Syariah<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-feat-col\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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\"><\/path><\/svg>\r\n            <span>Legalitas<br>Aman & Lengkap<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-feat-col\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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            <span>Akses Mudah<br>Lokasi Strategis<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tombol Aksi -->\r\n        <div class=\"sanfai-action-buttons\">\r\n          <a href=\"#proyek\" class=\"sanfai-btn-green\">\r\n            Lihat Proyek \r\n            <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281227711189&text=Halo%20SanFai%20Property\" class=\"sanfai-btn-white\">\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      <\/div>\r\n\r\n      <!-- Sisi Kanan (Sidebar Fasilitas) -->\r\n      <div class=\"sanfai-sidebar-card\">\r\n        <div class=\"sanfai-sidebar-item\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n          One Gate System\r\n        <\/div>\r\n        <div class=\"sanfai-sidebar-item\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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          Mushola & Taman\r\n        <\/div>\r\n        <div class=\"sanfai-sidebar-item\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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\"><\/path><\/svg>\r\n          Keamanan 24 Jam\r\n        <\/div>\r\n        <div class=\"sanfai-sidebar-item\">\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          Lokasi Strategis\r\n        <\/div>\r\n        <div class=\"sanfai-sidebar-item\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n          Lingkungan Islami\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- 2. Strip Bank Partner di Bawah (Extra Besar & Responsif Stabil) -->\r\n  <div class=\"sanfai-bank-strip\">\r\n    <div class=\"sanfai-banks-label\">\r\n      Didukung oleh\r\n      <span>Bank Syariah & Nasional<\/span>\r\n    <\/div>\r\n    <div class=\"sanfai-banks-list\">\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BSI.png\" alt=\"BSI\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BRI.png\" alt=\"BRI Syariah\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BSN.png\" alt=\"BSN Syariah\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/CIMB.png\" alt=\"CIMB Niaga Syariah\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BM.png\" alt=\"Bank Muamalat\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BJB.png\" alt=\"BJB\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BNI.png\" alt=\"BNI\">\r\n      <\/div>\r\n      <div class=\"sanfai-bank-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/BPRS.png\" alt=\"BPRS\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bab5679 e-con e-atomic-element e-flexbox-base e-af0b180 \" data-id=\"bab5679\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bab5679\" id=\"beranda\">\n    \t\t<div class=\"elementor-element elementor-element-a5755a7 elementor-widget elementor-widget-html\" data-id=\"a5755a7\" 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 *\/\r\n  .sanfai-section-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 3 Kartu Di Atas *\/\r\n  .sanfai-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 24px;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  \/* Desain Kartu Tunggal *\/\r\n  .sanfai-feature-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\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    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    height: 100%;\r\n  }\r\n\r\n  .sanfai-feature-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n  }\r\n\r\n  \/* Konten Teks & Ikon di Atas Kartu *\/\r\n  .sanfai-card-body {\r\n    padding: 24px 24px 16px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .sanfai-card-header-flex {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  \/* Kotak Ikon Bulat *\/\r\n  .sanfai-card-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\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-card-icon.green {\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sanfai-card-icon.gold {\r\n    background: #f59e0b;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sanfai-card-title h3 {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .sanfai-card-desc {\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n    color: #4a5568;\r\n    margin: 0 0 16px 0;\r\n    font-weight: 500;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  \/* Tombol Selengkapnya (Dengan Gradasi #0D1B3D & #1B6F4A) *\/\r\n  .sanfai-card-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    color: #ffffff;\r\n    padding: 7px 14px;\r\n    border-radius: 8px;\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: opacity 0.2s, transform 0.2s;\r\n    width: max-content;\r\n  }\r\n\r\n  .sanfai-card-btn:hover {\r\n    opacity: 0.9;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  \/* Area Gambar di Bawah Kartu dengan Efek Bayangan Diagonal (Segitiga) *\/\r\n  .sanfai-card-image {\r\n    width: 100%;\r\n    height: 180px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: #f8fafc;\r\n  }\r\n\r\n  \/* 1. Bayangan Putih di Bagian Atas *\/\r\n  .sanfai-card-image::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0));\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* 2. Bayangan Putih Diagonal (Membentuk Bentuk Segitiga Sesuai Permintaan) *\/\r\n  .sanfai-card-image::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 25%, rgba(255, 255, 255, 0) 55%);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sanfai-card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .sanfai-feature-card:hover .sanfai-card-image img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Bar Statistik di Bawah (Gradasi dengan warna #0D1B3D & #1B6F4A) *\/\r\n  .sanfai-stats-bar {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #14453A 50%, #1B6F4A 100%);\r\n    border-radius: 16px;\r\n    padding: 24px 30px;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 15px;\r\n    align-items: center;\r\n    color: #ffffff;\r\n    box-shadow: 0 10px 25px rgba(13, 27, 61, 0.2);\r\n  }\r\n\r\n  .sanfai-stat-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    justify-content: flex-start;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding-right: 12px;\r\n  }\r\n\r\n  .sanfai-stat-item:last-child {\r\n    border-right: none;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .sanfai-stat-icon {\r\n    color: #ffffff;\r\n    opacity: 0.9;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanfai-stat-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n  }\r\n\r\n  .sanfai-stat-number {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sanfai-stat-label {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    color: #cbd5e1;\r\n    margin-top: 2px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  \/* Responsif Tampilan Tablet *\/\r\n  @media (min-width: 769px) and (max-width: 1024px) {\r\n    .sanfai-section-wrapper {\r\n      padding: 0 20px 40px 20px;\r\n    }\r\n    .sanfai-cards-grid {\r\n      gap: 16px;\r\n    }\r\n    .sanfai-card-body {\r\n      padding: 18px 18px 12px 18px;\r\n    }\r\n    .sanfai-card-title h3 {\r\n      font-size: 16px;\r\n    }\r\n    .sanfai-card-desc {\r\n      font-size: 12px;\r\n      margin-bottom: 12px;\r\n    }\r\n    .sanfai-card-image {\r\n      height: 150px;\r\n    }\r\n    .sanfai-stats-bar {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 20px 15px;\r\n      padding: 20px;\r\n    }\r\n    .sanfai-stat-item:nth-child(3) {\r\n      border-right: none;\r\n      padding-right: 0;\r\n    }\r\n  }\r\n\r\n  \/* Khusus HP (Max 768px): 3 Kartu Berjajar Kebawah (1 Kolom) *\/\r\n  @media (max-width: 768px) {\r\n    .sanfai-section-wrapper {\r\n      padding: 0 15px 30px 15px;\r\n    }\r\n    .sanfai-cards-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n      margin-bottom: 25px;\r\n    }\r\n    .sanfai-card-body {\r\n      padding: 18px 18px 12px 18px;\r\n    }\r\n    .sanfai-card-header-flex {\r\n      flex-direction: row;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 12px;\r\n    }\r\n    .sanfai-card-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 10px;\r\n    }\r\n    .sanfai-card-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n    .sanfai-card-title h3 {\r\n      font-size: 16px;\r\n    }\r\n    .sanfai-card-desc {\r\n      font-size: 12px;\r\n      margin-bottom: 14px;\r\n      line-height: 1.5;\r\n    }\r\n    .sanfai-card-btn {\r\n      padding: 6px 12px;\r\n      font-size: 11px;\r\n    }\r\n    .sanfai-card-image {\r\n      height: 160px;\r\n    }\r\n\r\n    \/* Statistik HP *\/\r\n    .sanfai-stats-bar {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 12px;\r\n      padding: 18px 12px;\r\n      border-radius: 14px;\r\n    }\r\n    .sanfai-stat-item {\r\n      gap: 8px;\r\n      padding-right: 8px;\r\n    }\r\n    .sanfai-stat-item:last-child {\r\n      border-right: none;\r\n      padding-right: 0;\r\n    }\r\n    .sanfai-stat-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n    .sanfai-stat-number {\r\n      font-size: 15px;\r\n    }\r\n    .sanfai-stat-label {\r\n      font-size: 9.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML SECTION -->\r\n<div class=\"sanfai-section-wrapper\">\r\n  \r\n  <!-- 1. Grid 3 Kartu -->\r\n  <div class=\"sanfai-cards-grid\">\r\n    \r\n    <!-- Kartu 1: SanFai Developer -->\r\n    <div class=\"sanfai-feature-card\">\r\n      <div class=\"sanfai-card-body\">\r\n        <div class=\"sanfai-card-header-flex\">\r\n          <div class=\"sanfai-card-icon green\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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          <div class=\"sanfai-card-title\">\r\n            <h3>SanFai Developer<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"sanfai-card-desc\">Mengembangkan kawasan hunian islami modern dengan desain elegan, fasilitas lengkap dan lingkungan terintegrasi.<\/p>\r\n        <a href=\"#\" class=\"sanfai-card-btn\">\r\n          Selengkapnya &rarr;\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"sanfai-card-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/dev.jpg\" alt=\"SanFai Developer\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kartu 2: SanFai Kontraktor -->\r\n    <div class=\"sanfai-feature-card\">\r\n      <div class=\"sanfai-card-body\">\r\n        <div class=\"sanfai-card-header-flex\">\r\n          <div class=\"sanfai-card-icon gold\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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 class=\"sanfai-card-title\">\r\n            <h3>SanFai Kontraktor<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"sanfai-card-desc\">Membangun dengan standar tinggi, mengutamakan kualitas, ketepatan waktu dan profesionalisme.<\/p>\r\n        <a href=\"#\" class=\"sanfai-card-btn\">\r\n          Selengkapnya &rarr;\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"sanfai-card-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/kontr.jpg\" alt=\"SanFai Kontraktor\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kartu 3: SanFai Housing -->\r\n    <div class=\"sanfai-feature-card\">\r\n      <div class=\"sanfai-card-body\">\r\n        <div class=\"sanfai-card-header-flex\">\r\n          <div class=\"sanfai-card-icon green\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"><\/path><path d=\"M9 22V12h6v10\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"sanfai-card-title\">\r\n            <h3>SanFai Housing<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"sanfai-card-desc\">Membantu mewujudkan impian memiliki rumah melalui solusi kepemilikan yang mudah, aman dan sesuai syariah.<\/p>\r\n        <a href=\"#\" class=\"sanfai-card-btn\">\r\n          Selengkapnya &rarr;\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"sanfai-card-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/hou.jpg\" alt=\"SanFai Housing\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- 2. Bar Statistik Bawah (Gradasi #0D1B3D & #1B6F4A) -->\r\n  <div class=\"sanfai-stats-bar\">\r\n    \r\n    <!-- Item 1: Kota Pengembangan -->\r\n    <div class=\"sanfai-stat-item\">\r\n      <div class=\"sanfai-stat-icon\">\r\n        <svg width=\"26\" height=\"26\" 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      <\/div>\r\n      <div class=\"sanfai-stat-info\">\r\n        <span class=\"sanfai-stat-number\">3+<\/span>\r\n        <span class=\"sanfai-stat-label\">Kota Pengembangan<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Item 2: Unit Terbangun -->\r\n    <div class=\"sanfai-stat-item\">\r\n      <div class=\"sanfai-stat-icon\">\r\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n      <\/div>\r\n      <div class=\"sanfai-stat-info\">\r\n        <span class=\"sanfai-stat-number\">Ratusan<\/span>\r\n        <span class=\"sanfai-stat-label\">Unit Terbangun<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Item 3: Projek Selesai -->\r\n    <div class=\"sanfai-stat-item\">\r\n      <div class=\"sanfai-stat-icon\">\r\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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 class=\"sanfai-stat-info\">\r\n        <span class=\"sanfai-stat-number\">20+<\/span>\r\n        <span class=\"sanfai-stat-label\">Projek Selesai<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-72a47ab e-con e-atomic-element e-flexbox-base e-65fb9d4 \" data-id=\"72a47ab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72a47ab\" id=\"proyek\">\n    \t\t<div class=\"elementor-element elementor-element-d1b1d8f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d1b1d8f\" 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 *\/\r\n  .sanfai-proyek-wrapper {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 0 40px 20px 40px;\r\n    box-sizing: border-box;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n  }\r\n\r\n  \/* Header Proyek Unggulan & Tombol Filter *\/\r\n  .sanfai-proyek-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    margin-bottom: 25px;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .sanfai-proyek-title-area h2 {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    margin: 0 0 6px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .sanfai-proyek-title-area p {\r\n    font-size: 14px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .sanfai-view-all-link {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #0d2818;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    transition: opacity 0.2s;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .sanfai-view-all-link:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Grid Kartu Proyek (Default Desktop: 4 Kolom) *\/\r\n  .sanfai-proyek-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Desain Kartu Tunggal *\/\r\n  .sanfai-proyek-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\r\n    border: 1px solid #edf2f7;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    height: 100%;\r\n  }\r\n\r\n  .sanfai-proyek-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  \/* Gambar & Badge *\/\r\n  .sanfai-proyek-img-box {\r\n    width: 100%;\r\n    height: 170px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: #e2e8f0;\r\n  }\r\n\r\n  .sanfai-proyek-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.4s ease;\r\n  }\r\n\r\n  .sanfai-proyek-card:hover .sanfai-proyek-img-box img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .sanfai-badge-ready {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 12px;\r\n    background-color: #0d2818;\r\n    color: #ffffff;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    padding: 3px 8px;\r\n    border-radius: 6px;\r\n    letter-spacing: 0.5px;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Konten Body Kartu *\/\r\n  .sanfai-proyek-body {\r\n    padding: 14px 14px 12px 14px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .sanfai-proyek-name {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    margin: 0 0 2px 0;\r\n  }\r\n\r\n  .sanfai-proyek-location {\r\n    font-size: 12px;\r\n    color: #718096;\r\n    margin: 0 0 10px 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .sanfai-proyek-price {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  \/* Spesifikasi Proyek *\/\r\n  .sanfai-proyek-specs {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    border-top: 1px solid #f1f5f9;\r\n    padding-top: 10px;\r\n    margin-bottom: 12px;\r\n    color: #64748b;\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .sanfai-spec-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  .sanfai-spec-item svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    stroke: #64748b;\r\n  }\r\n\r\n  \/* Tombol Lihat Detail *\/\r\n  .sanfai-proyek-btn {\r\n    width: 100%;\r\n    background-color: transparent;\r\n    color: #0d2818;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 8px;\r\n    padding: 8px 0;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    display: block;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .sanfai-proyek-btn:hover {\r\n    background-color: #0d2818;\r\n    color: #ffffff;\r\n    border-color: #0d2818;\r\n  }\r\n\r\n  \/* STYLING MODAL \/ LAYAR MENGAMBANG *\/\r\n  .sanfai-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(13, 40, 24, 0.6);\r\n    backdrop-filter: blur(4px);\r\n    z-index: 9999;\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    box-sizing: border-box;\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-content {\r\n    background: #ffffff;\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    border-radius: 24px;\r\n    padding: 30px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n    position: relative;\r\n    transform: translateY(20px);\r\n    transition: transform 0.3s ease;\r\n    max-height: 90vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .sanfai-modal-overlay.active .sanfai-modal-content {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .sanfai-modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid #f1f5f9;\r\n    padding-bottom: 15px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanfai-modal-title h3 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    margin: 0 0 4px 0;\r\n  }\r\n\r\n  .sanfai-modal-title p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .sanfai-modal-close {\r\n    background: #f1f5f9;\r\n    border: none;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    color: #0d2818;\r\n    font-weight: 700;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .sanfai-modal-close:hover {\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  .sanfai-modal-body {\r\n    overflow-y: auto;\r\n    padding-right: 4px;\r\n  }\r\n\r\n  .sanfai-modal-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* OPTIMALISASI TAMPILAN TABLET & HP *\/\r\n  @media (max-width: 1024px) {\r\n    .sanfai-proyek-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 18px;\r\n    }\r\n    .sanfai-modal-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .sanfai-proyek-wrapper {\r\n      padding: 0 16px 15px 16px;\r\n    }\r\n    .sanfai-proyek-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 14px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .sanfai-proyek-title-area h2 {\r\n      font-size: 21px;\r\n    }\r\n    .sanfai-proyek-title-area p {\r\n      font-size: 13px;\r\n    }\r\n    .sanfai-view-all-link {\r\n      font-size: 13px;\r\n    }\r\n    .sanfai-proyek-grid {\r\n      display: flex;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      gap: 14px;\r\n      padding-bottom: 8px;\r\n      margin: 0 -16px;\r\n      padding-left: 16px;\r\n      padding-right: 16px;\r\n      scrollbar-width: none;\r\n    }\r\n    .sanfai-proyek-grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n    .sanfai-proyek-card {\r\n      min-width: 275px;\r\n      max-width: 275px;\r\n      flex: 0 0 auto;\r\n      scroll-snap-align: start;\r\n    }\r\n    .sanfai-proyek-img-box {\r\n      height: 165px;\r\n    }\r\n    .sanfai-modal-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .sanfai-modal-content {\r\n      padding: 20px;\r\n      max-height: 85vh;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML SECTION PROYEK UNGGULAN -->\r\n<div class=\"sanfai-proyek-wrapper\">\r\n  \r\n  <div class=\"sanfai-proyek-header\">\r\n    <div class=\"sanfai-proyek-title-area\">\r\n      <h2>PROYEK UNGGULAN<\/h2>\r\n      <p>Temukan hunian terbaik pilihan keluarga muslim<\/p>\r\n    <\/div>\r\n\r\n    <a href=\"javascript:void(0);\" class=\"sanfai-view-all-link\" id=\"sanfaiOpenModal\">Lihat Semua Proyek &rarr;<\/a>\r\n  <\/div>\r\n\r\n  <div class=\"sanfai-proyek-grid\">\r\n    \r\n    <!-- Kartu 1 -->\r\n    <div class=\"sanfai-proyek-card\">\r\n      <div class=\"sanfai-proyek-img-box\">\r\n        <span class=\"sanfai-badge-ready\">READY<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/DPGFAR2.jpg\" alt=\"Griya Fairus Ar-Rahman\">\r\n      <\/div>\r\n      <div class=\"sanfai-proyek-body\">\r\n        <h3 class=\"sanfai-proyek-name\">Griya Fairus Ar-Rahman<\/h3>\r\n        <p class=\"sanfai-proyek-location\">Cibinong, Bogor<\/p>\r\n        <div class=\"sanfai-proyek-price\">Rp 655 Juta<\/div>\r\n        <div class=\"sanfai-proyek-specs\">\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            3\/2 KT\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n            2 KM\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            72 m\u00b2\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/sanfai.site\/?page_id=64\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kartu 2 -->\r\n    <div class=\"sanfai-proyek-card\">\r\n      <div class=\"sanfai-proyek-img-box\">\r\n        <span class=\"sanfai-badge-ready\">READY<\/span>\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-proyek-body\">\r\n        <h3 class=\"sanfai-proyek-name\">Griya Fairus Al-Farouq<\/h3>\r\n        <p class=\"sanfai-proyek-location\">Cibinong, Bogor<\/p>\r\n        <div class=\"sanfai-proyek-price\">Rp 850 Juta<\/div>\r\n        <div class=\"sanfai-proyek-specs\">\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            3 KT\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n            2 KM\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            90 m\u00b2\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kartu 3 -->\r\n    <div class=\"sanfai-proyek-card\">\r\n      <div class=\"sanfai-proyek-img-box\">\r\n        <span class=\"sanfai-badge-ready\">READY<\/span>\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-proyek-body\">\r\n        <h3 class=\"sanfai-proyek-name\">Griya Fairus El-Fany<\/h3>\r\n        <p class=\"sanfai-proyek-location\">Cibinong, Bogor<\/p>\r\n        <div class=\"sanfai-proyek-price\">Rp 920 Juta<\/div>\r\n        <div class=\"sanfai-proyek-specs\">\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            3 KT\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n            2 KM\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            102 m\u00b2\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kartu 4 -->\r\n    <div class=\"sanfai-proyek-card\">\r\n      <div class=\"sanfai-proyek-img-box\">\r\n        <span class=\"sanfai-badge-ready\">READY<\/span>\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-proyek-body\">\r\n        <h3 class=\"sanfai-proyek-name\">Griya Fairus Rafani<\/h3>\r\n        <p class=\"sanfai-proyek-location\">Cibinong, Bogor<\/p>\r\n        <div class=\"sanfai-proyek-price\">Rp 760 Juta<\/div>\r\n        <div class=\"sanfai-proyek-specs\">\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            2 KT\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n            2 KM\r\n          <\/div>\r\n          <div class=\"sanfai-spec-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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            72 m\u00b2\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- STRUKTUR HTML MODAL \/ LAYAR MENGAMBANG -->\r\n<div class=\"sanfai-modal-overlay\" id=\"sanfaiModal\">\r\n  <div class=\"sanfai-modal-content\">\r\n    <div class=\"sanfai-modal-header\">\r\n      <div class=\"sanfai-modal-title\">\r\n        <h3>Semua Pilihan Proyek Lainnya<\/h3>\r\n        <p>Pilihan proyek tambahan eksklusif dari Fairus Group<\/p>\r\n      <\/div>\r\n      <button class=\"sanfai-modal-close\" id=\"sanfaiCloseModal\">&times;<\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"sanfai-modal-body\">\r\n      <div class=\"sanfai-modal-grid\">\r\n        \r\n        <!-- Proyek Tambahan 1 -->\r\n        <div class=\"sanfai-proyek-card\">\r\n          <div class=\"sanfai-proyek-img-box\">\r\n            <span class=\"sanfai-badge-ready\">NEW<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.site\/wp-content\/uploads\/2026\/07\/GFARWP.jpg\" alt=\"Griya Fairus Zaytuna\">\r\n          <\/div>\r\n          <div class=\"sanfai-proyek-body\">\r\n            <h3 class=\"sanfai-proyek-name\">Griya Fairus Zaytuna<\/h3>\r\n            <p class=\"sanfai-proyek-location\">Bogor Utara<\/p>\r\n            <div class=\"sanfai-proyek-price\">Rp 650 Juta<\/div>\r\n            <div class=\"sanfai-proyek-specs\">\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                2 KT\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n                1 KM\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                60 m\u00b2\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Proyek Tambahan 2 -->\r\n        <div class=\"sanfai-proyek-card\">\r\n          <div class=\"sanfai-proyek-img-box\">\r\n            <span class=\"sanfai-badge-ready\">PROMO<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFALWP.jpg\" alt=\"Griya Fairus Marwah\">\r\n          <\/div>\r\n          <div class=\"sanfai-proyek-body\">\r\n            <h3 class=\"sanfai-proyek-name\">Griya Fairus Marwah<\/h3>\r\n            <p class=\"sanfai-proyek-location\">Depok<\/p>\r\n            <div class=\"sanfai-proyek-price\">Rp 890 Juta<\/div>\r\n            <div class=\"sanfai-proyek-specs\">\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                3 KT\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n                2 KM\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                85 m\u00b2\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Proyek Tambahan 3 -->\r\n        <div class=\"sanfai-proyek-card\">\r\n          <div class=\"sanfai-proyek-img-box\">\r\n            <span class=\"sanfai-badge-ready\">READY<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFELWP.jpg\" alt=\"Griya Fairus Safa\">\r\n          <\/div>\r\n          <div class=\"sanfai-proyek-body\">\r\n            <h3 class=\"sanfai-proyek-name\">Griya Fairus Safa<\/h3>\r\n            <p class=\"sanfai-proyek-location\">Bogor Selatan<\/p>\r\n            <div class=\"sanfai-proyek-price\">Rp 710 Juta<\/div>\r\n            <div class=\"sanfai-proyek-specs\">\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                2 KT\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n                1 KM\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                65 m\u00b2\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Proyek Tambahan 4 -->\r\n        <div class=\"sanfai-proyek-card\">\r\n          <div class=\"sanfai-proyek-img-box\">\r\n            <span class=\"sanfai-badge-ready\">HOT<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GRAFWP.jpg\" alt=\"Griya Fairus Madinah\">\r\n          <\/div>\r\n          <div class=\"sanfai-proyek-body\">\r\n            <h3 class=\"sanfai-proyek-name\">Griya Fairus Madinah<\/h3>\r\n            <p class=\"sanfai-proyek-location\">Jakarta Selatan<\/p>\r\n            <div class=\"sanfai-proyek-price\">Rp 1.2 Miliar<\/div>\r\n            <div class=\"sanfai-proyek-specs\">\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                4 KT\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n                3 KM\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                120 m\u00b2\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Proyek Tambahan 5 -->\r\n        <div class=\"sanfai-proyek-card\">\r\n          <div class=\"sanfai-proyek-img-box\">\r\n            <span class=\"sanfai-badge-ready\">PROMO<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.site\/wp-content\/uploads\/2026\/07\/GFARWP.jpg\" alt=\"Griya Fairus Multazam\">\r\n          <\/div>\r\n          <div class=\"sanfai-proyek-body\">\r\n            <h3 class=\"sanfai-proyek-name\">Griya Fairus Multazam<\/h3>\r\n            <p class=\"sanfai-proyek-location\">Bogor Barat<\/p>\r\n            <div class=\"sanfai-proyek-price\">Rp 830 Juta<\/div>\r\n            <div class=\"sanfai-proyek-specs\">\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                3 KT\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n                2 KM\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                88 m\u00b2\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Proyek Tambahan 6 -->\r\n        <div class=\"sanfai-proyek-card\">\r\n          <div class=\"sanfai-proyek-img-box\">\r\n            <span class=\"sanfai-badge-ready\">NEW<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/GFALWP.jpg\" alt=\"Griya Fairus Arafah\">\r\n          <\/div>\r\n          <div class=\"sanfai-proyek-body\">\r\n            <h3 class=\"sanfai-proyek-name\">Griya Fairus Arafah<\/h3>\r\n            <p class=\"sanfai-proyek-location\">Bogor Timur<\/p>\r\n            <div class=\"sanfai-proyek-price\">Rp 950 Juta<\/div>\r\n            <div class=\"sanfai-proyek-specs\">\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                3 KT\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n                2 KM\r\n              <\/div>\r\n              <div class=\"sanfai-spec-item\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                95 m\u00b2\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"sanfai-proyek-btn\">Lihat Detail<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT UNTUK INTERAKSI MODAL -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const openBtn = document.getElementById(\"sanfaiOpenModal\");\r\n    const closeBtn = document.getElementById(\"sanfaiCloseModal\");\r\n    const modal = document.getElementById(\"sanfaiModal\");\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-6ea61e2 e-con e-atomic-element e-flexbox-base e-9d941c4 \" data-id=\"6ea61e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ea61e2\" id=\"tentangkami\">\n    \t\t<div class=\"elementor-element elementor-element-dc471b9 elementor-widget elementor-widget-html\" data-id=\"dc471b9\" 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 (Padding atas 0, padding bawah dirapatkan jadi 20px) *\/\r\n  .sanfai-why-wrapper {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 0 45px 20px 45px;\r\n    box-sizing: border-box;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n  }\r\n\r\n  \/* Grid Layout 2 Kolom (Kiri: List Keunggulan, Kanan: Foto Murni) *\/\r\n  .sanfai-why-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.3fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Bagian Kiri: Judul & List Poin *\/\r\n  .sanfai-why-title {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #0d2818;\r\n    margin: 0 0 24px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .sanfai-why-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .sanfai-why-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .sanfai-why-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n    background-color: #f1f5f9;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #0d2818;\r\n  }\r\n\r\n  .sanfai-why-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #0d2818;\r\n  }\r\n\r\n  .sanfai-why-text h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #0d2818;\r\n    margin: 0 0 2px 0;\r\n  }\r\n\r\n  .sanfai-why-text p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* Bagian Kanan: Foto Murni Tanpa Tombol Video *\/\r\n  .sanfai-why-banner {\r\n    width: 100%;\r\n    height: 320px;\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  }\r\n\r\n  .sanfai-why-banner img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* Responsif untuk Tablet & HP *\/\r\n  @media (max-width: 900px) {\r\n    .sanfai-why-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n    .sanfai-why-banner {\r\n      height: 240px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sanfai-why-wrapper {\r\n      padding: 0 20px 15px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML SECTION KENAPA MEMILIH SANFAI -->\r\n<div class=\"sanfai-why-wrapper\">\r\n  <div class=\"sanfai-why-container\">\r\n    \r\n    <!-- Kolom Kiri: Poin Keunggulan -->\r\n    <div class=\"sanfai-why-content\">\r\n      <h3 class=\"sanfai-why-title\">KENAPA MEMILIH SANFAI?<\/h3>\r\n      \r\n      <div class=\"sanfai-why-list\">\r\n        \r\n        <!-- Poin 1 -->\r\n        <div class=\"sanfai-why-item\">\r\n          <div class=\"sanfai-why-icon\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"sanfai-why-text\">\r\n            <h4>Desain Islami Modern<\/h4>\r\n            <p>Rumah elegan dan fungsional sesuai prinsip syariah.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Poin 2 -->\r\n        <div class=\"sanfai-why-item\">\r\n          <div class=\"sanfai-why-icon\">\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          <\/div>\r\n          <div class=\"sanfai-why-text\">\r\n            <h4>Lokasi Strategis<\/h4>\r\n            <p>Dekat akses tol, transportasi umum dan fasilitas kota.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Poin 3 -->\r\n        <div class=\"sanfai-why-item\">\r\n          <div class=\"sanfai-why-icon\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"sanfai-why-text\">\r\n            <h4>Kualitas Terjamin<\/h4>\r\n            <p>Material berkualitas dan pengerjaan profesional.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Poin 4 -->\r\n        <div class=\"sanfai-why-item\">\r\n          <div class=\"sanfai-why-icon\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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          <\/div>\r\n          <div class=\"sanfai-why-text\">\r\n            <h4>Lingkungan Nyaman<\/h4>\r\n            <p>Aman, bersih dan asri untuk keluarga.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kolom Kanan: Foto Murni (Tanpa Tombol Video) -->\r\n    <div class=\"sanfai-why-banner\">\r\n      <!-- Ganti URL foto di bawah dengan foto pilihanmu -->\r\n      <img decoding=\"async\" src=\"https:\/\/sanfai.site\/wp-content\/uploads\/2026\/07\/GFARWP.jpg\" alt=\"Kenapa Memilih Sanfai\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-afdf273 e-con e-atomic-element e-flexbox-base e-c375737 \" data-id=\"afdf273\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"afdf273\" id=\"kontak\">\n    \t\t<div class=\"elementor-element elementor-element-a4478fc elementor-widget elementor-widget-html\" data-id=\"a4478fc\" 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 (Padding atas 0, padding bawah rapat) *\/\r\n  .sanfai-cta-wrapper {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 0 45px 20px 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 untuk Banner *\/\r\n  .sanfai-cta-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Kotak Banner Kiri (Gradasi Biru ke Hijau) *\/\r\n  .sanfai-cta-card-dark {\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    border-radius: 20px;\r\n    padding: 35px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    box-shadow: 0 10px 30px rgba(13, 27, 61, 0.15);\r\n  }\r\n\r\n  \/* Kotak Banner Kanan (Warna Krem Terang) *\/\r\n  .sanfai-cta-card-light {\r\n    background-color: #f7f6f2;\r\n    border-radius: 20px;\r\n    padding: 35px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n    border: 1px solid #eeebe3;\r\n  }\r\n\r\n  \/* Icon Container *\/\r\n  .sanfai-cta-icon {\r\n    min-width: 60px;\r\n    width: 60px;\r\n    height: 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .sanfai-cta-card-dark .sanfai-cta-icon svg {\r\n    stroke: #d4af37; \/* Warna emas\/kuning outline khas *\/\r\n    fill: none;\r\n    width: 55px;\r\n    height: 55px;\r\n  }\r\n\r\n  .sanfai-cta-card-light .sanfai-cta-icon svg {\r\n    stroke: #0D1B3D;\r\n    fill: none;\r\n    width: 55px;\r\n    height: 55px;\r\n  }\r\n\r\n  \/* Konten Teks *\/\r\n  .sanfai-cta-content h3 {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    margin: 0 0 8px 0;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .sanfai-cta-card-dark .sanfai-cta-content h3 {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sanfai-cta-card-light .sanfai-cta-content h3 {\r\n    color: #0D1B3D;\r\n  }\r\n\r\n  .sanfai-cta-content p {\r\n    font-size: 13px;\r\n    margin: 0 0 20px 0;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .sanfai-cta-card-dark .sanfai-cta-content p {\r\n    color: #cbd5e1;\r\n  }\r\n\r\n  .sanfai-cta-card-light .sanfai-cta-content p {\r\n    color: #64748b;\r\n  }\r\n\r\n  \/* Tombol dalam Banner *\/\r\n  .sanfai-btn-yellow {\r\n    background-color: #d4af37;\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 10px 20px;\r\n    border-radius: 10px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background-color 0.2s ease;\r\n  }\r\n\r\n  .sanfai-btn-yellow:hover {\r\n    background-color: #c19b2e;\r\n  }\r\n\r\n  .sanfai-btn-outline {\r\n    background-color: transparent;\r\n    color: #0D1B3D;\r\n    border: 1px solid #0D1B3D;\r\n    padding: 9px 18px;\r\n    border-radius: 10px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .sanfai-btn-outline:hover {\r\n    background-color: #0D1B3D;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Responsif Tablet & HP *\/\r\n  @media (max-width: 900px) {\r\n    .sanfai-cta-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sanfai-cta-wrapper {\r\n      padding: 0 20px 15px 20px;\r\n    }\r\n    .sanfai-cta-card-dark, \r\n    .sanfai-cta-card-light {\r\n      padding: 24px;\r\n      gap: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML SECTION CTA BANNER -->\r\n<div class=\"sanfai-cta-wrapper\">\r\n  <div class=\"sanfai-cta-grid\">\r\n    \r\n    <!-- Banner Kiri: Gabung Agent (Gradasi Biru ke Hijau) -->\r\n    <div class=\"sanfai-cta-card-dark\">\r\n      <div class=\"sanfai-cta-icon\">\r\n        <svg stroke-width=\"1.5\" viewBox=\"0 0 24 24\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"sanfai-cta-content\">\r\n        <h3>GABUNG MENJADI SAHABAT<br>SANFAI PROPERTY<\/h3>\r\n        <p>Dapatkan penghasilan menarik, training profesional, sistem terbaik dan peluang karir tanpa batas bersama SanFai Property.<\/p>\r\n        <a href=\"https:\/\/wa.me\/6285280655610?text=Halo%20saya%20ingin%20bergabung%20menjadi%20Sahabat%20SanFai\" class=\"sanfai-btn-yellow\">\r\n          Daftar Sekarang &rarr;\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Banner Kanan: Pilih Sales Terbaik -->\r\n    <div class=\"sanfai-cta-card-light\">\r\n      <div class=\"sanfai-cta-icon\">\r\n        <svg stroke-width=\"1.5\" viewBox=\"0 0 24 24\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"sanfai-cta-content\">\r\n        <h3>PILIH SALES TERBAIK<\/h3>\r\n        <p>Kami siap membantu Anda menemukan hunian impian.<\/p>\r\n        <a href=\"https:\/\/sanfai.site\/?page_id=368\" class=\"sanfai-btn-outline\">\r\n          Lihat Semua Sales &rarr;\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1f06e48 e-con e-atomic-element e-flexbox-base e-beacfbb \" data-id=\"1f06e48\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1f06e48\" id=\"testimoni\">\n    \t\t<div class=\"elementor-element elementor-element-60af744 elementor-widget elementor-widget-html\" data-id=\"60af744\" 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 *\/\r\n  .sanfai-stack-wrapper {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 0 45px 20px 45px;\r\n    box-sizing: border-box;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n  }\r\n\r\n  \/* Container Utama: 3 Baris Ke Bawah *\/\r\n  .sanfai-stack-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* 1. KOTAK TESTIMONI (HIGHLIGHT UTAMA) - Gradasi Biru ke Hijau (#0D1B3D & #1B6F4A) *\/\r\n  .sanfai-testimoni-card {\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    border-radius: 20px;\r\n    padding: 36px;\r\n    box-shadow: 0 15px 35px rgba(13, 27, 61, 0.15);\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sanfai-testimoni-card::before {\r\n    content: '\"';\r\n    position: absolute;\r\n    right: 30px;\r\n    bottom: -20px;\r\n    font-size: 160px;\r\n    color: rgba(255, 255, 255, 0.03);\r\n    font-family: Georgia, serif;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sanfai-testimoni-title {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    color: #d4af37;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sanfai-testimoni-stars {\r\n    color: #d4af37;\r\n    font-size: 16px;\r\n    margin-bottom: 14px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .sanfai-testimoni-slider-track {\r\n    position: relative;\r\n    min-height: 90px;\r\n  }\r\n\r\n  .sanfai-testimoni-item {\r\n    display: none;\r\n    animation: fadeInTesti 0.4s ease-in-out;\r\n  }\r\n\r\n  .sanfai-testimoni-item.active {\r\n    display: block;\r\n  }\r\n\r\n  @keyframes fadeInTesti {\r\n    from { opacity: 0; transform: translateY(4px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .sanfai-testimoni-text {\r\n    font-size: 16px;\r\n    color: #ffffff;\r\n    margin: 0 0 24px 0;\r\n    line-height: 1.6;\r\n    font-weight: 600;\r\n    max-width: 850px;\r\n  }\r\n\r\n  .sanfai-testimoni-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding-top: 18px;\r\n  }\r\n\r\n  .sanfai-testimoni-profile {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .sanfai-testimoni-profile img {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 2px solid #d4af37;\r\n  }\r\n\r\n  .sanfai-testimoni-name {\r\n    font-size: 14.5px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 2px 0;\r\n  }\r\n\r\n  .sanfai-testimoni-location {\r\n    font-size: 12.5px;\r\n    color: #cbd5e1;\r\n    margin: 0;\r\n  }\r\n\r\n  .sanfai-testimoni-nav {\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n\r\n  .sanfai-nav-btn {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .sanfai-nav-btn:hover {\r\n    background: #d4af37;\r\n    color: #0D1B3D;\r\n    border-color: #d4af37;\r\n  }\r\n\r\n\r\n  \/* 2. KOTAK FAQ (INTERAKTIF KLIK - WARNA BERSIH \/ TIDAK DIWARNAI HIJAU) *\/\r\n  .sanfai-faq-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    border: 1px solid #edf2f7;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sanfai-faq-main-title {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0D1B3D;\r\n    margin: 0 0 18px 0;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .sanfai-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n\r\n  .sanfai-faq-accordion {\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    background: #ffffff;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .sanfai-faq-accordion:hover {\r\n    border-color: #cbd5e1;\r\n  }\r\n\r\n  .sanfai-faq-question {\r\n    background-color: #ffffff;\r\n    color: #1e293b;\r\n    padding: 16px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    transition: background-color 0.2s;\r\n  }\r\n\r\n  .sanfai-faq-question:hover {\r\n    background-color: #f8fafc;\r\n  }\r\n\r\n  .sanfai-faq-question span.arrow {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    transition: transform 0.3s ease;\r\n    transform: rotate(180deg); \r\n  }\r\n\r\n  .sanfai-faq-accordion.active .sanfai-faq-question span.arrow {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  .sanfai-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s ease-out, padding 0.35s ease;\r\n    background-color: #ffffff;\r\n    font-size: 13.5px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n    padding: 0 20px;\r\n    border-top: 0px solid #f1f5f9;\r\n  }\r\n\r\n  .sanfai-faq-accordion.active .sanfai-faq-answer {\r\n    max-height: 500px;\r\n    padding: 18px 20px;\r\n    border-top: 1px solid #f1f5f9;\r\n    transition: max-height 0.5s ease-in, padding 0.35s ease;\r\n  }\r\n\r\n  .sanfai-faq-answer p {\r\n    margin: 0 0 8px 0;\r\n  }\r\n\r\n  .sanfai-faq-answer p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .sanfai-faq-answer ol {\r\n    margin: 0;\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .sanfai-faq-answer li {\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .sanfai-faq-answer li:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  \/* 3. KOTAK BANNER WHATSAPP - Gradasi Biru ke Hijau (#0D1B3D & #1B6F4A) *\/\r\n  .sanfai-wa-banner {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    border-radius: 20px;\r\n    padding: 35px;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(13, 27, 61, 0.15);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-height: 200px;\r\n    background-image: linear-gradient(to right, #0D1B3D 50%, rgba(27, 111, 74, 0.8)), url('https:\/\/sanfai.site\/wp-content\/uploads\/2026\/07\/GFARWP.jpg');\r\n    background-size: cover;\r\n    background-position: right center;\r\n  }\r\n\r\n  .sanfai-wa-content {\r\n    max-width: 550px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .sanfai-wa-banner h3 {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 8px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .sanfai-wa-banner p {\r\n    font-size: 13.5px;\r\n    color: #cbd5e1;\r\n    margin: 0 0 20px 0;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .sanfai-btn-wa {\r\n    background-color: #d4af37;\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 11px 22px;\r\n    border-radius: 10px;\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background-color 0.2s ease;\r\n  }\r\n\r\n  .sanfai-btn-wa:hover {\r\n    background-color: #c19b2e;\r\n  }\r\n\r\n  \/* Responsif Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .sanfai-stack-wrapper {\r\n      padding: 0 20px 15px 20px;\r\n    }\r\n    .sanfai-testimoni-card,\r\n    .sanfai-faq-card,\r\n    .sanfai-wa-banner {\r\n      padding: 24px;\r\n    }\r\n    .sanfai-testimoni-text {\r\n      font-size: 14.5px;\r\n    }\r\n    .sanfai-wa-banner {\r\n      background-image: linear-gradient(135deg, #0D1B3D 0%, #1B6F4A 100%);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STRUKTUR HTML SECTION TIGA KE BAWAH -->\r\n<div class=\"sanfai-stack-wrapper\">\r\n  <div class=\"sanfai-stack-container\">\r\n    \r\n    <!-- 1. TESTIMONI KELUARGA SANFAI (MULTIPLE DENGAN SLIDER) -->\r\n    <div class=\"sanfai-testimoni-card\">\r\n      <div class=\"sanfai-testimoni-title\">TESTIMONI KELUARGA SANFAI<\/div>\r\n      <div class=\"sanfai-testimoni-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      \r\n      <div class=\"sanfai-testimoni-slider-track\">\r\n        <!-- Testimoni 1 -->\r\n        <div class=\"sanfai-testimoni-item active\">\r\n          <p class=\"sanfai-testimoni-text\">\r\n            \"Tempatnya asri, kalau malam sejuk banget\"\r\n          <\/p>\r\n          <div class=\"sanfai-testimoni-footer\">\r\n            <div class=\"sanfai-testimoni-profile\">\r\n              <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/testi1.png\" alt=\"Rian Hidayat\">\r\n              <div>\r\n                <h5 class=\"sanfai-testimoni-name\">Rian Hidayat<\/h5>\r\n                <p class=\"sanfai-testimoni-location\">Cilodong, Kota Depok<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"sanfai-testimoni-nav\">\r\n              <button class=\"sanfai-nav-btn\" onclick=\"prevTestimonial()\">&larr;<\/button>\r\n              <button class=\"sanfai-nav-btn\" onclick=\"nextTestimonial()\">&rarr;<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Testimoni 2 -->\r\n        <div class=\"sanfai-testimoni-item\">\r\n          <p class=\"sanfai-testimoni-text\">\r\n            \"Tempat nya nyaman, aman, & asri\"\r\n          <\/p>\r\n          <div class=\"sanfai-testimoni-footer\">\r\n            <div class=\"sanfai-testimoni-profile\">\r\n              <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/testi2.png\" alt=\"Ahmad Fauzi\">\r\n              <div>\r\n                <h5 class=\"sanfai-testimoni-name\">Rusniyati Hni<\/h5>\r\n                    <p class=\"sanfai-testimoni-location\">Kota Depok<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"sanfai-testimoni-nav\">\r\n              <button class=\"sanfai-nav-btn\" onclick=\"prevTestimonial()\">&larr;<\/button>\r\n              <button class=\"sanfai-nav-btn\" onclick=\"nextTestimonial()\">&rarr;<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Testimoni 3 -->\r\n        <div class=\"sanfai-testimoni-item\">\r\n          <p class=\"sanfai-testimoni-text\">\r\n            \"2 tahun punya rumah disini gapernah ada kendala apapun org org sini jg ramah dan baik banget good bgt pokonya mah \ud83d\udc4d\ud83d\ude01\"\r\n          <\/p>\r\n          <div class=\"sanfai-testimoni-footer\">\r\n            <div class=\"sanfai-testimoni-profile\">\r\n              <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/testi3.png\" alt=\"Siti Rahma\">\r\n              <div>\r\n                <h5 class=\"sanfai-testimoni-name\">Tomi Prianton<\/h5>\r\n                <p class=\"sanfai-testimoni-location\">Depok<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"sanfai-testimoni-nav\">\r\n              <button class=\"sanfai-nav-btn\" onclick=\"prevTestimonial()\">&larr;<\/button>\r\n              <button class=\"sanfai-nav-btn\" onclick=\"nextTestimonial()\">&rarr;<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. PERTANYAAN YANG SERING DIAJUKAN (FAQ INTERAKTIF KLIK) -->\r\n    <div class=\"sanfai-faq-card\">\r\n      <h4 class=\"sanfai-faq-main-title\">PERTANYAAN YANG SERING DIAJUKAN (FAQ)<\/h4>\r\n      \r\n      <div class=\"sanfai-faq-list\">\r\n        \r\n        <!-- Item 1 -->\r\n        <div class=\"sanfai-faq-accordion\">\r\n          <div class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n            Apa saja persyaratan kelengkapan berkas SanFai Property?\r\n            <span class=\"arrow\">\u25b2<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-faq-answer\">\r\n            <p><strong>Data Pribadi:<\/strong> FC KTP (Suami-Istri), NPWP, KK, Buku Nikah, Rekening Koran (3 bulan terakhir).<\/p>\r\n            <p><strong>Data Pekerja Tetap:<\/strong> Slip Gaji (3 bulan terakhir), Surat Keterangan Kerja & Pekerja Tetap, FC Kartu Pegawai.<\/p>\r\n            <p><strong>Data Wiraswasta:<\/strong> FC SIUP\/TDP\/SKDU, NPWP Usaha, Usaha min. 2 thn, Laporan Keuangan, Foto Tempat Usaha.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 2 -->\r\n        <div class=\"sanfai-faq-accordion\">\r\n          <div class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n            Berkas apa saja yang diperlukan untuk pengajuan KPR?\r\n            <span class=\"arrow\">\u25b2<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-faq-answer\">\r\n            <p>Form Aplikasi Kredit, KTP, KK, Surat Nikah, Pas Foto Terbaru Pemohon & Pasangan, Slip Gaji\/SK Penghasilan, SK Pengangkatan Pegawai Tetap, Buku Tabungan\/Giro (3 bulan terakhir), SPT Pph Ps.21, dan NPWP.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 3 -->\r\n        <div class=\"sanfai-faq-accordion\">\r\n          <div class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n            Biaya-biaya promo SanFai Property\r\n            <span class=\"arrow\">\u25b2<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-faq-answer\">\r\n            <p>Biaya survey (appraisal), Biaya Notaris (cek sertifikat, APHT, AJB, dll), Provisi Bank, Administrasi, Asuransi, Pajak Penjual, dan Pajak Pembeli (BPHTB).<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 4 -->\r\n        <div class=\"sanfai-faq-accordion\">\r\n          <div class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n            Apa saja tahapan pengajuan KPR?\r\n            <span class=\"arrow\">\u25b2<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-faq-answer\">\r\n            <ol>\r\n              <li>Pilih Properti & Simulasi KPR.<\/li>\r\n              <li>Tentukan Bank, isi form pemesanan & booking fee.<\/li>\r\n              <li>Pelunasan uang muka & siapkan dokumen.<\/li>\r\n              <li>Analisa kredit & survey appraisal.<\/li>\r\n              <li>Akad kredit & cicilan tiap bulan.<\/li>\r\n            <\/ol>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 5 -->\r\n        <div class=\"sanfai-faq-accordion\">\r\n          <div class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n            Apa kelebihan KPR Bank Syariah?\r\n            <span class=\"arrow\">\u25b2<\/span>\r\n          <\/div>\r\n          <div class=\"sanfai-faq-answer\">\r\n            <p>Angsuran flat sampai lunas, tanpa riba, tanpa pinalti, dan tanpa sita.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. BANNER WHATSAPP -->\r\n    <div class=\"sanfai-wa-banner\">\r\n      <div class=\"sanfai-wa-content\">\r\n        <h3>Hubungi tim marketing kami<\/h3>\r\n        <p>Hubungi tim marketing kami sekarang juga untuk konsultasi gratis!<\/p>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281227711189&text=Halo%20SanFai%20Property\/\" target=\"_blank\" class=\"sanfai-btn-wa\">\r\n          <svg width=\"18\" height=\"18\" 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 via WhatsApp &rarr;\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SCRIPT JAVASCRIPT UNTUK TESTIMONI & FAQ -->\r\n<script>\r\n  \/\/ Fungsi Toggle FAQ\r\n  function toggleFaq(element) {\r\n    const parent = element.parentElement;\r\n    parent.classList.toggle('active');\r\n  }\r\n\r\n  \/\/ Fungsi Slider Testimoni\r\n  let currentTestimonialIndex = 0;\r\n  const testimonials = document.querySelectorAll('.sanfai-testimoni-item');\r\n\r\n  function showTestimonial(index) {\r\n    testimonials.forEach((item, i) => {\r\n      if (i === index) {\r\n        item.classList.add('active');\r\n      } else {\r\n        item.classList.remove('active');\r\n      }\r\n    });\r\n  }\r\n\r\n  function nextTestimonial() {\r\n    currentTestimonialIndex++;\r\n    if (currentTestimonialIndex >= testimonials.length) {\r\n      currentTestimonialIndex = 0;\r\n    }\r\n    showTestimonial(currentTestimonialIndex);\r\n  }\r\n\r\n  function prevTestimonial() {\r\n    currentTestimonialIndex--;\r\n    if (currentTestimonialIndex < 0) {\r\n      currentTestimonialIndex = testimonials.length - 1;\r\n    }\r\n    showTestimonial(currentTestimonialIndex);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3146d4f e-con e-atomic-element e-flexbox-base e-aee4c2d \" data-id=\"3146d4f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3146d4f\">\n    \t\t<div class=\"elementor-element elementor-element-b80f180 elementor-widget elementor-widget-html\" data-id=\"b80f180\" 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=\"#proyek\">Proyek<\/a><\/li>\r\n        <li><a href=\"#tentangkami\">Tentang Kami<\/a><\/li>\r\n        <li><a href=\"#kontak\">Kontak<\/a><\/li>\r\n        <li><a href=\"#testimoni\">Testimoni<\/a><\/li>\r\n        <li><a href=\"#testimoni\">FAQ<\/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=\"#proyek\">Griya Fairus Ar-Rahman<\/a><\/li>\r\n        <li><a href=\"#proyek\">Griya Fairus Al-Farouq<\/a><\/li>\r\n        <li><a href=\"#proyek\">Griya Fairus El-Fany<\/a><\/li>\r\n        <li><a href=\"#proyek\">Griya Fairus Rafani<\/a><\/li>\r\n        <li><a href=\"#proyek\">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        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3964.887954541785!2d106.8407!3d-6.4385!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69ec18956be1b9%3A0xc3b8f2d59cd8f102!2sCilodong%2C%20Depok%20City%2C%20West%20Java!5e0!3m2!1sid!2sid!4v1650000000000!5m2!1sid!2sid\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n        <div class=\"sanfai-map-btn-container\">\r\n          <a href=\"https:\/\/maps.app.goo.gl\/95bW32N9r47J7H3X9\" 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SanFai Property Beranda Proyek Tentang Kami Kontak Testimoni FAQ \u2605\u2605\u2605\u2605\u2605 Dipercaya 500+ Keluarga Hunian Islami Modern untuk Keluarga Masa Kini SanFai Property menghadirkan hunian berkualitas dengan konsep islami, lingkungan nyaman, aman dan strategis untuk masa depan keluarga Anda. DP RinganCicilan Terjangkau Bisa KPRSyariah LegalitasAman &#038; Lengkap Akses MudahLokasi Strategis Lihat Proyek Chat Marketing One Gate [&hellip;]<\/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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/37","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=37"}],"version-history":[{"count":169,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}