{"id":625,"date":"2026-07-28T07:40:17","date_gmt":"2026-07-28T07:40:17","guid":{"rendered":"https:\/\/sanfai.site\/?page_id=625"},"modified":"2026-09-06T03:02:28","modified_gmt":"2026-09-06T03:02:28","slug":"sanfaikontraktor","status":"publish","type":"page","link":"https:\/\/sanfai.site\/?page_id=625","title":{"rendered":"SanfaiKontraktor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"625\" class=\"elementor elementor-625\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b65358 e-con e-atomic-element e-flexbox-base e-8b65358-b1e3c79 \" data-id=\"8b65358\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8b65358\" id=\"beranda\">\n    \t\t<div class=\"elementor-element elementor-element-f49803c elementor-widget elementor-widget-html\" data-id=\"f49803c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SanFai Kontraktor \u2014 Hero Section & Brand Partner Widget\r\n     ============================================================ -->\r\n<div class=\"sfk-wrapper\">\r\n\r\n  <!-- ============ HEADER \/ NAVBAR ============ -->\r\n  <header class=\"sfk-header\">\r\n    <div class=\"sfk-header-inner\">\r\n      <a href=\"#\" class=\"sfk-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/07\/SANFAIKONTRAKTORFIKS.png\" alt=\"SanFai Kontraktor\" class=\"sfk-brand-logo\">\r\n        <span class=\"sfk-brand-text\">\r\n          <strong>SanFai Kontraktor<\/strong>\r\n          <small>by SanFai Property<\/small>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <nav class=\"sfk-nav\">\r\n        <a href=\"https:\/\/sanfai.site\/\">Menu Utama<\/a>\r\n        <a href=\"#tentang\">Tentang<\/a>\r\n        <a href=\"#layanan\">Layanan<\/a>\r\n        <a href=\"#galeri\">Galeri<\/a>\r\n        <a href=\"#testimoni\">Testimoni<\/a>\r\n         <a href=\"#faq\">FAQ<\/a>\r\n        <a href=\"#kontak\">Kontak<\/a>\r\n      <\/nav>\r\n\r\n      <button class=\"sfk-burger\" aria-label=\"Menu\" onclick=\"document.querySelector('.sfk-nav').classList.toggle('sfk-nav-open')\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============ HERO ============ -->\r\n  <section class=\"sfk-hero\">\r\n    <div class=\"sfk-hero-bg\" style=\"background-image:url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/header.jpg');\"><\/div>\r\n    <div class=\"sfk-hero-overlay\"><\/div>\r\n    <div class=\"sfk-hero-bottom-fade\"><\/div>\r\n\r\n    <div class=\"sfk-hero-content\">\r\n      <h1 class=\"sfk-title\">SanFai Kontraktor<\/h1>\r\n      <p class=\"sfk-subtitle\">by SanFai Property<\/p>\r\n      <div class=\"sfk-underline\"><\/div>\r\n\r\n      <p class=\"sfk-desc\">\r\n        Jasa kontraktor profesional terpercaya di Jabodetabek untuk pembangunan hunian, kantor, dan ruang usaha dari nol hingga serah terima kunci. Mengutamakan standar kualitas tinggi, ketepatan jadwal, serta presisi di setiap detailnya.\r\n      <\/p>\r\n\r\n      <div class=\"sfk-cta-row\">\r\n        <a href=\"https:\/\/sanfai.site\/?page_id=2544\" class=\"sfk-btn sfk-btn-primary\">\r\n          <span class=\"sfk-btn-text\">Lihat Portofolio<\/span>\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=628119787220&amp;text=Halo%20Sanfai%20Kontraktor%20saya%20ingin%20konsultasi\" class=\"sfk-btn sfk-btn-secondary\" target=\"_blank\" rel=\"noopener\">\r\n          Konsultasi Gratis\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- ============ FEATURE ROW ============ -->\r\n      <div class=\"sfk-features\">\r\n        <div class=\"sfk-feature\">\r\n          <span class=\"sfk-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg>\r\n          <\/span>\r\n          <span class=\"sfk-feature-text\">\r\n            <strong>Kualitas Terjamin<\/strong>\r\n            <small>Material pilihan &amp; standar konstruksi terbaik<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sfk-feature\">\r\n          <span class=\"sfk-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n          <\/span>\r\n          <span class=\"sfk-feature-text\">\r\n            <strong>Tepat Waktu<\/strong>\r\n            <small>Manajemen proyek efektif dan efisien<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sfk-feature\">\r\n          <span class=\"sfk-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"sfk-feature-text\">\r\n            <strong>Tim Profesional<\/strong>\r\n            <small>Tenaga ahli berpengalaman di bidangnya<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sfk-feature\">\r\n          <span class=\"sfk-feature-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20a10 10 0 0 1 20 0\"><\/path><path d=\"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\"><\/path><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n          <\/span>\r\n          <span class=\"sfk-feature-text\">\r\n            <strong>Keselamatan Kerja<\/strong>\r\n            <small>Utamakan keselamatan di setiap proyek<\/small>\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ STRIP BRAND PARTNER ============ -->\r\n  <div class=\"sanfai-bank-strip\">\r\n    <div class=\"sanfai-bank-strip-inner\">\r\n      <div class=\"sanfai-banks-label\">\r\n        Didukung oleh\r\n        <span>Brand & Supplier Material Konstruksi<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"sanfai-banks-marquee\">\r\n        <div class=\"sanfai-banks-track\">\r\n         <!-- SET 1: Logo Utama -->\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND1.png\" alt=\"Brand 1\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND2.png\" alt=\"Brand 2\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND3.png\" alt=\"Brand 3\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND4.png\" alt=\"Brand 4\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND5.png\" alt=\"Brand 5\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND6.png\" alt=\"Brand 6\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND7.png\" alt=\"Brand 7\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND8.png\" alt=\"Brand 8\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND9.png\" alt=\"Brand 9\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND10.png\" alt=\"Brand 10\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND11.png\" alt=\"Brand 11\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND12.png\" alt=\"Brand 12\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND13.png\" alt=\"Brand 13\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND14.png\" alt=\"Brand 14\"><\/div>\r\n            <div class=\"sanfai-bank-logo\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND15.png\" alt=\"Brand 15\"><\/div>\r\n\r\n<!-- SET 2: Duplikasi untuk kebutuhan Animasi\/Marquee -->\r\n<!-- Saya mengganti duplikasi logo BJB dengan duplikasi set 1 agar tampilan lebih profesional -->\r\n            <div class=\"sanfai-bank-logo\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND1.png\" alt=\"\"><\/div>\r\n            <div class=\"sanfai-bank-logo\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND2.png\" alt=\"\"><\/div>\r\n            <div class=\"sanfai-bank-logo\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND3.png\" alt=\"\"><\/div>\r\n            <div class=\"sanfai-bank-logo\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND4.png\" alt=\"\"><\/div>\r\n            <div class=\"sanfai-bank-logo\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/BRAND5.png\" alt=\"\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ SECTION TENTANG KAMI ============ -->\r\n  <section id=\"tentang\" class=\"sanfai-about-section\">\r\n    <div class=\"sanfai-about-container\">\r\n      <div class=\"sanfai-about-grid\">\r\n\r\n        <!-- KOLOM KIRI -->\r\n        <div class=\"sanfai-about-left\">\r\n          <div class=\"sanfai-about-badge\">Profil Perusahaan<\/div>\r\n          <h2 class=\"sanfai-about-title\">Tentang SanFai Kontraktor<\/h2>\r\n          <p class=\"sanfai-about-desc\">\r\n            Kami hadir sebagai partner terpercaya dalam mewujudkan bangunan berkualitas tinggi di seluruh wilayah Jabodetabek dan sekitarnya. Didukung oleh tim ahli berpengalaman serta sistem kerja profesional yang terstandar, kami melayani berbagai kebutuhan konstruksi\u2014mulai dari pembangunan rumah tinggal, renovasi, hingga komersial\u2014guna memastikan setiap proyek selesai tepat waktu dengan hasil akhir terbaik yang memuaskan.\r\n          <\/p>\r\n\r\n          <div class=\"sanfai-features-grid\">\r\n            <div class=\"sanfai-feature-item\">\r\n              <div class=\"sanfai-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1\"><\/path><\/svg>\r\n              <\/div>\r\n              <span class=\"sanfai-feature-text\">Standar Konstruksi Tinggi<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sanfai-feature-item\">\r\n              <div class=\"sanfai-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n              <\/div>\r\n              <span class=\"sanfai-feature-text\">Tim Profesional Berpengalaman<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sanfai-feature-item\">\r\n              <div class=\"sanfai-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n              <\/div>\r\n              <span class=\"sanfai-feature-text\">Material Berkualitas<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sanfai-feature-item\">\r\n              <div class=\"sanfai-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n              <\/div>\r\n              <span class=\"sanfai-feature-text\">Tepat Waktu &amp; Transparan<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- KOLOM KANAN -->\r\n        <div class=\"sanfai-about-right\">\r\n          <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/kontraktor.jpg\" alt=\"Tim SanFai Kontraktor\" onerror=\"this.style.display='none';\">\r\n          <div class=\"sanfai-floating-badge\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\r\n            <span>Aman &amp; Terpercaya<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div> <!-- Penutup Utama .sfk-wrapper -->\r\n\r\n\r\n<!-- ============ CSS AMAN (ISOLATED) ============ -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');\r\n\r\n  \/* Wrapper Utama & Reset Scope *\/\r\n  .sfk-wrapper{\r\n    --sfk-brown-dark:#3B2A1E;\r\n    --sfk-brown:#6B4A32;\r\n    --sfk-brown-light:#F2ECE2;\r\n    --sfk-text:#2B211B;\r\n    --sfk-muted:#8A7B6C;\r\n    --sfk-btn-grad-start:#3B2A1E;\r\n    --sfk-btn-grad-end:#8C7A66;\r\n    font-family:'Plus Jakarta Sans',sans-serif;\r\n    color:var(--sfk-text);\r\n    box-sizing:border-box;\r\n    width:100%;\r\n    display:block;\r\n    scroll-behavior: smooth; \/* Membuat animasi scroll jadi mulus *\/\r\n  }\r\n  .sfk-wrapper *,.sfk-wrapper *::before,.sfk-wrapper *::after{box-sizing:inherit;}\r\n  .sfk-wrapper a{text-decoration:none;color:inherit;}\r\n  .sfk-wrapper img{max-width:100%;display:block;}\r\n\r\n  \/* Header *\/\r\n  .sfk-wrapper .sfk-header{background:#fff;border-bottom:1px solid #efe9e0;position:sticky;top:0;z-index:20;}\r\n  .sfk-wrapper .sfk-header-inner{max-width:1400px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n  .sfk-wrapper .sfk-brand{display:flex;align-items:center;gap:12px;}\r\n  .sfk-wrapper .sfk-brand-logo{width:42px;height:42px;object-fit:contain;flex-shrink:0;}\r\n  .sfk-wrapper .sfk-brand-text{display:flex;flex-direction:column;line-height:1.2;}\r\n  .sfk-wrapper .sfk-brand-text strong{font-size:19px;color:var(--sfk-brown-dark);font-weight:800;}\r\n  .sfk-wrapper .sfk-brand-text small{font-size:12px;color:var(--sfk-muted);font-weight:500;}\r\n\r\n  .sfk-wrapper .sfk-nav{display:flex;align-items:center;justify-content:flex-end;gap:34px;flex:1;}\r\n  .sfk-wrapper .sfk-nav a{font-size:15px;font-weight:600;color:#3a2f26;transition:color .2s;white-space:nowrap;}\r\n  .sfk-wrapper .sfk-nav a:hover{color:var(--sfk-brown);}\r\n\r\n  .sfk-wrapper .sfk-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}\r\n  .sfk-wrapper .sfk-burger span{width:24px;height:2px;background:var(--sfk-brown-dark);border-radius:2px;}\r\n\r\n  \/* Hero *\/\r\n  .sfk-wrapper .sfk-hero{position:relative;overflow:hidden;padding:70px 32px 60px;}\r\n  .sfk-wrapper .sfk-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}\r\n  .sfk-wrapper .sfk-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 32%, rgba(255,255,255,.55) 55%, rgba(255,255,255,.15) 72%, rgba(255,255,255,0) 100%);z-index:1;}\r\n  .sfk-wrapper .sfk-hero-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 35%, rgba(255,255,255,.92) 70%, rgba(255,255,255,1) 100%);z-index:1;pointer-events:none;}\r\n  .sfk-wrapper .sfk-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;}\r\n\r\n  .sfk-wrapper .sfk-title{font-size:56px;font-weight:800;color:var(--sfk-brown-dark);line-height:1.05;margin:0 0 6px;max-width:680px;}\r\n  .sfk-wrapper .sfk-subtitle{font-size:20px;font-weight:700;color:var(--sfk-brown);margin:0 0 16px;}\r\n  .sfk-wrapper .sfk-underline{width:70px;height:4px;background:var(--sfk-brown);border-radius:4px;margin-bottom:22px;}\r\n  .sfk-wrapper .sfk-desc{font-size:18px;color:#4a3c30;line-height:1.6;max-width:480px;margin:0 0 30px;}\r\n\r\n  .sfk-wrapper .sfk-cta-row{display:flex;gap:14px;margin-bottom:44px;flex-wrap:wrap;}\r\n  .sfk-wrapper .sfk-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:10px;font-size:15px;font-weight:700;transition:transform .15s ease, box-shadow .15s ease;}\r\n  .sfk-wrapper .sfk-btn:hover{transform:translateY(-2px);}\r\n  .sfk-wrapper .sfk-btn-primary{background:linear-gradient(90deg, var(--sfk-btn-grad-start) 0%, var(--sfk-btn-grad-end) 100%);box-shadow:0 6px 16px rgba(59,42,30,.3);}\r\n  .sfk-wrapper .sfk-btn-primary, .sfk-wrapper .sfk-btn-primary *, .sfk-wrapper .sfk-btn-primary .sfk-btn-text{color:#ffffff !important;}\r\n  .sfk-wrapper .sfk-btn-secondary{background:#fff;color:var(--sfk-brown-dark);border:1px solid #e4dccf;}\r\n\r\n  \/* Features *\/\r\n  .sfk-wrapper .sfk-features{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px;border-top:1px solid rgba(59,42,30,.12);}\r\n  .sfk-wrapper .sfk-feature{display:flex;align-items:flex-start;gap:12px;}\r\n  .sfk-wrapper .sfk-feature-icon{width:42px;height:42px;background:var(--sfk-brown-light);color:var(--sfk-brown);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n  .sfk-wrapper .sfk-feature-text{display:flex;flex-direction:column;gap:3px;}\r\n  .sfk-wrapper .sfk-feature-text strong{font-size:15px;color:var(--sfk-text);}\r\n  .sfk-wrapper .sfk-feature-text small{font-size:13.5px;color:var(--sfk-muted);line-height:1.4;}\r\n\r\n  \/* Strip Brand Partner *\/\r\n  .sfk-wrapper .sanfai-bank-strip{width:100%;background:#ffffff;padding:30px 0;border-top:1px solid #edf2f7;position:relative;z-index:3;overflow:hidden;}\r\n  .sfk-wrapper .sanfai-bank-strip-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:32px;width:100%;padding:0 50px;}\r\n  .sfk-wrapper .sanfai-banks-label{font-size:16px;font-weight:800;color:#0d2818;line-height:1.3;flex-shrink:0;}\r\n  .sfk-wrapper .sanfai-banks-label span{display:block;font-weight:600;font-size:13px;color:#555555;}\r\n  .sfk-wrapper .sanfai-banks-marquee{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);}\r\n  .sfk-wrapper .sanfai-banks-track{display:flex;align-items:center;gap:48px;width:max-content;animation:sanfaiMarqueeScroll 35s linear infinite;}\r\n  .sfk-wrapper .sanfai-banks-marquee:hover .sanfai-banks-track{animation-play-state:paused;}\r\n  @keyframes sanfaiMarqueeScroll {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); }\r\n  }\r\n  .sfk-wrapper .sanfai-bank-logo{display:flex;align-items:center;flex-shrink:0;}\r\n  .sfk-wrapper .sanfai-bank-logo img{height:64px;width:auto;max-width:200px;object-fit:contain;display:block;}\r\n\r\n  \/* Section Tentang Kami *\/\r\n  .sfk-wrapper .sanfai-about-section{width:100%;display:block;position:relative;z-index:10;box-sizing:border-box;padding:70px 20px;background-color:#ffffff;scroll-margin-top: 80px;}\r\n  .sfk-wrapper .sanfai-about-container{max-width:1200px;margin:0 auto;width:100%;}\r\n  .sfk-wrapper .sanfai-about-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:stretch;}\r\n  .sfk-wrapper .sanfai-about-left{flex:1 1 480px;min-width:280px;display:flex;flex-direction:column;}\r\n  .sfk-wrapper .sanfai-about-badge{display:inline-flex;align-items:center;gap:6px;background:#F2ECE2;color:#3B2A1E;font-size:11.5px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:14px;width:fit-content;}\r\n  .sfk-wrapper .sanfai-about-title{font-size:clamp(24px, 2.5vw, 30px);font-weight:800;color:#3B2A1E;margin:0 0 16px 0;letter-spacing:-0.3px;line-height:1.25;}\r\n  .sfk-wrapper .sanfai-about-desc{font-size:15px;line-height:1.7;color:#5a4a3c;margin:0;font-weight:500;}\r\n  .sfk-wrapper .sanfai-features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:18px;margin-top:32px;padding-top:28px;border-top:1px solid #e9ded1;}\r\n  .sfk-wrapper .sanfai-feature-item{display:flex;align-items:center;gap:12px;text-align:left;}\r\n  .sfk-wrapper .sanfai-feature-item .sanfai-feature-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#F2ECE2;color:#6B4A32;display:flex;align-items:center;justify-content:center;}\r\n  .sfk-wrapper .sanfai-feature-icon svg{width:22px;height:22px;stroke:#6B4A32;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block;}\r\n  .sfk-wrapper .sanfai-feature-text{font-size:13px;font-weight:700;color:#3B2A1E;line-height:1.35;}\r\n  .sfk-wrapper .sanfai-about-right{flex:1 1 360px;min-width:280px;position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg, #3B2A1E 0%, #6B4A32 100%);box-shadow:0 20px 45px rgba(59, 42, 30, 0.18);min-height:340px;display:flex;}\r\n  .sfk-wrapper .sanfai-about-right img{width:100%;height:100%;object-fit:cover;display:block;}\r\n  .sfk-wrapper .sanfai-floating-badge{position:absolute;left:20px;bottom:20px;z-index:3;background:rgba(255, 255, 255, 0.95);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 20px rgba(0, 0, 0, 0.1);width:fit-content;}\r\n  .sfk-wrapper .sanfai-floating-badge svg{width:20px;height:20px;stroke:#6B4A32;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:block;}\r\n  .sfk-wrapper .sanfai-floating-badge span{font-size:12.5px;font-weight:700;color:#3B2A1E;line-height:1.3;white-space:nowrap;}\r\n\r\n  \/* Responsive Media Queries *\/\r\n  @media (max-width:1200px){\r\n    .sfk-wrapper .sfk-title{font-size:48px;}\r\n  }\r\n  @media (max-width:1100px){\r\n    .sfk-wrapper .sfk-title{font-size:42px;}\r\n    .sfk-wrapper .sfk-features{grid-template-columns:repeat(2,1fr);}\r\n    .sfk-wrapper .sfk-nav{gap:22px;}\r\n    .sfk-wrapper .sanfai-bank-strip { padding: 24px 0; }\r\n    .sfk-wrapper .sanfai-bank-strip-inner{ padding: 0 25px; }\r\n    .sfk-wrapper .sanfai-bank-logo img { height: 52px; }\r\n  }\r\n  @media (max-width:880px){\r\n    .sfk-wrapper .sfk-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 16px;box-shadow:0 12px 20px rgba(0,0,0,.08);}\r\n    .sfk-wrapper .sfk-nav.sfk-nav-open{display:flex;}\r\n    .sfk-wrapper .sfk-nav a{padding:12px 0;width:100%;border-bottom:1px solid #f2ede4;}\r\n    .sfk-wrapper .sfk-burger{display:flex;}\r\n    .sfk-wrapper .sfk-hero-overlay{background:rgba(255,255,255,.93);}\r\n    .sfk-wrapper .sfk-title{max-width:100%;}\r\n    .sfk-wrapper .sfk-desc{max-width:100%;}\r\n  }\r\n  @media (max-width: 768px) {\r\n    .sfk-wrapper .sanfai-bank-strip { padding: 22px 0; }\r\n    .sfk-wrapper .sanfai-bank-strip-inner { flex-direction: column; align-items: flex-start; gap: 16px; padding: 0 16px; }\r\n    .sfk-wrapper .sanfai-banks-marquee{ width: 100%; }\r\n    .sfk-wrapper .sanfai-banks-track { gap: 32px; }\r\n    .sfk-wrapper .sanfai-bank-logo img { height: 44px; }\r\n    .sfk-wrapper .sanfai-features-grid { grid-template-columns: 1fr; }\r\n    .sfk-wrapper .sanfai-about-right { min-height: 260px; }\r\n  }\r\n  @media (max-width:700px){\r\n    .sfk-wrapper .sfk-header-inner{padding:12px 18px;}\r\n    .sfk-wrapper .sfk-hero{padding:40px 18px 40px;}\r\n    .sfk-wrapper .sfk-title{font-size:34px;}\r\n    .sfk-wrapper .sfk-subtitle{font-size:16px;}\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b9476a4 e-con e-atomic-element e-flexbox-base e-d19e69b \" data-id=\"b9476a4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9476a4\">\n    \t\t<div class=\"elementor-element elementor-element-26642c2 elementor-widget elementor-widget-html\" data-id=\"26642c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>SanFai Kontraktor - Statistik<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* RESET HALAMAN & KONSISTENSI UKURAN - MENTOK ATAS *\/\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      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    *, *:before, *:after {\r\n      box-sizing: inherit;\r\n    }\r\n\r\n    \/* SECTION STATISTIK - PADDING ATAS 0 *\/\r\n    .sanfai-stats-section {\r\n      width: 100%;\r\n      padding: 0 40px 60px 40px;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .sanfai-stats-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* KOTAK STATISTIK DENGAN GRADASI COKLAT & GARIS PEMISAH *\/\r\n    .sanfai-stats-box {\r\n      background: linear-gradient(135deg, #3B2A1E 0%, #553E2E 100%);\r\n      border-radius: 20px;\r\n      padding: 35px 40px;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 20px;\r\n      align-items: center;\r\n      box-shadow: 0 10px 25px rgba(59, 42, 30, 0.2);\r\n      border: 1px solid #6E533F;\r\n    }\r\n\r\n    .sanfai-stat-card {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      position: relative;\r\n    }\r\n\r\n    .sanfai-stat-card:not(:last-child)::after {\r\n      content: '';\r\n      position: absolute;\r\n      right: -10px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      height: 40px;\r\n      width: 1px;\r\n      background-color: rgba(242, 236, 226, 0.2);\r\n    }\r\n\r\n    .sanfai-stat-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n      color: #D9B48A;\r\n      flex-shrink: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .sanfai-stat-icon svg {\r\n      width: 32px;\r\n      height: 32px;\r\n      stroke: #D9B48A;\r\n      fill: none;\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .sanfai-stat-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .sanfai-stat-number {\r\n      font-size: 26px;\r\n      font-weight: 800;\r\n      color: #ffffff;\r\n      line-height: 1.1;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .sanfai-stat-label {\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: #D9B48A;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* RESPONSIVE DESIGN *\/\r\n    @media (max-width: 1024px) {\r\n      .sanfai-stats-section {\r\n        padding: 0 30px 50px 30px;\r\n      }\r\n      .sanfai-stats-box {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px;\r\n      }\r\n      .sanfai-stat-card:nth-child(even)::after {\r\n        display: none;\r\n      }\r\n      .sanfai-stat-card:nth-child(odd)::after {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .sanfai-stats-section {\r\n        padding: 0 20px 40px 20px;\r\n      }\r\n      .sanfai-stats-box {\r\n        padding: 25px 20px;\r\n        gap: 20px;\r\n      }\r\n      .sanfai-stat-number {\r\n        font-size: 22px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .sanfai-stats-section {\r\n        padding: 0 16px 30px 16px;\r\n      }\r\n      .sanfai-stats-box {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n      .sanfai-stat-card::after {\r\n        display: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-stats-section\">\r\n  <div class=\"sanfai-stats-container\">\r\n    \r\n    <div class=\"sanfai-stats-box\">\r\n      <!-- Statistik 1: Proyek Dikerjakan -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">100+<\/div>\r\n          <div class=\"sanfai-stat-label\">Proyek Dikerjakan<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Statistik 2: Klien Puas -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">150+<\/div>\r\n          <div class=\"sanfai-stat-label\">Klien Puas<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Statistik 3: Proyek Tepat Waktu -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">98%<\/div>\r\n          <div class=\"sanfai-stat-label\">Proyek Tepat Waktu<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Statistik 4: Tahun Pengalaman -->\r\n      <div class=\"sanfai-stat-card\">\r\n        <div class=\"sanfai-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4\"><\/path><path d=\"M9 9h1M9 13h1M9 17h1\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"sanfai-stat-info\">\r\n          <div class=\"sanfai-stat-number\">10+<\/div>\r\n          <div class=\"sanfai-stat-label\">Tahun Pengalaman<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-49ff645 e-con e-atomic-element e-flexbox-base e-89e28a1 \" data-id=\"49ff645\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49ff645\" id=\"layanan\">\n    \t\t<div class=\"elementor-element elementor-element-564dfc5 elementor-widget elementor-widget-html\" data-id=\"564dfc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>SanFai Kontraktor - Layanan Kami<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    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      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    *, *:before, *:after { box-sizing: inherit; }\r\n\r\n    .sanfai-services-section {\r\n      width: 100%;\r\n      padding: 0 40px 70px 40px;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .sanfai-services-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n    .sanfai-services-title {\r\n      font-size: 26px;\r\n      font-weight: 800;\r\n      color: #0d2818;\r\n      margin: 0 0 30px 0;\r\n      letter-spacing: -0.3px;\r\n    }\r\n\r\n    .sanfai-services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .sanfai-service-card {\r\n      background-color: #ffffff;\r\n      border: 1px solid #eaeaea;\r\n      border-radius: 20px;\r\n      padding: 24px 20px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .sanfai-service-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    \/* ===== SLIDER FOTO PER CARD ===== *\/\r\n    .sanfai-service-img-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 140px;\r\n      border-radius: 14px;\r\n      overflow: hidden;\r\n      margin-bottom: 20px;\r\n      background-color: #f4f7f5;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    .sanfai-service-slide {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      pointer-events: none;\r\n      user-select: none;\r\n      -webkit-user-drag: none;\r\n    }\r\n\r\n    .sanfai-service-slide.is-active { opacity: 1; pointer-events: auto; }\r\n\r\n    .sanfai-slider-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 26px;\r\n      height: 26px;\r\n      border-radius: 50%;\r\n      background: rgba(13, 40, 24, 0.55);\r\n      border: none;\r\n      color: #ffffff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      z-index: 3;\r\n      opacity: 0;\r\n      transition: opacity 0.2s ease, background 0.2s ease;\r\n      padding: 0;\r\n    }\r\n\r\n    .sanfai-service-img-wrap:hover .sanfai-slider-arrow,\r\n    .sanfai-slider-arrow:focus-visible { opacity: 1; }\r\n\r\n    .sanfai-slider-arrow:hover { background: rgba(13, 40, 24, 0.8); }\r\n\r\n    .sanfai-slider-arrow svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: #ffffff;\r\n      fill: none;\r\n      stroke-width: 2.4;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .sanfai-slider-prev { left: 8px; }\r\n    .sanfai-slider-next { right: 8px; }\r\n\r\n    .sanfai-slider-dots {\r\n      position: absolute;\r\n      bottom: 8px;\r\n      left: 0;\r\n      right: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 5px;\r\n      z-index: 3;\r\n    }\r\n\r\n    .sanfai-slider-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, 0.55);\r\n      border: none;\r\n      padding: 0;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .sanfai-slider-dot.is-active { background: #ffffff; transform: scale(1.25); }\r\n\r\n    .sanfai-service-name {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #0d2818;\r\n      margin: 0 0 10px 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .sanfai-service-desc {\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      color: #556270;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .sanfai-services-section { padding: 0 30px 50px 30px; }\r\n      .sanfai-services-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .sanfai-services-section { padding: 0 20px 40px 20px; }\r\n      .sanfai-services-title { font-size: 22px; margin-bottom: 20px; }\r\n      .sanfai-slider-arrow { opacity: 1; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .sanfai-services-section { padding: 0 16px 30px 16px; }\r\n      .sanfai-services-grid { grid-template-columns: 1fr; }\r\n      .sanfai-service-img-wrap { height: 180px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-services-section\">\r\n  <div class=\"sanfai-services-container\">\r\n\r\n    <h2 class=\"sanfai-services-title\">Layanan Kami<\/h2>\r\n\r\n    <div class=\"sanfai-services-grid\">\r\n\r\n      <!-- Layanan 1: Konstruksi Bangunan (3 foto) -->\r\n      <div class=\"sanfai-service-card\">\r\n        <div class=\"sanfai-service-img-wrap\" data-sanfai-slider>\r\n          <img decoding=\"async\" class=\"sanfai-service-slide is-active\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/konstruksi1.jpg\" alt=\"Konstruksi Bangunan foto 1\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/konstruksi2.jpg\" alt=\"Konstruksi Bangunan foto 2\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/konstruksi3.jpg\" alt=\"Konstruksi Bangunan foto 3\">\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-prev\" aria-label=\"Foto sebelumnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-next\" aria-label=\"Foto berikutnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <div class=\"sanfai-slider-dots\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"sanfai-service-name\">Konstruksi Bangunan<\/h3>\r\n        <p class=\"sanfai-service-desc\">Pembangunan rumah, ruko, dan bangunan lainnya dengan proses kerja terencana dari struktur hingga finishing<\/p>\r\n      <\/div>\r\n\r\n      <!-- Layanan 2: Renovasi & Perbaikan (2 foto) -->\r\n      <div class=\"sanfai-service-card\">\r\n        <div class=\"sanfai-service-img-wrap\" data-sanfai-slider>\r\n          <img decoding=\"async\" class=\"sanfai-service-slide is-active\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/renovasi1.jpg\" alt=\"Renovasi & Perbaikan foto 1\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/renovasi2.jpg\" alt=\"Renovasi & Perbaikan foto 2\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/renovasi3.jpg\" alt=\"Renovasi & Perbaikan foto 3\">\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-prev\" aria-label=\"Foto sebelumnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-next\" aria-label=\"Foto berikutnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <div class=\"sanfai-slider-dots\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"sanfai-service-name\">Renovasi & Perbaikan<\/h3>\r\n        <p class=\"sanfai-service-desc\">Renovasi dan pengembangan bangunan untuk menciptakan ruang yang lebih nyaman, fungsional, dan sesuai kebutuhan<\/p>\r\n      <\/div>\r\n\r\n      <!-- Layanan 3: Desain & Perencanaan (posisi ditukar, 2 foto) -->\r\n      <div class=\"sanfai-service-card\">\r\n        <div class=\"sanfai-service-img-wrap\" data-sanfai-slider>\r\n          <img decoding=\"async\" class=\"sanfai-service-slide is-active\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/desain1.jpg\" alt=\"Desain & Perencanaan foto 1\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/desain2.jpg\" alt=\"Desain & Perencanaan foto 2\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/desain3.jpg\" alt=\"Desain & Perencanaan foto 3\">\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-prev\" aria-label=\"Foto sebelumnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-next\" aria-label=\"Foto berikutnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <div class=\"sanfai-slider-dots\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"sanfai-service-name\">Desain & Perencanaan<\/h3>\r\n        <p class=\"sanfai-service-desc\">Perencanaan desain, gambar kerja, dan estimasi anggaran sebagai dasar pembangunan yang lebih terarah<\/p>\r\n      <\/div>\r\n\r\n      <!-- Layanan 4: Manajemen Proyek (posisi ditukar, 2 foto) -->\r\n      <div class=\"sanfai-service-card\">\r\n        <div class=\"sanfai-service-img-wrap\" data-sanfai-slider>\r\n          <img decoding=\"async\" class=\"sanfai-service-slide is-active\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/manajemen.jpg\" alt=\"Manajemen Proyek foto 1\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/manajemen1.jpg\" alt=\"Manajemen Proyek foto 2\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/manajemen2.jpg\" alt=\"Manajemen Proyek foto 2\">\r\n          <img decoding=\"async\" class=\"sanfai-service-slide\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/manajemen3.jpg\" alt=\"Manajemen Proyek foto 2\">\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-prev\" aria-label=\"Foto sebelumnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <button type=\"button\" class=\"sanfai-slider-arrow sanfai-slider-next\" aria-label=\"Foto berikutnya\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n          <\/button>\r\n          <div class=\"sanfai-slider-dots\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"sanfai-service-name\">Manajemen Proyek<\/h3>\r\n        <p class=\"sanfai-service-desc\">Pengelolaan dan pengawasan proyek untuk memastikan pekerjaan berjalan sesuai standar, jadwal, dan rencana<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    function initSlider(wrap) {\r\n      var slides = wrap.querySelectorAll(\".sanfai-service-slide\");\r\n      if (!slides.length) return;\r\n\r\n      var total = slides.length;\r\n      var current = 0;\r\n      var dotsContainer = wrap.querySelector(\".sanfai-slider-dots\");\r\n      var prevBtn = wrap.querySelector(\".sanfai-slider-prev\");\r\n      var nextBtn = wrap.querySelector(\".sanfai-slider-next\");\r\n      var dots = [];\r\n      var autoTimer = null;\r\n\r\n      if (total <= 1) {\r\n        if (prevBtn) prevBtn.style.display = \"none\";\r\n        if (nextBtn) nextBtn.style.display = \"none\";\r\n        return;\r\n      }\r\n\r\n      if (dotsContainer) {\r\n        for (var i = 0; i < total; i++) {\r\n          var dot = document.createElement(\"button\");\r\n          dot.type = \"button\";\r\n          dot.className = \"sanfai-slider-dot\" + (i === 0 ? \" is-active\" : \"\");\r\n          dot.setAttribute(\"aria-label\", \"Ke foto \" + (i + 1));\r\n          (function (index) {\r\n            dot.addEventListener(\"click\", function (e) {\r\n              e.stopPropagation();\r\n              goTo(index);\r\n              restartAuto();\r\n            });\r\n          })(i);\r\n          dotsContainer.appendChild(dot);\r\n          dots.push(dot);\r\n        }\r\n      }\r\n\r\n      function render() {\r\n        for (var i = 0; i < total; i++) {\r\n          slides[i].classList.toggle(\"is-active\", i === current);\r\n          if (dots[i]) dots[i].classList.toggle(\"is-active\", i === current);\r\n        }\r\n      }\r\n\r\n      function goTo(index) { current = (index + total) % total; render(); }\r\n      function next() { goTo(current + 1); }\r\n      function prev() { goTo(current - 1); }\r\n\r\n      if (nextBtn) {\r\n        nextBtn.addEventListener(\"click\", function (e) { e.stopPropagation(); next(); restartAuto(); });\r\n      }\r\n      if (prevBtn) {\r\n        prevBtn.addEventListener(\"click\", function (e) { e.stopPropagation(); prev(); restartAuto(); });\r\n      }\r\n\r\n      function startAuto() { stopAuto(); autoTimer = setInterval(next, 4500); }\r\n      function stopAuto() { if (autoTimer) { clearInterval(autoTimer); autoTimer = null; } }\r\n      function restartAuto() { startAuto(); }\r\n\r\n      wrap.addEventListener(\"mouseenter\", stopAuto);\r\n      wrap.addEventListener(\"mouseleave\", startAuto);\r\n\r\n      var touchStartX = 0;\r\n      var touchEndX = 0;\r\n\r\n      wrap.addEventListener(\"touchstart\", function (e) {\r\n        touchStartX = e.changedTouches[0].screenX;\r\n        stopAuto();\r\n      }, { passive: true });\r\n\r\n      wrap.addEventListener(\"touchend\", function (e) {\r\n        touchEndX = e.changedTouches[0].screenX;\r\n        var diff = touchStartX - touchEndX;\r\n        if (Math.abs(diff) > 30) {\r\n          if (diff > 0) { next(); } else { prev(); }\r\n        }\r\n        startAuto();\r\n      }, { passive: true });\r\n\r\n      render();\r\n      startAuto();\r\n    }\r\n\r\n    function init() {\r\n      var sliders = document.querySelectorAll(\"[data-sanfai-slider]\");\r\n      sliders.forEach(initSlider);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", init);\r\n    } else {\r\n      init();\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d0a6b30 e-con e-atomic-element e-flexbox-base e-a8da782 \" data-id=\"d0a6b30\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d0a6b30\" id=\"proses\">\n    \t\t<div class=\"elementor-element elementor-element-1241655 elementor-widget elementor-widget-html\" data-id=\"1241655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .sfk-process-section {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 60px 40px 70px 40px;\r\n    background-color: #ffffff;\r\n    font-family: 'Segoe UI', Arial, sans-serif;\r\n  }\r\n\r\n  .sfk-process-section *,\r\n  .sfk-process-section *:before,\r\n  .sfk-process-section *:after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sfk-process-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .sfk-process-title {\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: #3B2A1E;\r\n    margin: 0 0 40px 0;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  \/* CONTAINER TIMELINE \/ STEP - 4 KOLOM (DESKTOP, >1024px) *\/\r\n  .sfk-process-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    align-items: stretch;\r\n    position: relative;\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* KARTU STEP INDIVIDU *\/\r\n  .sfk-process-step {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n\r\n  .sfk-process-icon-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n  }\r\n\r\n  .sfk-process-icon {\r\n    width: 88px;\r\n    height: 88px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #F2ECE2;\r\n    border: 3px solid #ffffff;\r\n    box-shadow: 0 4px 16px rgba(59, 42, 30, 0.16);\r\n    z-index: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sfk-process-icon img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* GARIS PENGHUBUNG ANTAR FOTO (HANYA DESKTOP >1024px) *\/\r\n  .sfk-process-step:not(:last-child) .sfk-process-icon-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: calc(50% + 44px);\r\n    width: calc(100% - 44px);\r\n    height: 1px;\r\n    background-color: #e2d6c6;\r\n    z-index: 1;\r\n  }\r\n\r\n  .sfk-step-number {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #6B4A32;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .sfk-step-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #3B2A1E;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .sfk-step-desc {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #5a4a3c;\r\n    margin: 0;\r\n    font-weight: 500;\r\n    max-width: 220px;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE: SATU ATURAN UNTUK SEMUA \u22641024px, LANGSUNG JADI SLIDER GESER ---------- *\/\r\n  @media (max-width: 1024px) {\r\n    .sfk-process-section {\r\n      padding: 40px 0 40px 0;\r\n    }\r\n    .sfk-process-container {\r\n      padding: 0 20px;\r\n    }\r\n    .sfk-process-title {\r\n      font-size: 22px;\r\n      margin-bottom: 24px;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .sfk-process-grid {\r\n      display: flex !important;\r\n      flex-wrap: nowrap !important;\r\n      align-items: stretch;\r\n      gap: 18px;\r\n      overflow-x: auto !important;\r\n      scroll-snap-type: x mandatory;\r\n      -webkit-overflow-scrolling: touch;\r\n      padding: 4px 20px 16px 20px;\r\n      margin: 0 -20px;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .sfk-process-grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .sfk-process-step:not(:last-child) .sfk-process-icon-wrapper::after {\r\n      display: none;\r\n    }\r\n\r\n    .sfk-process-step {\r\n      flex: 0 0 280px;\r\n      max-width: 280px;\r\n      height: auto;\r\n      scroll-snap-align: start;\r\n      background: #fdfbf8;\r\n      border: 1px solid #f0e8dd;\r\n      border-radius: 18px;\r\n      padding: 20px 16px 22px 16px;\r\n      box-shadow: 0 4px 14px rgba(59, 42, 30, 0.05);\r\n    }\r\n\r\n    .sfk-step-desc {\r\n      max-width: 100%;\r\n      flex: 1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sfk-process-icon {\r\n      width: 72px;\r\n      height: 72px;\r\n    }\r\n    .sfk-process-step {\r\n      flex: 0 0 78%;\r\n      max-width: 260px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .sfk-process-container {\r\n      padding: 0 16px;\r\n    }\r\n    .sfk-process-title {\r\n      padding: 0 16px;\r\n    }\r\n    .sfk-process-grid {\r\n      padding: 4px 16px 16px 16px;\r\n      margin: 0 -16px;\r\n    }\r\n    .sfk-process-step {\r\n      flex: 0 0 82%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sfk-process-section\">\r\n  <div class=\"sfk-process-container\">\r\n\r\n    <h2 class=\"sfk-process-title\">Proses Kerja Kami<\/h2>\r\n\r\n    <div class=\"sfk-process-grid\">\r\n\r\n      <!-- Step 01: Konsultasi Awal -->\r\n      <div class=\"sfk-process-step\">\r\n        <div class=\"sfk-process-icon-wrapper\">\r\n          <div class=\"sfk-process-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/proses1.jpg\" alt=\"Konsultasi Awal\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sfk-step-number\">01<\/div>\r\n        <h3 class=\"sfk-step-title\">Konsultasi Awal<\/h3>\r\n        <p class=\"sfk-step-desc\">Diskusi kebutuhan, kondisi bangunan, lokasi, dan budget untuk menentukan arah proyek yang sesuai<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 02: Pelaksanaan Pembangunan -->\r\n      <div class=\"sfk-process-step\">\r\n        <div class=\"sfk-process-icon-wrapper\">\r\n          <div class=\"sfk-process-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/proses2.jpg\" alt=\"Pelaksanaan Pembangunan\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sfk-step-number\">02<\/div>\r\n        <h3 class=\"sfk-step-title\">Pelaksanaan Pembangunan<\/h3>\r\n        <p class=\"sfk-step-desc\">Survey kondisi lapangan dilanjutkan dengan penyusunan desain, kebutuhan pekerjaan, dan estimasi anggaran<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 03: Pengawasan -->\r\n      <div class=\"sfk-process-step\">\r\n        <div class=\"sfk-process-icon-wrapper\">\r\n          <div class=\"sfk-process-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/proses3.jpg\" alt=\"Pengawasan\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sfk-step-number\">03<\/div>\r\n        <h3 class=\"sfk-step-title\">Pengawasan<\/h3>\r\n        <p class=\"sfk-step-desc\">Pekerjaan dilaksanakan oleh tim lapangan dengan monitoring progress dan quality control secara berkala<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 04: Serah Terima Rumah -->\r\n      <div class=\"sfk-process-step\">\r\n        <div class=\"sfk-process-icon-wrapper\">\r\n          <div class=\"sfk-process-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/proses4.jpg\" alt=\"Serah Terima Rumah\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sfk-step-number\">04<\/div>\r\n        <h3 class=\"sfk-step-title\">Serah Terima Rumah<\/h3>\r\n        <p class=\"sfk-step-desc\">Pemeriksaan akhir dilakukan bersama klien sebelum proyek diserahterimakan.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1af05ad e-con e-atomic-element e-flexbox-base e-1a876f8 \" data-id=\"1af05ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1af05ad\" id=\"galeri\">\n    \t\t<div class=\"elementor-element elementor-element-c5fd530 elementor-widget elementor-widget-html\" data-id=\"c5fd530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"coverflow-wrapper\">\r\n    <div class=\"coverflow-title\">\r\n        <h2>Moment Bersama Sanfai KOntraktor<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"coverflow-container\">\r\n        <div class=\"coverflow-track\">\r\n\r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment14.jpg\" alt=\"Proyek Kontraktor 1\">\r\n            <\/div>\r\n\r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment1.jpg\" alt=\"Proyek Kontraktor 2\">\r\n            <\/div>\r\n\r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment2.jpg\" alt=\"Proyek Kontraktor 3\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment3.jpg\" alt=\"Proyek Kontraktor 4\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment4.jpg\" alt=\"Proyek Kontraktor 5\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment5.jpg\" alt=\"Proyek Kontraktor 6\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment6.jpg\" alt=\"Proyek Kontraktor 7\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment7.jpg\" alt=\"Proyek Kontraktor 8\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment8.jpg\" alt=\"Proyek Kontraktor 9\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment9.jpg\" alt=\"Proyek Kontraktor 10\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment10.jpg\" alt=\"Proyek Kontraktor 11\">\r\n            <\/div>\r\n            \r\n             <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment11.jpg\" alt=\"Proyek Kontraktor 12\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment12.jpg\" alt=\"Proyek Kontraktor 13\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment13.jpg\" alt=\"Proyek Kontraktor 14\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment15.jpg\" alt=\"Proyek Kontraktor 15\">\r\n            <\/div>\r\n            \r\n            <div class=\"coverflow-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/moment.jpg\" alt=\"Proyek Kontraktor 16\">\r\n            <\/div>\r\n            \r\n           \r\n        <\/div>\r\n\r\n        <button class=\"nav prev\" aria-label=\"Previous Slide\">&#10094;<\/button>\r\n        <button class=\"nav next\" aria-label=\"Next Slide\">&#10095;<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');\r\n\r\n\/* Atas mentok (0), bawah dikasih space (padding-bottom) *\/\r\n.coverflow-wrapper {\r\n    width: 100%;\r\n    background: #FFFFFF;\r\n    padding: 0 0 70px 0;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.coverflow-wrapper * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Styling Judul di Atas Galeri *\/\r\n.coverflow-title {\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.coverflow-title h2 {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: #3B2A1E; \/* Warna coklat gelap elegan khas Sanfai *\/\r\n    letter-spacing: -0.3px;\r\n    text-transform: uppercase;\r\n    margin: 0 0 8px 0;\r\n}\r\n\r\n.coverflow-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    margin: auto;\r\n    height: 400px;\r\n    perspective: 1200px;\r\n}\r\n\r\n.coverflow-track {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.coverflow-item {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 55%;\r\n    max-width: 500px;\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), \r\n                opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n}\r\n\r\n.coverflow-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 8px;\r\n    border: 1px solid #D9B48A;\r\n    box-shadow: 0 10px 30px rgba(59, 42, 30, 0.12);\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Tombol Navigasi *\/\r\n.coverflow-container .nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    border: none;\r\n    background: #3B2A1E;\r\n    color: #FFFFFF;\r\n    width: 45px;\r\n    height: 45px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 12px rgba(59, 42, 30, 0.2);\r\n    z-index: 99;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.2s, transform 0.2s;\r\n}\r\n\r\n.coverflow-container .nav:hover {\r\n    background: #6E533F;\r\n    transform: translateY(-50%) scale(1.05);\r\n}\r\n\r\n.coverflow-container .prev { left: 10px; }\r\n.coverflow-container .next { right: 10px; }\r\n\r\n@media(max-width: 768px){\r\n    .coverflow-wrapper {\r\n        padding: 0 0 50px 0;\r\n    }\r\n\r\n    .coverflow-title h2 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .coverflow-container {\r\n        height: 280px;\r\n    }\r\n\r\n    .coverflow-item {\r\n        width: 75%;\r\n    }\r\n\r\n    .coverflow-container .nav {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const container = document.querySelector('.coverflow-container');\r\n    if (!container) return;\r\n\r\n    const items = container.querySelectorAll('.coverflow-item');\r\n    if (items.length === 0) return;\r\n\r\n    let current = 0;\r\n    const totalItems = items.length;\r\n\r\n    function updateCoverflow(){\r\n        items.forEach((item, index) => {\r\n            let offset = index - current;\r\n            \r\n            if (offset > totalItems \/ 2) {\r\n                offset -= totalItems;\r\n            } else if (offset < -totalItems \/ 2) {\r\n                offset += totalItems;\r\n            }\r\n\r\n            if(offset === 0){\r\n                item.style.transform = `translate(-50%,-50%) translateX(0px) scale(1) rotateY(0deg)`;\r\n                item.style.opacity = \"1\";\r\n                item.style.zIndex = \"10\";\r\n                item.style.pointerEvents = \"auto\";\r\n            }\r\n            else if(offset < 0){\r\n                item.style.transform = `translate(-50%,-50%) translateX(${offset * 140}px) scale(0.8) rotateY(40deg)`;\r\n                item.style.opacity = \"0.6\";\r\n                item.style.zIndex = 10 + offset;\r\n                item.style.pointerEvents = \"auto\";\r\n            }\r\n            else{\r\n                item.style.transform = `translate(-50%,-50%) translateX(${offset * 140}px) scale(0.8) rotateY(-40deg)`;\r\n                item.style.opacity = \"0.6\";\r\n                item.style.zIndex = 10 - offset;\r\n                item.style.pointerEvents = \"auto\";\r\n            }\r\n\r\n            if(Math.abs(offset) > 2){\r\n                item.style.opacity = \"0\";\r\n                item.style.pointerEvents = \"none\";\r\n            }\r\n        });\r\n    }\r\n\r\n    const nextBtn = container.querySelector('.next');\r\n    const prevBtn = container.querySelector('.prev');\r\n\r\n    if(nextBtn) {\r\n        nextBtn.onclick = () => {\r\n            current = (current + 1) % totalItems;\r\n            updateCoverflow();\r\n        };\r\n    }\r\n\r\n    if(prevBtn) {\r\n        prevBtn.onclick = () => {\r\n            current = (current - 1 + totalItems) % totalItems;\r\n            updateCoverflow();\r\n        };\r\n    }\r\n\r\n    \/* Auto Slide *\/\r\n    let autoSlide = setInterval(()=>{\r\n        current = (current + 1) % totalItems;\r\n        updateCoverflow();\r\n    }, 4000);\r\n\r\n    container.addEventListener('mouseenter', () => clearInterval(autoSlide));\r\n    container.addEventListener('mouseleave', () => {\r\n        autoSlide = setInterval(()=>{\r\n            current = (current + 1) % totalItems;\r\n            updateCoverflow();\r\n        }, 4000);\r\n    });\r\n\r\n    \/* Swipe Mobile *\/\r\n    let startX = 0;\r\n\r\n    container.addEventListener('touchstart',(e)=>{\r\n        startX = e.touches[0].clientX;\r\n    }, { passive: true });\r\n\r\n    container.addEventListener('touchend',(e)=>{\r\n        let endX = e.changedTouches[0].clientX;\r\n\r\n        if(startX - endX > 50){\r\n            current = (current + 1) % totalItems;\r\n        }\r\n        else if(endX - startX > 50){\r\n            current = (current - 1 + totalItems) % totalItems;\r\n        }\r\n\r\n        updateCoverflow();\r\n    }, { passive: true });\r\n\r\n    updateCoverflow();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4ee2bfc e-con e-atomic-element e-flexbox-base e-79e65f8 \" data-id=\"4ee2bfc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4ee2bfc\" id=\"testimoni\">\n    \t\t<div class=\"elementor-element elementor-element-6b6f873 elementor-widget elementor-widget-html\" data-id=\"6b6f873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"width: 100%; background: #ffffff; padding: 0 0 70px 0; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif;\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    .sanfai-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }\r\n    .sanfai-head { text-align: center; max-width: 560px; margin: 0 auto 44px auto; }\r\n    .sanfai-badge {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      font-size: 12.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;\r\n      color: #9C6B3E; background: rgba(156, 107, 62, 0.1); padding: 6px 14px; border-radius: 30px; margin-bottom: 16px;\r\n    }\r\n    .sanfai-head h2 { font-size: 28px; font-weight: 800; color: #3B2A1E; margin: 0 0 12px 0; letter-spacing: -0.3px; }\r\n    .sanfai-head p { font-size: 14.5px; line-height: 1.6; color: #7A5C45; margin: 0; font-weight: 500; }\r\n\r\n    \/* Container Scroll Samping *\/\r\n    .sanfai-scroll-container {\r\n      display: flex;\r\n      gap: 24px;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      padding: 10px 5px 30px 5px;\r\n      scrollbar-width: thin;\r\n      scrollbar-color: #3B2A1E #F2ECE2;\r\n    }\r\n    \r\n    .sanfai-scroll-container::-webkit-scrollbar {\r\n      height: 8px;\r\n    }\r\n    .sanfai-scroll-container::-webkit-scrollbar-track {\r\n      background: #F2ECE2;\r\n      border-radius: 4px;\r\n    }\r\n    .sanfai-scroll-container::-webkit-scrollbar-thumb {\r\n      background: #3B2A1E;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    \/* Card Design *\/\r\n    .sanfai-card {\r\n      background: #3B2A1E; \r\n      border: 1px solid #553E2E; \r\n      border-radius: 20px;\r\n      padding: 0; \/* padding 0 agar gambar full width *\/\r\n      display: flex; \r\n      flex-direction: column;\r\n      box-shadow: 0 10px 25px rgba(59, 42, 30, 0.15); \r\n      box-sizing: border-box;\r\n      flex: 0 0 calc(33.333% - 16px);\r\n      scroll-snap-align: start;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      overflow: hidden; \/* memotong sudut gambar mengikuti border-radius kartu *\/\r\n    }\r\n    .sanfai-card:hover { transform: translateY(-4px); box-shadow: 0 16px 35px rgba(59, 42, 30, 0.25); }\r\n\r\n    \/* Penambahan Gambar *\/\r\n    .sanfai-card-img { width: 100%; height: 160px; object-fit: cover; display: block; }\r\n    .sanfai-card-content { padding: 28px 24px 24px 24px; display: flex; flex-direction: column; flex-grow: 1; }\r\n\r\n    .sanfai-quote { width: 34px; height: 34px; color: #D9B48A; margin-bottom: 14px; flex-shrink: 0; }\r\n    .sanfai-quote svg { width: 100%; height: 100%; fill: currentColor; }\r\n    .sanfai-stars { display: flex; gap: 3px; margin-bottom: 14px; flex-shrink: 0; }\r\n    .sanfai-stars svg { width: 15px; height: 15px; fill: #E5A96A; }\r\n    .sanfai-text { font-size: 13.5px; line-height: 1.65; color: #F2ECE2; font-weight: 500; margin: 0 0 22px 0; flex-grow: 1; }\r\n    \r\n    .sanfai-profile { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid rgba(242, 236, 226, 0.15); margin-top: auto; }\r\n    .sanfai-avatar { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #553E2E; display: flex; align-items: center; justify-content: center; }\r\n    .sanfai-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n    .sanfai-fallback { display: none; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; color: #F2ECE2; }\r\n    .sanfai-info { display: flex; flex-direction: column; min-width: 0; }\r\n    .sanfai-name { font-size: 13.5px; font-weight: 700; color: #ffffff; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n    .sanfai-role { font-size: 12px; font-weight: 500; color: #D9B48A; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n\r\n    @media (max-width: 1024px) { .sanfai-card { flex: 0 0 calc(50% - 12px); } }\r\n    @media (max-width: 768px) { .sanfai-head h2 { font-size: 23px; } .sanfai-card { flex: 0 0 85%; } }\r\n  <\/style>\r\n\r\n  <div class=\"sanfai-wrap\">\r\n    <div class=\"sanfai-head\">\r\n      <span class=\"sanfai-badge\">Testimoni Klien<\/span>\r\n      <h2>Apa Kata Mereka yang Sudah Membangun Bersama Kami<\/h2>\r\n      <p>Kepuasan klien adalah prioritas kami dalam setiap proyek konstruksi dan renovasi yang dikerjakan.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sanfai-scroll-container\">\r\n      <!-- Card 1 -->\r\n      <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik1.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">Alhamdulilah Saya sebagai pengguna jasa SanFai Kontraktor sangat puas sekali dengan pelayanan SanFai Kontraktor, dari mulai survey sampai pelaksanaan pembangunan, jika ada kendala SanFai langsung merespon, menurut saya sangat recommended banget<\/p>\r\n          <div class=\"sanfai-profile\">\r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mr. E<\/span><span class=\"sanfai-role\">Ampera, Jakarta Selatan<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik2.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">SanFai Kontraktor komunikasi nya baik, menindaklanjuti apa yang kita inginkan, alhamdulilah semua nya selesai dilakukan dengan baik<\/p>\r\n          <div class=\"sanfai-profile\">\r\n           \r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mr. H<\/span><span class=\"sanfai-role\">Sudimara, Tangerang<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik3.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">Alhamdulilah SanFai Kontraktor bekerja sama dengan sangat baik, alhamdulilah pembangunan nya menurut tetangga dan kerabat sangat cepat dan tepat waktu, tim nya fast respon dan punya selera design yang bagus<\/p>\r\n          <div class=\"sanfai-profile\">\r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mr. M & Mrs. F<\/span><span class=\"sanfai-role\">Ragunan, Jakarta Selatan<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik4.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">Alhamdulilah tim nya fast respon puas dengan hasilnya, kakak2 nya baik2 semua Sholeh dan Sholehah<\/p>\r\n          <div class=\"sanfai-profile\">\r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mrs. P<\/span><span class=\"sanfai-role\">Cilodong, Depok<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik5.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">Terimakasih semua tim SanFai Kontraktor, saya rasakan sangat luar biasa dalam waktu 6 bulan pas, bisa diberikan kesempatan untuk komplain dan responsif, saya awalnya merasa bingung kontraktor mana yang harus saya pilih, tapi akhirnya saya merasa percaya renovasi saya kepada SanFai Kontraktor<\/p>\r\n          <div class=\"sanfai-profile\">\r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mr. M<\/span><span class=\"sanfai-role\">Cilodong, Depok<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik6.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">Alhamdulilah semua berjalan lancar pembangunan nya, hasil kerja SanFai juga bagus, alhamdulilah bersyukur dengan hari ini bisa serah terima rumah dan semua berjalan lancar<\/p>\r\n          <div class=\"sanfai-profile\">\r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mr. B<\/span><span class=\"sanfai-role\">Jagakarsa, Jakarta Selatan<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <div class=\"sanfai-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/Testik7.jpg\" class=\"sanfai-card-img\" alt=\"Proyek\">\r\n        <div class=\"sanfai-card-content\">\r\n          <div class=\"sanfai-quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 7C6.5 7 4 9.5 4 12.7v3.8h6.3v-6H7.3c.3-1.6 1.7-2.8 3.4-2.9L9.5 7zm9.6 0c-3 0-5.5 2.5-5.5 5.7v3.8h6.3v-6h-3c.3-1.6 1.7-2.8 3.4-2.9L19.1 7z\"\/><\/svg><\/div>\r\n          <div class=\"sanfai-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.77 5.82 21 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg><\/div>\r\n          <p class=\"sanfai-text\">Jasa SanFai Kontraktor oke banget, tim nya responsif, kualitas nya juga oke, keinginan kita overall terwujud semua<\/p>\r\n          <div class=\"sanfai-profile\">\r\n            <div class=\"sanfai-info\"><span class=\"sanfai-name\">Mr. F<\/span><span class=\"sanfai-role\">Cirendeu, Tangerang Selatan<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7404cf0 e-con e-atomic-element e-flexbox-base e-86f84cf \" data-id=\"7404cf0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7404cf0\" id=\"faq\">\n    \t\t<div class=\"elementor-element elementor-element-7abf341 elementor-widget elementor-widget-html\" data-id=\"7abf341\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SanFai Kontraktor \u2014 FAQ Section (Fixed Text Wrap \/ No Cut-off)\r\n     ============================================================ -->\r\n<section class=\"sanfai-faq-wrapper\">\r\n  <div class=\"sanfai-faq-container\">\r\n    \r\n    <div class=\"sanfai-faq-header\">\r\n      <div class=\"sanfai-faq-badge\">FAQ Kontraktor<\/div>\r\n      <h2>Pertanyaan Seputar Jasa Konstruksi &amp; Bangun Rumah<\/h2>\r\n      <p>Temukan informasi lengkap mengenai alur kerja, sistem biaya, dan layanan kontraktor bersama SanFai Kontraktor.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sanfai-faq-list\">\r\n      \r\n      <!-- Item 1 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Apa saja layanan yang disediakan SanFai Kontraktor?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n          SanFai Kontraktor menyediakan layanan pembangunan rumah, renovasi dan perbaikan, desain & perencanaan, serta manajemen proyek. Kami mendampingi proses proyek mulai dari konsultasi, survey, perencanaan, estimasi biaya, pelaksanaan, pengawasan, hingga serah terima sesuai kebutuhan dan lingkup pekerjaan.\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Apakah SanFai bisa membantu dari tahap desain sampai pembangunan?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n         Bisa. SanFai dapat membantu proses proyek secara menyeluruh, mulai dari konsultasi, desain, perencanaan, penyusunan estimasi biaya, hingga pelaksanaan pembangunan. Dengan proses yang terintegrasi, setiap tahapan dapat direncanakan lebih terarah dan disesuaikan dengan kebutuhan serta kondisi proyek\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Bagaimana cara mengetahui estimasi biaya pembangunan rumah?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n          Untuk mendapatkan estimasi biaya pembangunan yang lebih akurat dan sesuai dengan kondisi proyek, proses diawali dengan survey lokasi;<br> Melalui survey, tim SanFai dapat memahami kondisi existing, akses lokasi, luas dan kebutuhan bangunan, serta lingkup pekerjaan yang diperlukan. Setelah itu, kebutuhan proyek dapat direncanakan dengan lebih tepat dan dilanjutkan dengan penyusunan PEB (Perhitungan Estimasi Biaya) atau RAB sebagai gambaran anggaran pembangunan.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Mengapa perlu dilakukan survey sebelum pembangunan?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n         Survey membantu tim SanFai memahami kondisi proyek secara langsung, mulai dari kondisi bangunan existing, ukuran dan kondisi lahan, akses lokasi, hingga kebutuhan teknis lainnya. Hasil survey menjadi salah satu dasar dalam menyusun perencanaan dan estimasi biaya agar pekerjaan yang direncanakan lebih sesuai dengan kondisi aktual di lapangan.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 5 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Apakah SanFai melayani renovasi rumah?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n          Ya. SanFai melayani berbagai kebutuhan renovasi, mulai dari renovasi sebagian, perubahan layout, renovasi fasad, penambahan lantai, hingga renovasi secara menyeluruh. Untuk proyek renovasi, kondisi bangunan existing akan diperiksa terlebih dahulu agar perencanaan pekerjaan dapat disesuaikan dengan kondisi aktual bangunan.\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 6 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Bagaimana jika saya belum memiliki desain rumah?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n          Tidak perlu khawatir. Anda dapat memulai dengan konsultasi mengenai kebutuhan dan konsep rumah yang diinginkan. Tim SanFai dapat membantu mengarahkan proses desain dan perencanaan berdasarkan kebutuhan ruang, kondisi lahan, konsep bangunan, serta kebutuhan proyek sebelum masuk ke tahap pembangunan.\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 7 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Bagaimana proses kerja SanFai Kontraktor?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n         Secara umum, proses kerja SanFai meliputi: Konsultasi \u2192 Survey \u2192 Desain & Perencanaan \u2192 Estimasi Biaya \u2192 Pelaksanaan \u2192 Pengawasan \u2192 Serah Terima. Setiap proyek memiliki kebutuhan dan kondisi yang berbeda, sehingga detail tahapan dapat disesuaikan dengan lingkup pekerjaan masing-masing proyek.\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 8 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Apakah klien mendapatkan update selama proses pembangunan?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n        Ya. Komunikasi dan monitoring progres merupakan bagian penting dalam proses pembangunan. Klien akan mendapatkan informasi mengenai perkembangan pekerjaan secara berkala sehingga dapat mengetahui progres dan kondisi proyek selama proses pembangunan berlangsung.\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 9 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Berapa lama waktu yang dibutuhkan untuk membangun atau merenovasi rumah?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n         Durasi proyek bergantung pada beberapa faktor, seperti luas bangunan, tingkat kompleksitas, kondisi existing, lingkup pekerjaan, spesifikasi material, serta kondisi lapangan. Setelah lingkup pekerjaan dan perencanaan ditentukan, SanFai akan membantu menyusun target waktu pelaksanaan yang disesuaikan dengan kebutuhan proyek.\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Item 10 -->\r\n      <div class=\"sanfai-faq-item\">\r\n        <button class=\"sanfai-faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Bagaimana cara memulai proyek bersama SanFai Kontraktor?<\/span>\r\n          <div class=\"sanfai-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n          <\/div>\r\n        <\/button>\r\n        <div class=\"sanfai-faq-answer\">\r\n          Anda dapat memulai dengan konsultasi terlebih dahulu mengenai kebutuhan pembangunan atau renovasi Anda. Tim SanFai akan membantu memahami kebutuhan, lokasi, kondisi bangunan, serta tahapan yang diperlukan. Setelah itu, proses dapat dilanjutkan ke tahap survey dan perencanaan sesuai kebutuhan proyek. Mari konsultasikan kebutuhan proyek Anda bersama SanFai Kontraktor dan mulai rencanakan pembangunan dengan lebih terarah.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CSS YANG DIPERBAIKI (ANTIPOTONG) ============ -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');\r\n\r\n  .sanfai-faq-wrapper {\r\n    --sfk-brown-dark: #3B2A1E;\r\n    --sfk-brown: #6B4A32;\r\n    --sfk-brown-light: #F2ECE2;\r\n    --sfk-text: #2B211B;\r\n    --sfk-muted: #8A7B6C;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    color: var(--sfk-text);\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    display: block;\r\n    background: #FFFFFF;\r\n    padding: 60px 16px;\r\n  }\r\n  \r\n  .sanfai-faq-wrapper *, \r\n  .sanfai-faq-wrapper *::before, \r\n  .sanfai-faq-wrapper *::after {\r\n    box-sizing: inherit;\r\n  }\r\n\r\n  .sanfai-faq-container {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Header FAQ *\/\r\n  .sanfai-faq-header {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .sanfai-faq-badge {\r\n    display: inline-block;\r\n    background-color: var(--sfk-brown-light);\r\n    color: var(--sfk-brown-dark);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 5px 12px;\r\n    border-radius: 20px;\r\n    margin-bottom: 10px;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sanfai-faq-header h2 {\r\n    font-size: clamp(22px, 4vw, 30px);\r\n    font-weight: 800;\r\n    color: var(--sfk-brown-dark);\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .sanfai-faq-header p {\r\n    font-size: 14px;\r\n    color: var(--sfk-muted);\r\n    margin: 0 auto;\r\n    max-width: 600px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* List Item FAQ *\/\r\n  .sanfai-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .sanfai-faq-item {\r\n    background: #FFFFFF;\r\n    border: 1px solid #E4DCCF;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 2px 6px rgba(59, 42, 30, 0.03);\r\n  }\r\n\r\n  \/* Tombol Pertanyaan *\/\r\n  .sanfai-faq-item .sanfai-faq-question {\r\n    width: 100% !important;\r\n    background: #FFFFFF;\r\n    border: none !important;\r\n    text-align: left !important;\r\n    padding: 16px 18px !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    color: var(--sfk-brown-dark) !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    cursor: pointer !important;\r\n    gap: 14px !important;\r\n    outline: none !important;\r\n    white-space: normal !important; \/* Paksa teks agar tidak kesamping (mencegah nowrap dari theme luar) *\/\r\n  }\r\n\r\n  .sanfai-faq-question span {\r\n    display: block !important;\r\n    flex: 1 1 auto !important;\r\n    min-width: 0 !important;\r\n    white-space: normal !important; \/* Memastikan teks turun ke bawah secara natural *\/\r\n    overflow-wrap: break-word !important;\r\n    word-break: break-word !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n\r\n  \/* Ikon Plus\/Minus *\/\r\n  .sanfai-faq-icon {\r\n    width: 26px !important;\r\n    height: 26px !important;\r\n    background: var(--sfk-brown-light) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex: 0 0 26px !important; \/* Menjaga ukuran ikon tetap bulat & tidak gepeng *\/\r\n    transition: transform 0.3s ease, background 0.3s ease;\r\n  }\r\n\r\n  .sanfai-faq-icon svg {\r\n    width: 12px !important;\r\n    height: 12px !important;\r\n    fill: var(--sfk-brown-dark) !important;\r\n    transition: transform 0.3s ease, fill 0.3s ease;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* Kondisi Aktif \/ Terbuka *\/\r\n  .sanfai-faq-item.active {\r\n    background: var(--sfk-brown-dark) !important;\r\n    border-color: var(--sfk-brown-dark) !important;\r\n  }\r\n\r\n  .sanfai-faq-item.active .sanfai-faq-question {\r\n    background: var(--sfk-brown-dark) !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .sanfai-faq-item.active .sanfai-faq-icon {\r\n    background: var(--sfk-brown) !important;\r\n  }\r\n\r\n  .sanfai-faq-item.active .sanfai-faq-icon svg {\r\n    fill: #FFFFFF !important;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  \/* Jawaban FAQ *\/\r\n  .sanfai-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s ease;\r\n    padding: 0 18px;\r\n    background: #FFFFFF;\r\n    font-size: 13.5px;\r\n    color: #4D3728;\r\n    line-height: 1.6;\r\n    overflow-wrap: break-word;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .sanfai-faq-item.active .sanfai-faq-answer {\r\n    max-height: 600px;\r\n    padding: 14px 18px 18px 18px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  \/* Media Queries untuk HP Kecil *\/\r\n  @media (max-width: 480px) {\r\n    .sanfai-faq-wrapper {\r\n      padding: 30px 10px !important;\r\n    }\r\n    .sanfai-faq-item .sanfai-faq-question {\r\n      padding: 14px 14px !important;\r\n      font-size: 13.5px !important;\r\n      gap: 10px !important;\r\n    }\r\n    .sanfai-faq-icon {\r\n      width: 24px !important;\r\n      height: 24px !important;\r\n      flex: 0 0 24px !important;\r\n    }\r\n    .sanfai-faq-answer {\r\n      font-size: 13px !important;\r\n    }\r\n    .sanfai-faq-item.active .sanfai-faq-answer {\r\n      padding: 12px 14px 16px 14px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ============ SCRIPT AKORDION FAQ ============ -->\r\n<script>\r\n  function toggleFaq(button) {\r\n    const item = button.closest('.sanfai-faq-item');\r\n    const isActive = item.classList.contains('active');\r\n    \r\n    document.querySelectorAll('.sanfai-faq-item').forEach(el => {\r\n      el.classList.remove('active');\r\n    });\r\n\r\n    if (!isActive) {\r\n      item.classList.add('active');\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dd331ca e-con e-atomic-element e-flexbox-base e-312ec73 \" data-id=\"dd331ca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dd331ca\" id=\"kontak\">\n    \t\t<div class=\"elementor-element elementor-element-c39e816 elementor-widget elementor-widget-html\" data-id=\"c39e816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>SanFai Kontraktor - Call to Action<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* 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      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    *, *:before, *:after {\r\n      box-sizing: inherit;\r\n    }\r\n\r\n    \/* SECTION BANNER CTA - PADDING ATAS DIJADIIN 0 *\/\r\n    .sanfai-cta-section {\r\n      width: 100%;\r\n      padding: 0 40px 0 40px;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .sanfai-cta-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* BANNER UTAMA DENGAN BACKGROUND COKLAT ELEGAN *\/\r\n    .sanfai-cta-banner {\r\n      position: relative;\r\n      width: 100%;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background-color: #f7f4f0;\r\n      border: 1px solid #e8e0d5;\r\n      box-shadow: 0 4px 20px rgba(59, 42, 30, 0.05);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 48px 56px;\r\n      gap: 30px;\r\n    }\r\n\r\n    \/* BACKGROUND GAMBAR DENGAN OVERLAY GRADASI COKLAT GELAP KE COKSU *\/\r\n    .sanfai-cta-banner::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 60%;\r\n      height: 100%;\r\n      background-image: linear-gradient(to right, #f7f4f0 0%, rgba(83, 62, 46, 0.2) 40%, rgba(59, 42, 30, 0.4) 70%, transparent 100%), \r\n                        url('https:\/\/sanfai.co.id\/wp-content\/uploads\/2026\/08\/header.jpg');\r\n      background-size: cover;\r\n      background-position: center;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* KONTEN TEKS *\/\r\n    .sanfai-cta-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 580px;\r\n    }\r\n\r\n    .sanfai-cta-title {\r\n      font-size: clamp(20px, 2.2vw, 28px);\r\n      font-weight: 800;\r\n      color: #3B2A1E;\r\n      margin: 0 0 10px 0;\r\n      letter-spacing: -0.3px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .sanfai-cta-desc {\r\n      font-size: clamp(13px, 1.05vw, 15px);\r\n      line-height: 1.6;\r\n      color: #7A5C45;\r\n      margin: 0;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* TOMBOL AKSI *\/\r\n    .sanfai-cta-action {\r\n      position: relative;\r\n      z-index: 2;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .sanfai-btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: linear-gradient(135deg, #3B2A1E 0%, #6E533F 100%);\r\n      color: #ffffff;\r\n      font-size: clamp(14px, 1.1vw, 15px);\r\n      font-weight: 700;\r\n      padding: 16px 32px;\r\n      border-radius: 12px;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 20px rgba(59, 42, 30, 0.25);\r\n      transition: all 0.3s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .sanfai-btn-primary:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 8px 25px rgba(59, 42, 30, 0.35);\r\n      filter: brightness(1.05);\r\n    }\r\n\r\n    .sanfai-btn-primary svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      stroke: #D9B48A;\r\n      fill: none;\r\n      stroke-width: 2.2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* MEDIA QUERIES UNTUK TAMPILAN MOBILE & TABLET *\/\r\n    @media (max-width: 900px) {\r\n      .sanfai-cta-section {\r\n        padding: 0 20px 0 20px;\r\n      }\r\n      .sanfai-cta-banner {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        padding: 36px 28px;\r\n        gap: 24px;\r\n      }\r\n      .sanfai-cta-banner::before {\r\n        width: 100%;\r\n        opacity: 0.25;\r\n      }\r\n      .sanfai-cta-action {\r\n        width: 100%;\r\n      }\r\n      .sanfai-btn-primary {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .sanfai-cta-section {\r\n        padding: 0 16px 0 16px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sanfai-cta-section\">\r\n  <div class=\"sanfai-cta-container\">\r\n    \r\n    <div class=\"sanfai-cta-banner\">\r\n      <div class=\"sanfai-cta-content\">\r\n        <h2 class=\"sanfai-cta-title\">Siap Membangun Proyek Anda?<\/h2>\r\n        <p class=\"sanfai-cta-desc\">Percayakan pada SanFai Kontraktor untuk hasil yang berkualitas dan memuaskan.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"sanfai-cta-action\">\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=628119787220&amp;text=Halo%20Sanfai%20Kontraktor%20saya%20ingin%20konsultasi\" class=\"sanfai-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n          Konsultasi Sekarang\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-845ced2 e-con e-atomic-element e-flexbox-base e-71594a6 \" data-id=\"845ced2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"845ced2\">\n    \t\t<div class=\"elementor-element elementor-element-c8057ac elementor-widget elementor-widget-html\" data-id=\"c8057ac\" 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 Coklat Gelap ke Coksu) *\/\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, #3B2A1E 0%, #4D3728 50%, #6E533F 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 DISESUAIKAN MENJADI 4 KOLOM YANG SEIMBANG *\/\r\n  .sanfai-footer-container {\r\n    display: grid;\r\n    grid-template-columns: 1.4fr 0.9fr 1.3fr 1.6fr;\r\n    gap: 25px;\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;\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: #E8DCC4;\r\n  }\r\n\r\n  .sanfai-footer-col-brand p {\r\n    font-size: 11.5px;\r\n    color: #F5EFEB;\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: #3B2A1E;\r\n    transition: fill 0.2s;\r\n  }\r\n\r\n  .sanfai-social-icon:hover {\r\n    background: #D9B48A;\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: #F5EFEB;\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: #D9B48A;\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: #F5EFEB;\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: #D9B48A;\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: #3B2A1E;\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: #6E533F;\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.15);\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: #E8DCC4;\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: #E8DCC4;\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: 4 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: 10px;\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: 6px;\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\/08\/sanfaifikslogo.png\" alt=\"SanFai Property Logo\">\r\n        <div class=\"sanfai-footer-logo-text\">\r\n          SanFai <span>Kontraktor<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p>SanFai Kontraktor hadir sebagai solusi jasa konstruksi profesional untuk mewujudkan bangunan berkualitas, dengan layanan terpercaya dan jangkauan pengerjaan di seluruh wilayah Jabodetabek.<\/p>\r\n      \r\n      <!-- Sosial Media dengan Ikon SVG -->\r\n      <div class=\"sanfai-footer-socials\">\r\n        <!-- Facebook -->\r\n        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61561931740780\" class=\"sanfai-social-icon\" title=\"Facebook\" target=\"_blank\" rel=\"noopener\">\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=\"https:\/\/www.instagram.com\/sanfai_kontraktor\/\" class=\"sanfai-social-icon\" title=\"Instagram\" target=\"_blank\" rel=\"noopener\">\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=\"https:\/\/www.youtube.com\/@SanFaiKontraktor\" class=\"sanfai-social-icon\" title=\"YouTube\" target=\"_blank\" rel=\"noopener\">\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=\"https:\/\/www.tiktok.com\/@sanfaikontraktor\" class=\"sanfai-social-icon\" title=\"TikTok\" target=\"_blank\" rel=\"noopener\">\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=\"https:\/\/sanfai.site\/\">Menu Utama<\/a><\/li>\r\n        <li><a href=\"#tentang\">Tentang<\/a><\/li>\r\n        <li><a href=\"#layanan\">Layanan<\/a><\/li>\r\n        <li><a href=\"#galeri\">Galeri<\/a><\/li>\r\n        <li><a href=\"#testimoni\">Testimoni<\/a><\/li>\r\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 3: 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>sanfaikontraktor86@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 4: 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!1d574.9676303867442!2d106.83769966140103!3d-6.429755676358177!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69ebf4433ba673%3A0x6db4dd5229e8dcd4!2sGriya%20Fairus%20Ar%20Rahman!5e1!3m2!1sid!2sid!4v1785204208002!5m2!1sid!2sid\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n        <div class=\"sanfai-map-btn-container\">\r\n          <a href=\"https:\/\/maps.app.goo.gl\/95bW32N9r47J7H3X9\" target=\"_blank\" class=\"sanfai-map-btn\" rel=\"noopener\">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 Kontraktor by SanFai Property Menu Utama Tentang Layanan Galeri Testimoni FAQ Kontak SanFai Kontraktor by SanFai Property Jasa kontraktor profesional terpercaya di Jabodetabek untuk pembangunan hunian, kantor, dan ruang usaha dari nol hingga serah terima kunci. Mengutamakan standar kualitas tinggi, ketepatan jadwal, serta presisi di setiap detailnya. Lihat Portofolio Konsultasi Gratis Kualitas Terjamin Material [&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-625","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/625","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=625"}],"version-history":[{"count":340,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/625\/revisions"}],"predecessor-version":[{"id":3008,"href":"https:\/\/sanfai.site\/index.php?rest_route=\/wp\/v2\/pages\/625\/revisions\/3008"}],"wp:attachment":[{"href":"https:\/\/sanfai.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}