It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.kelurahanturikale.id

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  <head>
  4.    <meta charset="utf-8"/>
  5.    <meta name="viewport" content="width=device-width, initial-scale=1"/>
  6.    <link rel="preconnect" href="https://fonts.googleapis.com"/>
  7.    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""/>
  8.    <link href="https://fonts.googleapis.com/css2?family=Outfit&amp;display=swap" rel="stylesheet"/>
  9.    <title>Kelurahan Turikale - Selamat datang di website resmi Pemerintahan Kelurahan Turikale</title>
  10.    <meta property="og:title" content="Website Resmi Kelurahan Turikale"/>
  11.    <meta name="description" content="Website Resmi Kelurahan Turikale, bekerja sama dengan DIGIDES"/>
  12.    <meta property="og:description" content="Website+nt="https://gumbrih.digitaldesa.id/"/>
  13.    <link rel="canonical" href="https://www.kelurahanturikale.id/"/>
  14.    <meta name="robots" content="index, follow"/>
  15.    <meta name="application-name" content="Website Profil Kelurahan by DIGIDES"/>
  16.    <meta name="generator" content="Remix"/>
  17.    <meta name="publisher" content="Pemerintah Kelurahan Turikale"/>
  18.    <link rel="icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&amp;s"/>
  19.    <meta property="og:url" content="https://gumbrih.digitaldesa.id/"/>
  20.    <meta property="og:site_name" content="Website Resmi Kelurahan Turikale"/>
  21.    <meta property="og:image" content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&amp;s"/>
  22.    <meta property="og:image:width" content="256"/>
  23.    <meta property="og:image:height" content="256"/>
  24.    <meta property="og:image:alt" content="Logo Kelurahan Turikale"/>
  25.    <meta property="og:locale" content="id_ID"/>
  26.    <meta property="og:type" content="website"/>
  27.    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-CKLW1QS4.css"/>
  28.    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DNBMDKXY.css"/>
  29.    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-C4CBZJHj.css"/>
  30.    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/StyleSwitcher-EaxY1z7_.css"/>
  31.    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/MapSection-DgYFET8d.css"/>
  32.    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-VGIOu1l6.css"/>
  33.    <script type='module' src='https://www.kelurahanturikale.id/zquJKQgfMCjYYMQysUeIGpmQIOv6gzbBz3Ih8c_RoEWRO6zJwFyEk6PidEltJ9oi3AZYR-rulpQaXO0KKwcuiQ=='></script><script data-mantine-script="true">
  34.      try {
  35.        var _colorScheme = window.localStorage.getItem("mantine-color-scheme-value");
  36.        var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "light";
  37.        var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
  38.        document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
  39.      } catch (e) {}
  40.    </script>
  41.    <script src="https://www.googletagmanager.com/gtag/js?id=G-FLQYW0G73E"></script>
  42.    <script id="google-analytics">
  43.      window.dataLayer = window.dataLayer || [];
  44.  
  45.      function gtag() {
  46.        dataLayer.push(arguments);
  47.      }
  48.      gtag('js', new Date());
  49.      gtag('config', 'G-FLQYW0G73E', {
  50.        page_path: window.location.pathname
  51.      });
  52.    </script>
  53.  </head>
  54.  <body>
  55.    <style data-mantine-styles="true">
  56.      :root {
  57.        --mantine-font-family: Outfit;
  58.        --mantine-font-family-headings: Outfit;
  59.        --mantine-primary-color-filled: var(--mantine-color-primary-filled);
  60.        --mantine-primary-color-filled-hover: var(--mantine-color-primary-filled-hover);
  61.        --mantine-primary-color-light: var(--mantine-color-primary-light);
  62.        --mantine-primary-color-light-hover: var(--mantine-color-primary-light-hover);
  63.        --mantine-primary-color-light-color: var(--mantine-color-primary-light-color);
  64.        --mantine-primary-color-0: var(--mantine-color-primary-0);
  65.        --mantine-primary-color-1: var(--mantine-color-primary-1);
  66.        --mantine-primary-color-2: var(--mantine-color-primary-2);
  67.        --mantine-primary-color-3: var(--mantine-color-primary-3);
  68.        --mantine-primary-color-4: var(--mantine-color-primary-4);
  69.        --mantine-primary-color-5: var(--mantine-color-primary-5);
  70.        --mantine-primary-color-6: var(--mantine-color-primary-6);
  71.        --mantine-primary-color-7: var(--mantine-color-primary-7);
  72.        --mantine-primary-color-8: var(--mantine-color-primary-8);
  73.        --mantine-primary-color-9: var(--mantine-color-primary-9);
  74.        --mantine-color-primary-0: #B3FFEA;
  75.        --mantine-color-primary-1: #73EDC5;
  76.        --mantine-color-primary-2: #52C7A1;
  77.        --mantine-color-primary-3: #4A977E;
  78.        --mantine-color-primary-4: #298064;
  79.        --mantine-color-primary-5: #0F7050;
  80.        --mantine-color-primary-6: #006643;
  81.        --mantine-color-primary-7: #005936;
  82.        --mantine-color-primary-8: #004329;
  83.        --mantine-color-primary-9: #00321F;
  84.        --mantine-color-secondary-0: #E3FFC1;
  85.        --mantine-color-secondary-1: #B9E581;
  86.        --mantine-color-secondary-2: #95FD0F;
  87.        --mantine-color-secondary-3: #77FA00;
  88.        --mantine-color-secondary-4: #59BD00;
  89.        --mantine-color-secondary-5: #438E00;
  90.        --mantine-color-secondary-6: #326A00;
  91.        --mantine-color-secondary-7: #265000;
  92.        --mantine-color-secondary-8: #000000;
  93.        --mantine-color-secondary-9: #000000;
  94.      }
  95.  
  96.      :root[data-mantine-color-scheme="dark"] {
  97.        --mantine-color-anchor: var(--mantine-color-primary-4);
  98.        --mantine-color-primary-text: var(--mantine-color-primary-4);
  99.        --mantine-color-primary-filled: var(--mantine-color-primary-8);
  100.        --mantine-color-primary-filled-hover: var(--mantine-color-primary-9);
  101.        --mantine-color-primary-light: rgba(0, 102, 67, 0.15);
  102.        --mantine-color-primary-light-hover: rgba(0, 102, 67, 0.2);
  103.        --mantine-color-primary-light-color: var(--mantine-color-primary-3);
  104.        --mantine-color-primary-outline: var(--mantine-color-primary-4);
  105.        --mantine-color-primary-outline-hover: rgba(41, 128, 100, 0.05);
  106.        --mantine-color-secondary-text: var(--mantine-color-secondary-4);
  107.        --mantine-color-secondary-filled: var(--mantine-color-secondary-8);
  108.        --mantine-color-secondary-filled-hover: var(--mantine-color-secondary-9);
  109.        --mantine-color-secondary-light: rgba(50, 106, 0, 0.15);
  110.        --mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.2);
  111.        --mantine-color-secondary-light-color: var(--mantine-color-secondary-3);
  112.        --mantine-color-secondary-outline: var(--mantine-color-secondary-4);
  113.        --mantine-color-secondary-outline-hover: rgba(89, 189, 0, 0.05);
  114.      }
  115.  
  116.      :root[data-mantine-color-scheme="light"] {
  117.        --mantine-color-anchor: var(--mantine-color-primary-6);
  118.        --mantine-color-primary-text: var(--mantine-color-primary-filled);
  119.        --mantine-color-primary-filled: var(--mantine-color-primary-6);
  120.        --mantine-color-primary-filled-hover: var(--mantine-color-primary-7);
  121.        --mantine-color-primary-light: rgba(0, 102, 67, 0.1);
  122.        --mantine-color-primary-light-hover: rgba(0, 102, 67, 0.12);
  123.        --mantine-color-primary-light-color: var(--mantine-color-primary-6);
  124.        --mantine-color-primary-outline: var(--mantine-color-primary-6);
  125.        --mantine-color-primary-outline-hover: rgba(0, 102, 67, 0.05);
  126.        --mantine-color-secondary-text: var(--mantine-color-secondary-filled);
  127.        --mantine-color-secondary-filled: var(--mantine-color-secondary-6);
  128.        --mantine-color-secondary-filled-hover: var(--mantine-color-secondary-7);
  129.        --mantine-color-secondary-light: rgba(50, 106, 0, 0.1);
  130.        --mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.12);
  131.        --mantine-color-secondary-light-color: var(--mantine-color-secondary-6);
  132.        --mantine-color-secondary-outline: var(--mantine-color-secondary-6);
  133.        --mantine-color-secondary-outline-hover: rgba(50, 106, 0, 0.05);
  134.      }
  135.    </style>
  136.    <style data-mantine-styles="classes">
  137.      @media (max-width: 35.99375em) {
  138.        .mantine-visible-from-xs {
  139.          display: none !important;
  140.        }
  141.      }
  142.  
  143.      @media (min-width: 36em) {
  144.        .mantine-hidden-from-xs {
  145.          display: none !important;
  146.        }
  147.      }
  148.  
  149.      @media (max-width: 47.99375em) {
  150.        .mantine-visible-from-sm {
  151.          display: none !important;
  152.        }
  153.      }
  154.  
  155.      @media (min-width: 48em) {
  156.        .mantine-hidden-from-sm {
  157.          display: none !important;
  158.        }
  159.      }
  160.  
  161.      @media (max-width: 61.99375em) {
  162.        .mantine-visible-from-md {
  163.          display: none !important;
  164.        }
  165.      }
  166.  
  167.      @media (min-width: 62em) {
  168.        .mantine-hidden-from-md {
  169.          display: none !important;
  170.        }
  171.      }
  172.  
  173.      @media (max-width: 74.99375em) {
  174.        .mantine-visible-from-lg {
  175.          display: none !important;
  176.        }
  177.      }
  178.  
  179.      @media (min-width: 75em) {
  180.        .mantine-hidden-from-lg {
  181.          display: none !important;
  182.        }
  183.      }
  184.  
  185.      @media (max-width: 87.99375em) {
  186.        .mantine-visible-from-xl {
  187.          display: none !important;
  188.        }
  189.      }
  190.  
  191.      @media (min-width: 88em) {
  192.        .mantine-hidden-from-xl {
  193.          display: none !important;
  194.        }
  195.      }
  196.    </style>
  197.    <style data-mantine-styles="inline">
  198.      :root {
  199.        --app-shell-padding: 0px;
  200.      }
  201.    </style>
  202.    <div style="min-height:100vh;display:grid;grid-template-rows:auto max-content;grid-template-columns:100%;--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease;background:#F6F6F6" class="m-89ab340 mantine-AppShell-root">
  203.      <style data-mantine-styles="inline">
  204.        .__m__-R3deql {
  205.          padding-inline: calc(0.625rem * var(--mantine-scale));
  206.          background: var(--mantine-color-primary-6);
  207.        }
  208.  
  209.        @media(min-width: 48em) {
  210.          .__m__-R3deql {
  211.            padding-inline: calc(1.875rem * var(--mantine-scale));
  212.            background: var(--mantine-color-primary-6);
  213.          }
  214.        }
  215.      </style>
  216.      <header style="--app-shell-header-z-index:100;padding-block:calc(0.625rem * var(--mantine-scale))" class="m-3b16f56b mantine-AppShell-header right-scroll-bar-position __m__-R3deql">
  217.        <div style="--group-gap:0rem;--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  218.          <a style="text-decoration:none" data-discover="true" href="/">
  219.            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  220.              <style data-mantine-styles="inline">
  221.                .__m__-Rd9mjdeql {
  222.                  width: calc(2.5rem * var(--mantine-scale));
  223.                }
  224.  
  225.                @media(min-width: 48em) {
  226.                  .__m__-Rd9mjdeql {
  227.                    width: calc(3.125rem * var(--mantine-scale));
  228.                  }
  229.                }
  230.  
  231.                @media(min-width: 62em) {
  232.                  .__m__-Rd9mjdeql {
  233.                    width: calc(3.75rem * var(--mantine-scale));
  234.                  }
  235.                }
  236.  
  237.                @media(min-width: 75em) {
  238.                  .__m__-Rd9mjdeql {
  239.                    width: calc(4.375rem * var(--mantine-scale));
  240.                  }
  241.                }
  242.              </style>
  243.              <img class="m-9e117634 mantine-Image-root __m__-Rd9mjdeql" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&amp;s" alt="Logo"/>
  244.              <style data-mantine-styles="inline">
  245.                .__m__-Rl9mjdeql {
  246.                  color: #fff;
  247.                }
  248.  
  249.                @media(min-width: 48em) {
  250.                  .__m__-Rl9mjdeql {
  251.                    color: var(--mantine-color-white);
  252.                  }
  253.                }
  254.              </style>
  255.              <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root __m__-Rl9mjdeql">
  256.                <style data-mantine-styles="inline">
  257.                  @media(min-width: 48em) {
  258.                    .__m__-Rdl9mjdeql {
  259.                      font-size: var(--mantine-font-size-sm);
  260.                    }
  261.                  }
  262.  
  263.                  @media(min-width: 62em) {
  264.                    .__m__-Rdl9mjdeql {
  265.                      font-size: var(--mantine-font-size-md);
  266.                    }
  267.                  }
  268.  
  269.                  @media(min-width: 75em) {
  270.                    .__m__-Rdl9mjdeql {
  271.                      font-size: var(--mantine-font-size-lg);
  272.                    }
  273.                  }
  274.                </style>
  275.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdl9mjdeql">Kelurahan Turikale</p>
  276.                <style data-mantine-styles="inline">
  277.                  .__m__-Rll9mjdeql {
  278.                    font-size: var(--mantine-font-size-xs);
  279.                  }
  280.  
  281.                  @media(min-width: 48em) {
  282.                    .__m__-Rll9mjdeql {
  283.                      font-size: var(--mantine-font-size-xs);
  284.                    }
  285.                  }
  286.  
  287.                  @media(min-width: 62em) {
  288.                    .__m__-Rll9mjdeql {
  289.                      font-size: var(--mantine-font-size-sm);
  290.                    }
  291.                  }
  292.  
  293.                  @media(min-width: 75em) {
  294.                    .__m__-Rll9mjdeql {
  295.                      font-size: var(--mantine-font-size-md);
  296.                    }
  297.                  }
  298.                </style>
  299.                <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rll9mjdeql">Kabupaten
  300.                  <!-- -->
  301.                  <!-- -->Maros
  302.                </p>
  303.              </div>
  304.            </div>
  305.          </a>
  306.          <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  307.            <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm">
  308.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-is-active="true" data-discover="true" href="/">
  309.                <style data-mantine-styles="inline">
  310.                  @media(min-width: 48em) {
  311.                    .__m__-Rd3bamjdeql {
  312.                      color: var(--mantine-color-white);
  313.                      font-size: var(--mantine-font-size-sm);
  314.                    }
  315.                  }
  316.  
  317.                  @media(min-width: 62em) {
  318.                    .__m__-Rd3bamjdeql {
  319.                      font-size: var(--mantine-font-size-md);
  320.                    }
  321.                  }
  322.  
  323.                  @media(min-width: 75em) {
  324.                    .__m__-Rd3bamjdeql {
  325.                      font-size: var(--mantine-font-size-lg);
  326.                    }
  327.                  }
  328.                </style>
  329.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd3bamjdeql">Home</p>
  330.              </a>
  331.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/profil">
  332.                <style data-mantine-styles="inline">
  333.                  @media(min-width: 48em) {
  334.                    .__m__-Rd5bamjdeql {
  335.                      color: var(--mantine-color-white);
  336.                      font-size: var(--mantine-font-size-sm);
  337.                    }
  338.                  }
  339.  
  340.                  @media(min-width: 62em) {
  341.                    .__m__-Rd5bamjdeql {
  342.                      font-size: var(--mantine-font-size-md);
  343.                    }
  344.                  }
  345.  
  346.                  @media(min-width: 75em) {
  347.                    .__m__-Rd5bamjdeql {
  348.                      font-size: var(--mantine-font-size-lg);
  349.                    }
  350.                  }
  351.                </style>
  352.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd5bamjdeql">Profil Kelurahan</p>
  353.              </a>
  354.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/infografis">
  355.                <style data-mantine-styles="inline">
  356.                  @media(min-width: 48em) {
  357.                    .__m__-Rd7bamjdeql {
  358.                      color: var(--mantine-color-white);
  359.                      font-size: var(--mantine-font-size-sm);
  360.                    }
  361.                  }
  362.  
  363.                  @media(min-width: 62em) {
  364.                    .__m__-Rd7bamjdeql {
  365.                      font-size: var(--mantine-font-size-md);
  366.                    }
  367.                  }
  368.  
  369.                  @media(min-width: 75em) {
  370.                    .__m__-Rd7bamjdeql {
  371.                      font-size: var(--mantine-font-size-lg);
  372.                    }
  373.                  }
  374.                </style>
  375.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd7bamjdeql">Infografis</p>
  376.              </a>
  377.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/listing">
  378.                <style data-mantine-styles="inline">
  379.                  @media(min-width: 48em) {
  380.                    .__m__-Rd9bamjdeql {
  381.                      color: var(--mantine-color-white);
  382.                      font-size: var(--mantine-font-size-sm);
  383.                    }
  384.                  }
  385.  
  386.                  @media(min-width: 62em) {
  387.                    .__m__-Rd9bamjdeql {
  388.                      font-size: var(--mantine-font-size-md);
  389.                    }
  390.                  }
  391.  
  392.                  @media(min-width: 75em) {
  393.                    .__m__-Rd9bamjdeql {
  394.                      font-size: var(--mantine-font-size-lg);
  395.                    }
  396.                  }
  397.                </style>
  398.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd9bamjdeql">Listing</p>
  399.              </a>
  400.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/infografis/idm">
  401.                <style data-mantine-styles="inline">
  402.                  @media(min-width: 48em) {
  403.                    .__m__-Rdbbamjdeql {
  404.                      color: var(--mantine-color-white);
  405.                      font-size: var(--mantine-font-size-sm);
  406.                    }
  407.                  }
  408.  
  409.                  @media(min-width: 62em) {
  410.                    .__m__-Rdbbamjdeql {
  411.                      font-size: var(--mantine-font-size-md);
  412.                    }
  413.                  }
  414.  
  415.                  @media(min-width: 75em) {
  416.                    .__m__-Rdbbamjdeql {
  417.                      font-size: var(--mantine-font-size-lg);
  418.                    }
  419.                  }
  420.                </style>
  421.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdbbamjdeql">IDM</p>
  422.              </a>
  423.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/berita">
  424.                <style data-mantine-styles="inline">
  425.                  @media(min-width: 48em) {
  426.                    .__m__-Rddbamjdeql {
  427.                      color: var(--mantine-color-white);
  428.                      font-size: var(--mantine-font-size-sm);
  429.                    }
  430.                  }
  431.  
  432.                  @media(min-width: 62em) {
  433.                    .__m__-Rddbamjdeql {
  434.                      font-size: var(--mantine-font-size-md);
  435.                    }
  436.                  }
  437.  
  438.                  @media(min-width: 75em) {
  439.                    .__m__-Rddbamjdeql {
  440.                      font-size: var(--mantine-font-size-lg);
  441.                    }
  442.                  }
  443.                </style>
  444.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rddbamjdeql">Berita</p>
  445.              </a>
  446.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/belanja">
  447.                <style data-mantine-styles="inline">
  448.                  @media(min-width: 48em) {
  449.                    .__m__-Rdfbamjdeql {
  450.                      color: var(--mantine-color-white);
  451.                      font-size: var(--mantine-font-size-sm);
  452.                    }
  453.                  }
  454.  
  455.                  @media(min-width: 62em) {
  456.                    .__m__-Rdfbamjdeql {
  457.                      font-size: var(--mantine-font-size-md);
  458.                    }
  459.                  }
  460.  
  461.                  @media(min-width: 75em) {
  462.                    .__m__-Rdfbamjdeql {
  463.                      font-size: var(--mantine-font-size-lg);
  464.                    }
  465.                  }
  466.                </style>
  467.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdfbamjdeql">Belanja</p>
  468.              </a>
  469.              <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/ppid">
  470.                <style data-mantine-styles="inline">
  471.                  @media(min-width: 48em) {
  472.                    .__m__-Rdhbamjdeql {
  473.                      color: var(--mantine-color-white);
  474.                      font-size: var(--mantine-font-size-sm);
  475.                    }
  476.                  }
  477.  
  478.                  @media(min-width: 62em) {
  479.                    .__m__-Rdhbamjdeql {
  480.                      font-size: var(--mantine-font-size-md);
  481.                    }
  482.                  }
  483.  
  484.                  @media(min-width: 75em) {
  485.                    .__m__-Rdhbamjdeql {
  486.                      font-size: var(--mantine-font-size-lg);
  487.                    }
  488.                  }
  489.                </style>
  490.                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdhbamjdeql">PPID</p>
  491.              </a>
  492.            </div>
  493.            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap;margin-left:calc(1.5rem * var(--mantine-scale))" class="m-4081bf90 mantine-Group-root"></div>
  494.          </div>
  495.          <button style="--burger-color:#fff;--burger-size:var(--burger-size-md)" class="mantine-focus-auto m-fea6bf1a mantine-Burger-root m-87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-size="md" type="button" color="#fff">
  496.            <div class="m-d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div>
  497.          </button>
  498.        </div>
  499.      </header>
  500.      <div class="">
  501.        <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  502.          <style data-mantine-styles="inline">
  503.            .__m__-R1mldeql {
  504.              margin-top: calc(5.625rem * var(--mantine-scale));
  505.            }
  506.  
  507.            @media(min-width: 48em) {
  508.              .__m__-R1mldeql {
  509.                margin-top: 0rem;
  510.              }
  511.            }
  512.  
  513.            @media(min-width: 62em) {
  514.              .__m__-R1mldeql {
  515.                margin-top: 0rem;
  516.              }
  517.            }
  518.  
  519.            @media(min-width: 75em) {
  520.              .__m__-R1mldeql {
  521.                margin-top: 0rem;
  522.              }
  523.            }
  524.  
  525.            @media(min-width: 88em) {
  526.              .__m__-R1mldeql {
  527.                margin-top: 0rem;
  528.              }
  529.            }
  530.          </style>
  531.          <div class="__m__-R1mldeql">
  532.            <div class="">
  533.              <style data-mantine-styles="inline">
  534.                .__m__-Rdlmldeql {
  535.                  --carousel-slide-gap: var(--mantine-spacing-xs);
  536.                  --carousel-slide-size: 90%;
  537.                }
  538.              </style>
  539.              <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm)" class="m-17884d0f mantine-Carousel-root __m__-Rdlmldeql mantine-hidden-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
  540.                <div class="m-a2dae653 mantine-Carousel-viewport">
  541.                  <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal">
  542.                    <div class="m-d98df724 mantine-Carousel-slide" data-orientation="horizontal">
  543.                      <style data-mantine-styles="inline">
  544.                        .__m__-R5bddlmldeql {
  545.                          height: calc(11.25rem * var(--mantine-scale));
  546.                        }
  547.  
  548.                        @media(min-width: 48em) {
  549.                          .__m__-R5bddlmldeql {
  550.                            height: 100vh;
  551.                          }
  552.                        }
  553.                      </style>
  554.                      <div style="overflow:hidden;background-image:url(https://cdn.digitaldesa.com/uploads/profil/73.06.06.2003/common/8262295301dbf385dc1ea86ec37421a2.jpeg)" class="_container_pkikq_1 m-2ce0de02 mantine-BackgroundImage-root __m__-R5bddlmldeql">
  555.                        <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;height:inherit" class="_slide_pkikq_9 m-6d731127 mantine-Stack-root">
  556.                          <style data-mantine-styles="inline">
  557.                            .__m__-Rrdbddlmldeql {
  558.                              font-size: calc(1.5rem * var(--mantine-scale));
  559.                            }
  560.  
  561.                            @media(min-width: 48em) {
  562.                              .__m__-Rrdbddlmldeql {
  563.                                font-size: calc(3.25rem * var(--mantine-scale));
  564.                              }
  565.                            }
  566.                          </style>
  567.                          <p style="--text-line-clamp:2;color:#fff;font-weight:bold;line-height:1.2em" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rrdbddlmldeql" data-line-clamp="true">
  568.                            <span style="display:none">Selamat Datang <br/>Website Resmi Kelurahan Turikale </span>
  569.                            <span style="display:contents">Website Resmi <br/>Kelurahan Turikale </span>
  570.                          </p>
  571.                          <div class="">
  572.                            <style data-mantine-styles="inline">
  573.                              @media(min-width: 48em) {
  574.                                .__m__-Rbbdbddlmldeql {
  575.                                  font-size: var(--mantine-font-size-xl);
  576.                                  font-weight: bold;
  577.                                }
  578.                              }
  579.                            </style>
  580.                            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rbbdbddlmldeql">Sumber informasi terbaru tentang pemerintahan di
  581.                              <!-- -->
  582.                              <!-- -->Kelurahan
  583.                              <!-- -->
  584.                              <!-- -->Sukamurni
  585.                            </p>
  586.                          </div>
  587.                        </div>
  588.                      </div>
  589.                    </div>
  590.                  </div>
  591.                </div>
  592.              </div>
  593.              <style data-mantine-styles="inline">
  594.                .__m__-Rllmldeql {
  595.                  --carousel-slide-gap: 0rem;
  596.                  --carousel-slide-size: 100%;
  597.                }
  598.              </style>
  599.              <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-xl)" class="m-17884d0f mantine-Carousel-root __m__-Rllmldeql mantine-visible-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
  600.                <div class="m-a2dae653 mantine-Carousel-viewport">
  601.                  <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal">
  602.                    <div class="m-d98df724 mantine-Carousel-slide" data-orientation="horizontal">
  603.                      <style data-mantine-styles="inline">
  604.                        .__m__-R5bdllmldeql {
  605.                          height: calc(11.25rem * var(--mantine-scale));
  606.                        }
  607.  
  608.                        @media(min-width: 48em) {
  609.                          .__m__-R5bdllmldeql {
  610.                            height: 100vh;
  611.                          }
  612.                        }
  613.                      </style>
  614.                      <div style="overflow:hidden;background-image:url(https://cdn.digitaldesa.com/uploads/profil/73.06.06.2003/common/8262295301dbf385dc1ea86ec37421a2.jpeg)" class="_container_pkikq_1 m-2ce0de02 mantine-BackgroundImage-root __m__-R5bdllmldeql">
  615.                        <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;height:inherit" class="_slide_pkikq_9 m-6d731127 mantine-Stack-root">
  616.                          <style data-mantine-styles="inline">
  617.                            .__m__-Rrdbdllmldeql {
  618.                              font-size: calc(1.5rem * var(--mantine-scale));
  619.                            }
  620.  
  621.                            @media(min-width: 48em) {
  622.                              .__m__-Rrdbdllmldeql {
  623.                                font-size: calc(3.25rem * var(--mantine-scale));
  624.                              }
  625.                            }
  626.                          </style>
  627.                          <p style="--text-line-clamp:2;color:#fff;font-weight:bold;line-height:1.2em" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rrdbdllmldeql" data-line-clamp="true">
  628.                            <span style="display:none">Selamat Datang <br/>Website Resmi Kelurahan Turikale </span>
  629.                            <span style="display:contents">Website Resmi <br/>Kelurahan Turikale </span>
  630.                          </p>
  631.                          <div class="">
  632.                            <style data-mantine-styles="inline">
  633.                              @media(min-width: 48em) {
  634.                                .__m__-Rbbdbdllmldeql {
  635.                                  font-size: var(--mantine-font-size-xl);
  636.                                  font-weight: bold;
  637.                                }
  638.                              }
  639.                            </style>
  640.                            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rbbdbdllmldeql">Sumber informasi terbaru tentang pemerintahan di
  641.                              <!-- -->
  642.                              <!-- -->kelurahan
  643.                              <!-- -->
  644.                              <!-- -->turikale
  645.                            </p>
  646.                          </div>
  647.                        </div>
  648.                      </div>
  649.                    </div>
  650.                  </div>
  651.                </div>
  652.                <div class="m-71ea3ab1 mantine-Carousel-indicators"></div>
  653.                <div class="m-39bc3463 mantine-Carousel-controls">
  654.                  <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
  655.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-left" style="width:calc(1.875rem * var(--mantine-scale));height:calc(1.875rem * var(--mantine-scale))">
  656.                      <path d="M5 12l14 0"></path>
  657.                      <path d="M5 12l6 6"></path>
  658.                      <path d="M5 12l6 -6"></path>
  659.                    </svg>
  660.                  </button>
  661.                  <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
  662.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right" style="width:calc(1.875rem * var(--mantine-scale));height:calc(1.875rem * var(--mantine-scale))">
  663.                      <path d="M5 12l14 0"></path>
  664.                      <path d="M13 18l6 -6"></path>
  665.                      <path d="M13 6l6 6"></path>
  666.                    </svg>
  667.                  </button>
  668.                </div>
  669.              </div>
  670.            </div>
  671.          </div>
  672.          <style data-mantine-styles="inline">
  673.            .__m__-R2mldeql {
  674.              margin-top: calc(2.5rem * var(--mantine-scale));
  675.            }
  676.  
  677.            @media(min-width: 48em) {
  678.              .__m__-R2mldeql {
  679.                margin-top: calc(5rem * var(--mantine-scale));
  680.              }
  681.            }
  682.  
  683.            @media(min-width: 75em) {
  684.              .__m__-R2mldeql {
  685.                max-width: var(--mantine-breakpoint-lg);
  686.              }
  687.            }
  688.  
  689.            @media(min-width: 88em) {
  690.              .__m__-R2mldeql {
  691.                max-width: var(--mantine-breakpoint-xl);
  692.              }
  693.            }
  694.          </style>
  695.          <div style="overflow:visible;margin-bottom:var(--mantine-spacing-xl);padding-inline:var(--mantine-spacing-md);padding-block:var(--mantine-spacing-xl)" class="m-7485cace mantine-Container-root __m__-R2mldeql">
  696.            <div style="--stack-gap:calc(6.25rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  697.              <div style="--stack-gap:calc(9.375rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  698.                <div style="--group-gap:calc(3.75rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:wrap;margin-top:calc(-3.125rem * var(--mantine-scale));margin-right:calc(1.5625rem * var(--mantine-scale));padding:0rem" class="m-4081bf90 mantine-Group-root">
  699.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  700.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/profil" target="">
  701.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  702.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  703.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore1-hgsCav96.png" alt="Other"/>
  704.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Profil Kelurahan</p>
  705.                        </div>
  706.                      </div>
  707.                    </a>
  708.                  </div>
  709.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  710.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/infografis" target="">
  711.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  712.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  713.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore2-ClNr9lEr.png" alt="Other"/>
  714.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Infografis</p>
  715.                        </div>
  716.                      </div>
  717.                    </a>
  718.                  </div>
  719.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  720.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" href="https://cekdptonline.kpu.go.id/" target="_blank">
  721.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  722.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  723.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore3-D3MWyIvk.png" alt="Other"/>
  724.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Cek DPT</p>
  725.                        </div>
  726.                      </div>
  727.                    </a>
  728.                  </div>
  729.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  730.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/infografis/idm" target="">
  731.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  732.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  733.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore4-WcKvEt40.png" alt="Other"/>
  734.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">IDM</p>
  735.                        </div>
  736.                      </div>
  737.                    </a>
  738.                  </div>
  739.                </div>
  740.                <div style="--group-gap:calc(3.75rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:wrap;margin-top:calc(-3.125rem * var(--mantine-scale));margin-right:calc(1.5625rem * var(--mantine-scale));padding:0rem" class="m-4081bf90 mantine-Group-root">
  741.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  742.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/berita" target="">
  743.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  744.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  745.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore5-C1kEolkD.png" alt="Other"/>
  746.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p>
  747.                        </div>
  748.                      </div>
  749.                    </a>
  750.                  </div>
  751.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  752.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/belanja" target="">
  753.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  754.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  755.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore6-DeLSfFsB.png" alt="Other"/>
  756.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
  757.                        </div>
  758.                      </div>
  759.                    </a>
  760.                  </div>
  761.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  762.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/ppid" target="">
  763.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  764.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  765.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore7-Sw_ck4GL.png" alt="Other"/>
  766.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">PPID</p>
  767.                        </div>
  768.                      </div>
  769.                    </a>
  770.                  </div>
  771.                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
  772.                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/infografis/bansos" target="">
  773.                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
  774.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  775.                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore9-iHmVAOLI.png" alt="Other"/>
  776.                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bansos</p>
  777.                        </div>
  778.                      </div>
  779.                    </a>
  780.                  </div>
  781.                </div>
  782.              </div>
  783.              <style data-mantine-styles="inline">
  784.                .__m__-R8dmmldeql {
  785.                  --grid-gutter: var(--mantine-spacing-xl);
  786.                }
  787.              </style>
  788.              <div style="--grid-justify:center;--grid-align:center;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R8dmmldeql mantine-visible-from-sm">
  789.                <div class="m-dee7bd2f mantine-Grid-inner">
  790.                  <style data-mantine-styles="inline">
  791.                    .__m__-R1modmmldeql {
  792.                      --col-flex-grow: auto;
  793.                      --col-flex-basis: 50%;
  794.                      --col-max-width: 50%;
  795.                    }
  796.                  </style>
  797.                  <div class="m-96bdd299 mantine-Grid-col __m__-R1modmmldeql">
  798.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">JELAJAHI
  799.                      <!-- -->Kelurahan
  800.                    </h1>
  801.                    <p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Melalui website ini Anda dapat menjelajahi segala hal yang terkait dengan
  802.                      <!-- -->
  803.                      <span style="text-transform:lowercase">Kelurahan</span>. Aspek pemerintahan, penduduk, demografi, potensi
  804.                      <!-- -->
  805.                      <span style="text-transform:lowercase">Kelurahan</span>, dan juga berita tentang
  806.                      <!-- -->
  807.                      <span style="text-transform:lowercase">Kelurahan</span>.
  808.                    </p>
  809.                  </div>
  810.                  <style data-mantine-styles="inline">
  811.                    .__m__-R2modmmldeql {
  812.                      --col-flex-grow: auto;
  813.                      --col-flex-basis: 50%;
  814.                      --col-max-width: 50%;
  815.                    }
  816.                  </style>
  817.                  <div class="m-96bdd299 mantine-Grid-col __m__-R2modmmldeql">
  818.                    <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  819.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  820.                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
  821.                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/belanja" target="">
  822.                            <div style="position:relative" class="">
  823.                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
  824.                              <div class="">
  825.                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
  826.                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-3-DFdUkXec.png" alt="Other"/>
  827.                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pasar Kelurahan</p>
  828.                                </div>
  829.                              </div>
  830.                            </div>
  831.                          </a>
  832.                        </div>
  833.                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
  834.                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" href="https://cekdptonline.kpu.go.id/" target="_blank">
  835.                            <div style="position:relative" class="">
  836.                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
  837.                              <div class="">
  838.                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
  839.                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-2-SbK3LIat.png" alt="Other"/>
  840.                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Cek DPT Online</p>
  841.                                </div>
  842.                              </div>
  843.                            </div>
  844.                          </a>
  845.                        </div>
  846.                      </div>
  847.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  848.                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
  849.                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/berita" target="">
  850.                            <div style="position:relative" class="">
  851.                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
  852.                              <div class="">
  853.                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
  854.                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-1-Dm8QiT59.png" alt="Other"/>
  855.                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita Kelurahan</p>
  856.                                </div>
  857.                              </div>
  858.                            </div>
  859.                          </a>
  860.                        </div>
  861.                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
  862.                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/ppid" target="">
  863.                            <div style="position:relative" class="">
  864.                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
  865.                              <div class="">
  866.                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
  867.                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-4-DRJ4tzz0.png" alt="Other"/>
  868.                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Informasi Publik</p>
  869.                                </div>
  870.                              </div>
  871.                            </div>
  872.                          </a>
  873.                        </div>
  874.                      </div>
  875.                    </div>
  876.                  </div>
  877.                </div>
  878.              </div>
  879.              <div style="overflow:visible" class="_rootContainer_nkf0g_35">
  880.                <div class="_imageContainer_nkf0g_10 m-4451eb3a mantine-Center-root">
  881.                  <img style="--image-radius:50%;--image-object-fit:contain;box-shadow:var(--mantine-shadow-lg)" class="_image_nkf0g_7 m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/fallback-B6dzNJxy.png"/>
  882.                </div>
  883.                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.5rem * var(--mantine-scale))" class="_title_nkf0g_15 m-8a5d1357 mantine-Title-root" data-order="1"></h1>
  884.                <p style="font-weight:600" class="mantine-focus-auto _position_nkf0g_19 m-b6d8b162 mantine-Text-root"></p>
  885.                <style data-mantine-styles="inline">
  886.                  .__m__-R4klmmldeql {
  887.                    font-size: calc(1.25rem * var(--mantine-scale));
  888.                  }
  889.  
  890.                  @media(min-width: 48em) {
  891.                    .__m__-R4klmmldeql {
  892.                      font-size: calc(2rem * var(--mantine-scale));
  893.                    }
  894.                  }
  895.  
  896.                  @media(min-width: 62em) {
  897.                    .__m__-R4klmmldeql {
  898.                      font-size: calc(2.75rem * var(--mantine-scale));
  899.                    }
  900.                  }
  901.                </style>
  902.                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="_heading_nkf0g_23 m-8a5d1357 mantine-Title-root __m__-R4klmmldeql" data-order="1">Sambutan Kepala
  903.                  <!-- -->Kelurahan
  904.                </h1>
  905.                <div class="_content_nkf0g_27">
  906.                  <style data-mantine-styles="inline">
  907.                    .__m__-R1dklmmldeql {
  908.                      display: block;
  909.                    }
  910.  
  911.                    @media(min-width: 48em) {
  912.                      .__m__-R1dklmmldeql {
  913.                        display: contents;
  914.                      }
  915.                    }
  916.                  </style>
  917.                  <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.4rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root __m__-R1dklmmldeql">
  918.                    <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy">
  919.                      <div style="min-width:100%;display:table">
  920.                        <style data-mantine-styles="inline">
  921.                          .__m__-R1krdklmmldeql {
  922.                            display: contents;
  923.                          }
  924.  
  925.                          @media(min-width: 48em) {
  926.                            .__m__-R1krdklmmldeql {
  927.                              display: flex;
  928.                            }
  929.                          }
  930.                        </style>
  931.                        <div class="m-559cce2d mantine-Spoiler-root __m__-R1krdklmmldeql" id="mantine-Rkrdklmmldeql">
  932.                          <div class="m-b912df4e mantine-Spoiler-content" style="max-height:calc(13.950000000000001rem * var(--mantine-scale))" data-reduce-motion="true" role="region" id="mantine-Rkrdklmmldeql-region">
  933.                            <div>
  934.                              <style data-mantine-styles="inline">
  935.                                .__m__-R1bkrdklmmldeql {
  936.                                  font-size: calc(1rem * var(--mantine-scale));
  937.                                }
  938.  
  939.                                @media(min-width: 48em) {
  940.                                  .__m__-R1bkrdklmmldeql {
  941.                                    font-size: calc(1.125rem * var(--mantine-scale));
  942.                                  }
  943.                                }
  944.                              </style>
  945.                              <div style="--mantine-spacing-lg:1.55em;padding-left:0rem" class="m-d6493fad mantine-TypographyStylesProvider-root __m__-R1bkrdklmmldeql">
  946.                                <div style="display:contents"></div>
  947.                              </div>
  948.                            </div>
  949.                          </div>
  950.                        </div>
  951.                      </div>
  952.                    </div>
  953.                    <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
  954.                    <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
  955.                  </div>
  956.                </div>
  957.              </div>
  958.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  959.                <div class="">
  960.                  <style data-mantine-styles="inline">
  961.                    .__m__-R1lktmmldeql {
  962.                      font-size: calc(1.25rem * var(--mantine-scale));
  963.                      text-align: center;
  964.                    }
  965.  
  966.                    @media(min-width: 48em) {
  967.                      .__m__-R1lktmmldeql {
  968.                        font-size: calc(2.75rem * var(--mantine-scale));
  969.                        text-align: start;
  970.                      }
  971.                    }
  972.  
  973.                    @media(min-width: 62em) {
  974.                      .__m__-R1lktmmldeql {
  975.                        text-align: start;
  976.                      }
  977.                    }
  978.                  </style>
  979.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R1lktmmldeql" data-order="1">Peta
  980.                    <!-- -->Kelurahan
  981.                  </h1>
  982.                  <style data-mantine-styles="inline">
  983.                    .__m__-R2lktmmldeql {
  984.                      font-size: var(--mantine-font-size-md);
  985.                      text-align: center;
  986.                    }
  987.  
  988.                    @media(min-width: 48em) {
  989.                      .__m__-R2lktmmldeql {
  990.                        font-size: calc(1.25rem * var(--mantine-scale));
  991.                        text-align: start;
  992.                      }
  993.                    }
  994.  
  995.                    @media(min-width: 62em) {
  996.                      .__m__-R2lktmmldeql {
  997.                        text-align: start;
  998.                      }
  999.                    }
  1000.                  </style>
  1001.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lktmmldeql">Menampilkan Peta
  1002.                    <!-- -->Kelurahan
  1003.                    <!-- --> Dengan <em>Interest Point</em>
  1004.                    <!-- -->Kelurahan Turikale
  1005.                  </p>
  1006.                </div>
  1007.                <div style="margin-top:var(--mantine-spacing-md)" class="">
  1008.                  <div style="position:relative;width:100%;height:100vh;max-height:calc(30rem * var(--mantine-scale))"></div>
  1009.                </div>
  1010.              </div>
  1011.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1012.                <div class="">
  1013.                  <style data-mantine-styles="inline">
  1014.                    .__m__-R1ll5mmldeql {
  1015.                      font-size: calc(1.25rem * var(--mantine-scale));
  1016.                      text-align: center;
  1017.                    }
  1018.  
  1019.                    @media(min-width: 48em) {
  1020.                      .__m__-R1ll5mmldeql {
  1021.                        font-size: calc(2.75rem * var(--mantine-scale));
  1022.                        text-align: start;
  1023.                      }
  1024.                    }
  1025.  
  1026.                    @media(min-width: 62em) {
  1027.                      .__m__-R1ll5mmldeql {
  1028.                        text-align: start;
  1029.                      }
  1030.                    }
  1031.                  </style>
  1032.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="m-8a5d1357 mantine-Title-root __m__-R1ll5mmldeql" data-order="1">SOTK</h1>
  1033.                  <style data-mantine-styles="inline">
  1034.                    .__m__-R2ll5mmldeql {
  1035.                      font-size: var(--mantine-font-size-md);
  1036.                      text-align: center;
  1037.                    }
  1038.  
  1039.                    @media(min-width: 48em) {
  1040.                      .__m__-R2ll5mmldeql {
  1041.                        font-size: calc(1.25rem * var(--mantine-scale));
  1042.                        text-align: start;
  1043.                      }
  1044.                    }
  1045.  
  1046.                    @media(min-width: 62em) {
  1047.                      .__m__-R2ll5mmldeql {
  1048.                        text-align: start;
  1049.                      }
  1050.                    }
  1051.                  </style>
  1052.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2ll5mmldeql">Struktur Organisasi dan Tata Kerja
  1053.                    <!-- -->
  1054.                    <!-- -->Kelurahan Turikale
  1055.                  </p>
  1056.                </div>
  1057.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1058.                  <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  1059.                    <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  1060.                      <span class="m-8d3afb97 mantine-ActionIcon-icon">
  1061.                        <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
  1062.                          <path d="M5 12l14 0"></path>
  1063.                          <path d="M5 12l4 4"></path>
  1064.                          <path d="M5 12l4 -4"></path>
  1065.                        </svg>
  1066.                      </span>
  1067.                    </button>
  1068.                    <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  1069.                      <span class="m-8d3afb97 mantine-ActionIcon-icon">
  1070.                        <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
  1071.                          <path d="M5 12l14 0"></path>
  1072.                          <path d="M15 16l4 -4"></path>
  1073.                          <path d="M15 8l4 4"></path>
  1074.                        </svg>
  1075.                      </span>
  1076.                    </button>
  1077.                  </div>
  1078.                  <style data-mantine-styles="inline">
  1079.                    .__m__-R2ml5mmldeql {
  1080.                      --carousel-slide-gap: var(--mantine-spacing-sm);
  1081.                      --carousel-slide-size: 45%;
  1082.                    }
  1083.                  </style>
  1084.                  <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);width:91vw" class="m-17884d0f mantine-Carousel-root __m__-R2ml5mmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
  1085.                    <div class="m-a2dae653 mantine-Carousel-viewport">
  1086.                      <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  1087.                    </div>
  1088.                  </div>
  1089.                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/pemerintah">
  1090.                    <span class="m-80f1301b mantine-Button-inner">
  1091.                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
  1092.                    </span>
  1093.                  </a>
  1094.                </div>
  1095.                <div class="mantine-visible-from-sm">
  1096.                  <style data-mantine-styles="inline">
  1097.                    .__m__-R1nl5mmldeql {
  1098.                      --grid-gutter: var(--mantine-spacing-md);
  1099.                    }
  1100.                  </style>
  1101.                  <div class="m-410352e9 mantine-Grid-root __m__-R1nl5mmldeql">
  1102.                    <div class="m-dee7bd2f mantine-Grid-inner"></div>
  1103.                  </div>
  1104.                  <div style="display:none" class="">
  1105.                    <style data-mantine-styles="inline">
  1106.                      .__m__-Rmnl5mmldeql {
  1107.                        padding: calc(0.625rem * var(--mantine-scale));
  1108.                      }
  1109.  
  1110.                      @media(min-width: 48em) {
  1111.                        .__m__-Rmnl5mmldeql {
  1112.                          padding: calc(1.25rem * var(--mantine-scale));
  1113.                        }
  1114.                      }
  1115.                    </style>
  1116.                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rmnl5mmldeql">
  1117.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  1118.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-user-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
  1119.                          <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
  1120.                          <path d="M6 21v-2a4 4 0 0 1 4 -4h3.5"></path>
  1121.                          <path d="M22 22l-5 -5"></path>
  1122.                          <path d="M17 22l5 -5"></path>
  1123.                        </svg>
  1124.                        <style data-mantine-styles="inline">
  1125.                          .__m__-R5dmnl5mmldeql {
  1126.                            font-size: calc(1rem * var(--mantine-scale));
  1127.                          }
  1128.  
  1129.                          @media(min-width: 48em) {
  1130.                            .__m__-R5dmnl5mmldeql {
  1131.                              font-size: calc(1.5rem * var(--mantine-scale));
  1132.                            }
  1133.                          }
  1134.                        </style>
  1135.                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dmnl5mmldeql">Belum ada data aparat desa</p>
  1136.                      </div>
  1137.                    </div>
  1138.                  </div>
  1139.                  <div style="display:none" class="">
  1140.                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  1141.                    <div style="--group-gap:0rem;--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  1142.                      <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/pemerintah">
  1143.                        <span class="m-80f1301b mantine-Button-inner">
  1144.                          <span class="m-a74036a mantine-Button-section" data-position="left">
  1145.                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  1146.                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  1147.                              <path d="M9 7l6 0"></path>
  1148.                              <path d="M9 11l6 0"></path>
  1149.                              <path d="M9 15l4 0"></path>
  1150.                            </svg>
  1151.                          </span>
  1152.                          <span class="m-811560b9 mantine-Button-label">
  1153.                            <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">lihat struktur lebih lengkap</p>
  1154.                          </span>
  1155.                        </span>
  1156.                      </a>
  1157.                    </div>
  1158.                  </div>
  1159.                </div>
  1160.              </div>
  1161.              <div style="--stack-gap:calc(1.875rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1162.                <div class="">
  1163.                  <style data-mantine-styles="inline">
  1164.                    .__m__-R1lldmmldeql {
  1165.                      font-size: calc(1.25rem * var(--mantine-scale));
  1166.                      text-align: center;
  1167.                    }
  1168.  
  1169.                    @media(min-width: 48em) {
  1170.                      .__m__-R1lldmmldeql {
  1171.                        font-size: calc(2.75rem * var(--mantine-scale));
  1172.                        text-align: start;
  1173.                      }
  1174.                    }
  1175.  
  1176.                    @media(min-width: 62em) {
  1177.                      .__m__-R1lldmmldeql {
  1178.                        text-align: start;
  1179.                      }
  1180.                    }
  1181.                  </style>
  1182.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="m-8a5d1357 mantine-Title-root __m__-R1lldmmldeql" data-order="1">Administrasi Penduduk</h1>
  1183.                  <style data-mantine-styles="inline">
  1184.                    .__m__-R2lldmmldeql {
  1185.                      font-size: var(--mantine-font-size-md);
  1186.                      text-align: center;
  1187.                    }
  1188.  
  1189.                    @media(min-width: 48em) {
  1190.                      .__m__-R2lldmmldeql {
  1191.                        font-size: calc(1.25rem * var(--mantine-scale));
  1192.                        text-align: start;
  1193.                      }
  1194.                    }
  1195.  
  1196.                    @media(min-width: 62em) {
  1197.                      .__m__-R2lldmmldeql {
  1198.                        text-align: start;
  1199.                      }
  1200.                    }
  1201.                  </style>
  1202.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lldmmldeql mantine-visible-from-sm">Sistem digital yang berfungsi mempermudah pengelolaan data dan informasi terkait dengan kependudukan dan pendayagunaannya untuk pelayanan publik yang efektif dan efisien</p>
  1203.                  <style data-mantine-styles="inline">
  1204.                    .__m__-R3lldmmldeql {
  1205.                      font-size: var(--mantine-font-size-md);
  1206.                      text-align: center;
  1207.                    }
  1208.  
  1209.                    @media(min-width: 48em) {
  1210.                      .__m__-R3lldmmldeql {
  1211.                        font-size: calc(1.25rem * var(--mantine-scale));
  1212.                        text-align: start;
  1213.                      }
  1214.                    }
  1215.  
  1216.                    @media(min-width: 62em) {
  1217.                      .__m__-R3lldmmldeql {
  1218.                        text-align: start;
  1219.                      }
  1220.                    }
  1221.                  </style>
  1222.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R3lldmmldeql mantine-hidden-from-sm">Efisiensi pengelolaan data dan informasi kependudukan yang lebih efektif.</p>
  1223.                  <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  1224.                  <style data-mantine-styles="inline">
  1225.                    .__m__-R5lldmmldeql {
  1226.                      --sg-spacing-x: var(--mantine-spacing-md);
  1227.                      --sg-spacing-y: var(--mantine-spacing-md);
  1228.                      --sg-cols: 3;
  1229.                    }
  1230.                  </style>
  1231.                  <div style="text-align:center" class="m-2415a157 mantine-SimpleGrid-root __m__-R5lldmmldeql mantine-hidden-from-sm">
  1232.                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1233.                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-CXnnuYJa.png" alt="other"/>
  1234.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1235.                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
  1236.                    </div>
  1237.                    <style data-mantine-styles="inline">
  1238.                      .__m__-R8rdlldmmldeql {
  1239.                        --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1240.                      }
  1241.                    </style>
  1242.                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-R8rdlldmmldeql mantine-visible-from-sm">
  1243.                      <div class="m-dee7bd2f mantine-Grid-inner">
  1244.                        <style data-mantine-styles="inline">
  1245.                          .__m__-R1mordlldmmldeql {
  1246.                            --col-flex-grow: 1;
  1247.                            --col-flex-basis: 41.66666666666667%;
  1248.                            --col-max-width: 100%;
  1249.                          }
  1250.                        </style>
  1251.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mordlldmmldeql">
  1252.                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1253.                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1254.                          </div>
  1255.                        </div>
  1256.                        <style data-mantine-styles="inline">
  1257.                          .__m__-R2mordlldmmldeql {
  1258.                            --col-flex-grow: 1;
  1259.                            --col-flex-basis: 58.333333333333336%;
  1260.                            --col-max-width: 100%;
  1261.                          }
  1262.                        </style>
  1263.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mordlldmmldeql">
  1264.                          <div style="display:block" class="">
  1265.                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
  1266.                          </div>
  1267.                        </div>
  1268.                      </div>
  1269.                    </div>
  1270.                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1271.                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/laki-qsjhxY_S.png" alt="other"/>
  1272.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1273.                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
  1274.                    </div>
  1275.                    <style data-mantine-styles="inline">
  1276.                      .__m__-R9bdlldmmldeql {
  1277.                        --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1278.                      }
  1279.                    </style>
  1280.                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-R9bdlldmmldeql mantine-visible-from-sm">
  1281.                      <div class="m-dee7bd2f mantine-Grid-inner">
  1282.                        <style data-mantine-styles="inline">
  1283.                          .__m__-R1mpbdlldmmldeql {
  1284.                            --col-flex-grow: 1;
  1285.                            --col-flex-basis: 41.66666666666667%;
  1286.                            --col-max-width: 100%;
  1287.                          }
  1288.                        </style>
  1289.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mpbdlldmmldeql">
  1290.                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1291.                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1292.                          </div>
  1293.                        </div>
  1294.                        <style data-mantine-styles="inline">
  1295.                          .__m__-R2mpbdlldmmldeql {
  1296.                            --col-flex-grow: 1;
  1297.                            --col-flex-basis: 58.333333333333336%;
  1298.                            --col-max-width: 100%;
  1299.                          }
  1300.                        </style>
  1301.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mpbdlldmmldeql">
  1302.                          <div style="display:block" class="">
  1303.                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
  1304.                          </div>
  1305.                        </div>
  1306.                      </div>
  1307.                    </div>
  1308.                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1309.                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/kepala-keluarga-BcdRTpvQ.png" alt="other"/>
  1310.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1311.                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
  1312.                    </div>
  1313.                    <style data-mantine-styles="inline">
  1314.                      .__m__-R9rdlldmmldeql {
  1315.                        --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1316.                      }
  1317.                    </style>
  1318.                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-R9rdlldmmldeql mantine-visible-from-sm">
  1319.                      <div class="m-dee7bd2f mantine-Grid-inner">
  1320.                        <style data-mantine-styles="inline">
  1321.                          .__m__-R1mprdlldmmldeql {
  1322.                            --col-flex-grow: 1;
  1323.                            --col-flex-basis: 41.66666666666667%;
  1324.                            --col-max-width: 100%;
  1325.                          }
  1326.                        </style>
  1327.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mprdlldmmldeql">
  1328.                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1329.                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1330.                          </div>
  1331.                        </div>
  1332.                        <style data-mantine-styles="inline">
  1333.                          .__m__-R2mprdlldmmldeql {
  1334.                            --col-flex-grow: 1;
  1335.                            --col-flex-basis: 58.333333333333336%;
  1336.                            --col-max-width: 100%;
  1337.                          }
  1338.                        </style>
  1339.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mprdlldmmldeql">
  1340.                          <div style="display:block" class="">
  1341.                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
  1342.                          </div>
  1343.                        </div>
  1344.                      </div>
  1345.                    </div>
  1346.                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1347.                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/perempuan-CSZtJeWt.png" alt="other"/>
  1348.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1349.                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
  1350.                    </div>
  1351.                    <style data-mantine-styles="inline">
  1352.                      .__m__-Rabdlldmmldeql {
  1353.                        --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1354.                      }
  1355.                    </style>
  1356.                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rabdlldmmldeql mantine-visible-from-sm">
  1357.                      <div class="m-dee7bd2f mantine-Grid-inner">
  1358.                        <style data-mantine-styles="inline">
  1359.                          .__m__-R1mqbdlldmmldeql {
  1360.                            --col-flex-grow: 1;
  1361.                            --col-flex-basis: 41.66666666666667%;
  1362.                            --col-max-width: 100%;
  1363.                          }
  1364.                        </style>
  1365.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqbdlldmmldeql">
  1366.                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1367.                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1368.                          </div>
  1369.                        </div>
  1370.                        <style data-mantine-styles="inline">
  1371.                          .__m__-R2mqbdlldmmldeql {
  1372.                            --col-flex-grow: 1;
  1373.                            --col-flex-basis: 58.333333333333336%;
  1374.                            --col-max-width: 100%;
  1375.                          }
  1376.                        </style>
  1377.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqbdlldmmldeql">
  1378.                          <div style="display:block" class="">
  1379.                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
  1380.                          </div>
  1381.                        </div>
  1382.                      </div>
  1383.                    </div>
  1384.                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1385.                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/penduduk-sementara-P644cOda.png" alt="other"/>
  1386.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1387.                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
  1388.                    </div>
  1389.                    <style data-mantine-styles="inline">
  1390.                      .__m__-Rardlldmmldeql {
  1391.                        --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1392.                      }
  1393.                    </style>
  1394.                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rardlldmmldeql mantine-visible-from-sm">
  1395.                      <div class="m-dee7bd2f mantine-Grid-inner">
  1396.                        <style data-mantine-styles="inline">
  1397.                          .__m__-R1mqrdlldmmldeql {
  1398.                            --col-flex-grow: 1;
  1399.                            --col-flex-basis: 41.66666666666667%;
  1400.                            --col-max-width: 100%;
  1401.                          }
  1402.                        </style>
  1403.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqrdlldmmldeql">
  1404.                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1405.                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1406.                          </div>
  1407.                        </div>
  1408.                        <style data-mantine-styles="inline">
  1409.                          .__m__-R2mqrdlldmmldeql {
  1410.                            --col-flex-grow: 1;
  1411.                            --col-flex-basis: 58.333333333333336%;
  1412.                            --col-max-width: 100%;
  1413.                          }
  1414.                        </style>
  1415.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqrdlldmmldeql">
  1416.                          <div style="display:block" class="">
  1417.                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
  1418.                          </div>
  1419.                        </div>
  1420.                      </div>
  1421.                    </div>
  1422.                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1423.                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/mutasi-penduduk-_1rO7gmp.png" alt="other"/>
  1424.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1425.                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
  1426.                    </div>
  1427.                    <style data-mantine-styles="inline">
  1428.                      .__m__-Rbbdlldmmldeql {
  1429.                        --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1430.                      }
  1431.                    </style>
  1432.                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rbbdlldmmldeql mantine-visible-from-sm">
  1433.                      <div class="m-dee7bd2f mantine-Grid-inner">
  1434.                        <style data-mantine-styles="inline">
  1435.                          .__m__-R1mrbdlldmmldeql {
  1436.                            --col-flex-grow: 1;
  1437.                            --col-flex-basis: 41.66666666666667%;
  1438.                            --col-max-width: 100%;
  1439.                          }
  1440.                        </style>
  1441.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mrbdlldmmldeql">
  1442.                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1443.                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1444.                          </div>
  1445.                        </div>
  1446.                        <style data-mantine-styles="inline">
  1447.                          .__m__-R2mrbdlldmmldeql {
  1448.                            --col-flex-grow: 1;
  1449.                            --col-flex-basis: 58.333333333333336%;
  1450.                            --col-max-width: 100%;
  1451.                          }
  1452.                        </style>
  1453.                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mrbdlldmmldeql">
  1454.                          <div style="display:block" class="">
  1455.                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
  1456.                          </div>
  1457.                        </div>
  1458.                      </div>
  1459.                    </div>
  1460.                  </div>
  1461.                </div>
  1462.                <style data-mantine-styles="inline">
  1463.                  .__m__-R2ldmmldeql {
  1464.                    --grid-gutter: var(--mantine-spacing-md);
  1465.                  }
  1466.                </style>
  1467.                <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R2ldmmldeql mantine-visible-from-sm">
  1468.                  <div class="m-dee7bd2f mantine-Grid-inner">
  1469.                    <style data-mantine-styles="inline">
  1470.                      .__m__-Rdmldmmldeql {
  1471.                        --col-flex-grow: 1;
  1472.                        --col-flex-basis: 50%;
  1473.                        --col-max-width: 100%;
  1474.                      }
  1475.                    </style>
  1476.                    <div class="m-96bdd299 mantine-Grid-col __m__-Rdmldmmldeql">
  1477.                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1478.                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-CXnnuYJa.png" alt="other"/>
  1479.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1480.                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
  1481.                      </div>
  1482.                      <style data-mantine-styles="inline">
  1483.                        .__m__-Raqdmldmmldeql {
  1484.                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1485.                        }
  1486.                      </style>
  1487.                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Raqdmldmmldeql mantine-visible-from-sm">
  1488.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1489.                          <style data-mantine-styles="inline">
  1490.                            .__m__-R1mqqdmldmmldeql {
  1491.                              --col-flex-grow: 1;
  1492.                              --col-flex-basis: 41.66666666666667%;
  1493.                              --col-max-width: 100%;
  1494.                            }
  1495.                          </style>
  1496.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqqdmldmmldeql">
  1497.                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1498.                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1499.                            </div>
  1500.                          </div>
  1501.                          <style data-mantine-styles="inline">
  1502.                            .__m__-R2mqqdmldmmldeql {
  1503.                              --col-flex-grow: 1;
  1504.                              --col-flex-basis: 58.333333333333336%;
  1505.                              --col-max-width: 100%;
  1506.                            }
  1507.                          </style>
  1508.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqqdmldmmldeql">
  1509.                            <div style="display:block" class="">
  1510.                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
  1511.                            </div>
  1512.                          </div>
  1513.                        </div>
  1514.                      </div>
  1515.                    </div>
  1516.                    <style data-mantine-styles="inline">
  1517.                      .__m__-Rlmldmmldeql {
  1518.                        --col-flex-grow: 1;
  1519.                        --col-flex-basis: 50%;
  1520.                        --col-max-width: 100%;
  1521.                      }
  1522.                    </style>
  1523.                    <div class="m-96bdd299 mantine-Grid-col __m__-Rlmldmmldeql">
  1524.                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1525.                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/laki-qsjhxY_S.png" alt="other"/>
  1526.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1527.                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
  1528.                      </div>
  1529.                      <style data-mantine-styles="inline">
  1530.                        .__m__-Raqlmldmmldeql {
  1531.                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1532.                        }
  1533.                      </style>
  1534.                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Raqlmldmmldeql mantine-visible-from-sm">
  1535.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1536.                          <style data-mantine-styles="inline">
  1537.                            .__m__-R1mqqlmldmmldeql {
  1538.                              --col-flex-grow: 1;
  1539.                              --col-flex-basis: 41.66666666666667%;
  1540.                              --col-max-width: 100%;
  1541.                            }
  1542.                          </style>
  1543.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqqlmldmmldeql">
  1544.                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1545.                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1546.                            </div>
  1547.                          </div>
  1548.                          <style data-mantine-styles="inline">
  1549.                            .__m__-R2mqqlmldmmldeql {
  1550.                              --col-flex-grow: 1;
  1551.                              --col-flex-basis: 58.333333333333336%;
  1552.                              --col-max-width: 100%;
  1553.                            }
  1554.                          </style>
  1555.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqqlmldmmldeql">
  1556.                            <div style="display:block" class="">
  1557.                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
  1558.                            </div>
  1559.                          </div>
  1560.                        </div>
  1561.                      </div>
  1562.                    </div>
  1563.                    <style data-mantine-styles="inline">
  1564.                      .__m__-Rtmldmmldeql {
  1565.                        --col-flex-grow: 1;
  1566.                        --col-flex-basis: 50%;
  1567.                        --col-max-width: 100%;
  1568.                      }
  1569.                    </style>
  1570.                    <div class="m-96bdd299 mantine-Grid-col __m__-Rtmldmmldeql">
  1571.                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1572.                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/kepala-keluarga-BcdRTpvQ.png" alt="other"/>
  1573.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1574.                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
  1575.                      </div>
  1576.                      <style data-mantine-styles="inline">
  1577.                        .__m__-Raqtmldmmldeql {
  1578.                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1579.                        }
  1580.                      </style>
  1581.                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Raqtmldmmldeql mantine-visible-from-sm">
  1582.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1583.                          <style data-mantine-styles="inline">
  1584.                            .__m__-R1mqqtmldmmldeql {
  1585.                              --col-flex-grow: 1;
  1586.                              --col-flex-basis: 41.66666666666667%;
  1587.                              --col-max-width: 100%;
  1588.                            }
  1589.                          </style>
  1590.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqqtmldmmldeql">
  1591.                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1592.                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1593.                            </div>
  1594.                          </div>
  1595.                          <style data-mantine-styles="inline">
  1596.                            .__m__-R2mqqtmldmmldeql {
  1597.                              --col-flex-grow: 1;
  1598.                              --col-flex-basis: 58.333333333333336%;
  1599.                              --col-max-width: 100%;
  1600.                            }
  1601.                          </style>
  1602.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqqtmldmmldeql">
  1603.                            <div style="display:block" class="">
  1604.                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
  1605.                            </div>
  1606.                          </div>
  1607.                        </div>
  1608.                      </div>
  1609.                    </div>
  1610.                    <style data-mantine-styles="inline">
  1611.                      .__m__-R15mldmmldeql {
  1612.                        --col-flex-grow: 1;
  1613.                        --col-flex-basis: 50%;
  1614.                        --col-max-width: 100%;
  1615.                      }
  1616.                    </style>
  1617.                    <div class="m-96bdd299 mantine-Grid-col __m__-R15mldmmldeql">
  1618.                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1619.                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/perempuan-CSZtJeWt.png" alt="other"/>
  1620.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1621.                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
  1622.                      </div>
  1623.                      <style data-mantine-styles="inline">
  1624.                        .__m__-Rar5mldmmldeql {
  1625.                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1626.                        }
  1627.                      </style>
  1628.                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rar5mldmmldeql mantine-visible-from-sm">
  1629.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1630.                          <style data-mantine-styles="inline">
  1631.                            .__m__-R1mqr5mldmmldeql {
  1632.                              --col-flex-grow: 1;
  1633.                              --col-flex-basis: 41.66666666666667%;
  1634.                              --col-max-width: 100%;
  1635.                            }
  1636.                          </style>
  1637.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqr5mldmmldeql">
  1638.                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1639.                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1640.                            </div>
  1641.                          </div>
  1642.                          <style data-mantine-styles="inline">
  1643.                            .__m__-R2mqr5mldmmldeql {
  1644.                              --col-flex-grow: 1;
  1645.                              --col-flex-basis: 58.333333333333336%;
  1646.                              --col-max-width: 100%;
  1647.                            }
  1648.                          </style>
  1649.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqr5mldmmldeql">
  1650.                            <div style="display:block" class="">
  1651.                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
  1652.                            </div>
  1653.                          </div>
  1654.                        </div>
  1655.                      </div>
  1656.                    </div>
  1657.                    <style data-mantine-styles="inline">
  1658.                      .__m__-R1dmldmmldeql {
  1659.                        --col-flex-grow: 1;
  1660.                        --col-flex-basis: 50%;
  1661.                        --col-max-width: 100%;
  1662.                      }
  1663.                    </style>
  1664.                    <div class="m-96bdd299 mantine-Grid-col __m__-R1dmldmmldeql">
  1665.                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1666.                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/penduduk-sementara-P644cOda.png" alt="other"/>
  1667.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1668.                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
  1669.                      </div>
  1670.                      <style data-mantine-styles="inline">
  1671.                        .__m__-Rardmldmmldeql {
  1672.                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1673.                        }
  1674.                      </style>
  1675.                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rardmldmmldeql mantine-visible-from-sm">
  1676.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1677.                          <style data-mantine-styles="inline">
  1678.                            .__m__-R1mqrdmldmmldeql {
  1679.                              --col-flex-grow: 1;
  1680.                              --col-flex-basis: 41.66666666666667%;
  1681.                              --col-max-width: 100%;
  1682.                            }
  1683.                          </style>
  1684.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqrdmldmmldeql">
  1685.                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1686.                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1687.                            </div>
  1688.                          </div>
  1689.                          <style data-mantine-styles="inline">
  1690.                            .__m__-R2mqrdmldmmldeql {
  1691.                              --col-flex-grow: 1;
  1692.                              --col-flex-basis: 58.333333333333336%;
  1693.                              --col-max-width: 100%;
  1694.                            }
  1695.                          </style>
  1696.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqrdmldmmldeql">
  1697.                            <div style="display:block" class="">
  1698.                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
  1699.                            </div>
  1700.                          </div>
  1701.                        </div>
  1702.                      </div>
  1703.                    </div>
  1704.                    <style data-mantine-styles="inline">
  1705.                      .__m__-R1lmldmmldeql {
  1706.                        --col-flex-grow: 1;
  1707.                        --col-flex-basis: 50%;
  1708.                        --col-max-width: 100%;
  1709.                      }
  1710.                    </style>
  1711.                    <div class="m-96bdd299 mantine-Grid-col __m__-R1lmldmmldeql">
  1712.                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  1713.                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/mutasi-penduduk-_1rO7gmp.png" alt="other"/>
  1714.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1>
  1715.                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
  1716.                      </div>
  1717.                      <style data-mantine-styles="inline">
  1718.                        .__m__-Rarlmldmmldeql {
  1719.                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
  1720.                        }
  1721.                      </style>
  1722.                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rarlmldmmldeql mantine-visible-from-sm">
  1723.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1724.                          <style data-mantine-styles="inline">
  1725.                            .__m__-R1mqrlmldmmldeql {
  1726.                              --col-flex-grow: 1;
  1727.                              --col-flex-basis: 41.66666666666667%;
  1728.                              --col-max-width: 100%;
  1729.                            }
  1730.                          </style>
  1731.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqrlmldmmldeql">
  1732.                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
  1733.                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  1734.                            </div>
  1735.                          </div>
  1736.                          <style data-mantine-styles="inline">
  1737.                            .__m__-R2mqrlmldmmldeql {
  1738.                              --col-flex-grow: 1;
  1739.                              --col-flex-basis: 58.333333333333336%;
  1740.                              --col-max-width: 100%;
  1741.                            }
  1742.                          </style>
  1743.                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqrlmldmmldeql">
  1744.                            <div style="display:block" class="">
  1745.                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
  1746.                            </div>
  1747.                          </div>
  1748.                        </div>
  1749.                      </div>
  1750.                    </div>
  1751.                  </div>
  1752.                </div>
  1753.              </div>
  1754.              <div style="margin:0rem" class="mantine-hidden-from-sm">
  1755.                <style data-mantine-styles="inline">
  1756.                  .__m__-R6llmmldeql {
  1757.                    font-size: calc(1.25rem * var(--mantine-scale));
  1758.                    text-align: center;
  1759.                  }
  1760.  
  1761.                  @media(min-width: 48em) {
  1762.                    .__m__-R6llmmldeql {
  1763.                      font-size: calc(2.75rem * var(--mantine-scale));
  1764.                      text-align: start;
  1765.                    }
  1766.                  }
  1767.  
  1768.                  @media(min-width: 62em) {
  1769.                    .__m__-R6llmmldeql {
  1770.                      text-align: start;
  1771.                    }
  1772.                  }
  1773.                </style>
  1774.                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R6llmmldeql" data-order="1">APB Kelurahan </h1>
  1775.                <style data-mantine-styles="inline">
  1776.                  .__m__-Rallmmldeql {
  1777.                    font-size: var(--mantine-font-size-md);
  1778.                    text-align: center;
  1779.                  }
  1780.  
  1781.                  @media(min-width: 48em) {
  1782.                    .__m__-Rallmmldeql {
  1783.                      font-size: calc(1.25rem * var(--mantine-scale));
  1784.                      text-align: start;
  1785.                    }
  1786.                  }
  1787.  
  1788.                  @media(min-width: 62em) {
  1789.                    .__m__-Rallmmldeql {
  1790.                      text-align: start;
  1791.                    }
  1792.                  }
  1793.                </style>
  1794.                <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rallmmldeql">Akses cepat dan transparan terhadap APB Kelurahan serta proyek pembangunan</p>
  1795.                <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  1796.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1797.                  <div style="--paper-radius:var(--mantine-radius-md);background:#F1FBF9" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root" data-with-border="true">
  1798.                    <div class="m-599a2148 mantine-Card-section" data-first-section="true">
  1799.                      <style data-mantine-styles="inline">
  1800.                        .__m__-R5ddillmmldeql {
  1801.                          --sg-spacing-x: var(--mantine-spacing-md);
  1802.                          --sg-spacing-y: var(--mantine-spacing-md);
  1803.                          --sg-cols: 2;
  1804.                        }
  1805.                      </style>
  1806.                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-R5ddillmmldeql">
  1807.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
  1808.                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
  1809.                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewbox="0 0 24 24" fill="none" stroke="#029019" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-download">
  1810.                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
  1811.                              <path d="M7 11l5 5l5 -5"></path>
  1812.                              <path d="M12 4l0 12"></path>
  1813.                            </svg>
  1814.                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pendapatan</p>
  1815.                          </div>
  1816.                          <p style="color:#029019;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
  1817.                        </div>
  1818.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
  1819.                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
  1820.                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewbox="0 0 24 24" fill="none" stroke="#D60505" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-upload">
  1821.                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
  1822.                              <path d="M7 9l5 -5l5 5"></path>
  1823.                              <path d="M12 4l0 12"></path>
  1824.                            </svg>
  1825.                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
  1826.                          </div>
  1827.                          <p style="color:#D60505;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
  1828.                        </div>
  1829.                      </div>
  1830.                    </div>
  1831.                    <div class="m-599a2148 mantine-Card-section">
  1832.                      <p style="margin-bottom:calc(-0.625rem * var(--mantine-scale));color:var(--mantine-color-primary-3);font-size:calc(1rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pembiayaan</p>
  1833.                      <style data-mantine-styles="inline">
  1834.                        .__m__-Rlldillmmldeql {
  1835.                          --sg-spacing-x: var(--mantine-spacing-md);
  1836.                          --sg-spacing-y: var(--mantine-spacing-md);
  1837.                          --sg-cols: 2;
  1838.                        }
  1839.                      </style>
  1840.                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-Rlldillmmldeql">
  1841.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
  1842.                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
  1843.                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewbox="0 0 24 24" fill="none" stroke="#029019" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-download">
  1844.                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
  1845.                              <path d="M7 11l5 5l5 -5"></path>
  1846.                              <path d="M12 4l0 12"></path>
  1847.                            </svg>
  1848.                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penerimaan</p>
  1849.                          </div>
  1850.                          <p style="color:#029019;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
  1851.                        </div>
  1852.                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
  1853.                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
  1854.                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewbox="0 0 24 24" fill="none" stroke="#D60505" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-upload">
  1855.                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
  1856.                              <path d="M7 9l5 -5l5 5"></path>
  1857.                              <path d="M12 4l0 12"></path>
  1858.                            </svg>
  1859.                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengeluaran</p>
  1860.                          </div>
  1861.                          <p style="color:#D60505;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
  1862.                        </div>
  1863.                      </div>
  1864.                    </div>
  1865.                    <div style="border-top:1px solid #77D8C5" class="m-599a2148 mantine-Card-section" data-last-section="true">
  1866.                      <p style="padding-block:var(--mantine-spacing-sm);color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Surplus/Defisit
  1867.                        <!-- -->
  1868.                        <b>Rp0,00</b>
  1869.                      </p>
  1870.                    </div>
  1871.                  </div>
  1872.                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-variant="outline" data-block="true" data-discover="true" href="/infografis/apbdes">
  1873.                    <span class="m-80f1301b mantine-Button-inner">
  1874.                      <span class="m-811560b9 mantine-Button-label">Lihat Detail</span>
  1875.                    </span>
  1876.                  </a>
  1877.                </div>
  1878.              </div>
  1879.              <style data-mantine-styles="inline">
  1880.                .__m__-R9lmmldeql {
  1881.                  --grid-gutter: var(--mantine-spacing-md);
  1882.                }
  1883.              </style>
  1884.              <div class="m-410352e9 mantine-Grid-root __m__-R9lmmldeql mantine-visible-from-sm">
  1885.                <div class="m-dee7bd2f mantine-Grid-inner">
  1886.                  <style data-mantine-styles="inline">
  1887.                    .__m__-R1mplmmldeql {
  1888.                      --col-flex-grow: 1;
  1889.                      --col-flex-basis: 50%;
  1890.                      --col-max-width: 100%;
  1891.                    }
  1892.                  </style>
  1893.                  <div class="m-96bdd299 mantine-Grid-col __m__-R1mplmmldeql">
  1894.                    <img style="padding:var(--mantine-spacing-xl)" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/other-D5R53cMR.png" alt="Other"/>
  1895.                  </div>
  1896.                  <style data-mantine-styles="inline">
  1897.                    .__m__-R2mplmmldeql {
  1898.                      --col-flex-grow: 1;
  1899.                      --col-flex-basis: 50%;
  1900.                      --col-max-width: 100%;
  1901.                    }
  1902.                  </style>
  1903.                  <div class="m-96bdd299 mantine-Grid-col __m__-R2mplmmldeql">
  1904.                    <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1905.                      <div class="">
  1906.                        <style data-mantine-styles="inline">
  1907.                          .__m__-Rdddmmplmmldeql {
  1908.                            font-size: calc(1.25rem * var(--mantine-scale));
  1909.                            text-align: center;
  1910.                          }
  1911.  
  1912.                          @media(min-width: 48em) {
  1913.                            .__m__-Rdddmmplmmldeql {
  1914.                              font-size: calc(2.75rem * var(--mantine-scale));
  1915.                              text-align: start;
  1916.                            }
  1917.                          }
  1918.  
  1919.                          @media(min-width: 62em) {
  1920.                            .__m__-Rdddmmplmmldeql {
  1921.                              text-align: start;
  1922.                            }
  1923.                          }
  1924.                        </style>
  1925.                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-Rdddmmplmmldeql" data-order="1">APB Kelurahan </h1>
  1926.                        <style data-mantine-styles="inline">
  1927.                          .__m__-Rlddmmplmmldeql {
  1928.                            font-size: var(--mantine-font-size-md);
  1929.                            text-align: center;
  1930.                          }
  1931.  
  1932.                          @media(min-width: 48em) {
  1933.                            .__m__-Rlddmmplmmldeql {
  1934.                              font-size: calc(1.25rem * var(--mantine-scale));
  1935.                              text-align: start;
  1936.                            }
  1937.                          }
  1938.  
  1939.                          @media(min-width: 62em) {
  1940.                            .__m__-Rlddmmplmmldeql {
  1941.                              text-align: start;
  1942.                            }
  1943.                          }
  1944.                        </style>
  1945.                        <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlddmmplmmldeql">Akses cepat dan transparan terhadap APB Kelurahan serta proyek pembangunan</p>
  1946.                      </div>
  1947.                      <style data-mantine-styles="inline">
  1948.                        .__m__-Rldmmplmmldeql {
  1949.                          --grid-gutter: var(--mantine-spacing-md);
  1950.                        }
  1951.                      </style>
  1952.                      <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Rldmmplmmldeql">
  1953.                        <div class="m-dee7bd2f mantine-Grid-inner">
  1954.                          <style data-mantine-styles="inline">
  1955.                            .__m__-R1dldmmplmmldeql {
  1956.                              --col-flex-grow: 1;
  1957.                              --col-flex-basis: 100%;
  1958.                              --col-max-width: 100%;
  1959.                            }
  1960.                          </style>
  1961.                          <div class="m-96bdd299 mantine-Grid-col __m__-R1dldmmplmmldeql">
  1962.                            <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1963.                              <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-inline:var(--mantine-spacing-xl);padding-block:var(--mantine-spacing-sm);background:rgba(255, 255, 255, 0.50)" class="">
  1964.                                <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1965.                                  <p style="color:#5A5E62;font-size:calc(1.125rem * var(--mantine-scale));font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pendapatan Kelurahan</p>
  1966.                                  <p style="color:#5A5E62;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:right" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
  1967.                                </div>
  1968.                              </div>
  1969.                              <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-inline:var(--mantine-spacing-xl);padding-block:var(--mantine-spacing-sm);background:rgba(255, 255, 255, 0.50)" class="">
  1970.                                <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  1971.                                  <p style="color:#5A5E62;font-size:calc(1.125rem * var(--mantine-scale));font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja Kelurahan</p>
  1972.                                  <p style="color:#5A5E62;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:right" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
  1973.                                </div>
  1974.                              </div>
  1975.                            </div>
  1976.                          </div>
  1977.                        </div>
  1978.                      </div>
  1979.                    </div>
  1980.                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  1981.                    <div style="--group-gap:0rem;--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  1982.                      <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/infografis/apbdes">
  1983.                        <span class="m-80f1301b mantine-Button-inner">
  1984.                          <span class="m-a74036a mantine-Button-section" data-position="left">
  1985.                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  1986.                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  1987.                              <path d="M9 7l6 0"></path>
  1988.                              <path d="M9 11l6 0"></path>
  1989.                              <path d="M9 15l4 0"></path>
  1990.                            </svg>
  1991.                          </span>
  1992.                          <span class="m-811560b9 mantine-Button-label">
  1993.                            <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">lihat data lebih lengkap</p>
  1994.                          </span>
  1995.                        </span>
  1996.                      </a>
  1997.                    </div>
  1998.                  </div>
  1999.                </div>
  2000.              </div>
  2001.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  2002.                <div class="">
  2003.                  <style data-mantine-styles="inline">
  2004.                    .__m__-R1lltmmldeql {
  2005.                      font-size: calc(1.25rem * var(--mantine-scale));
  2006.                      text-align: center;
  2007.                    }
  2008.  
  2009.                    @media(min-width: 48em) {
  2010.                      .__m__-R1lltmmldeql {
  2011.                        font-size: calc(2.75rem * var(--mantine-scale));
  2012.                        text-align: start;
  2013.                      }
  2014.                    }
  2015.  
  2016.                    @media(min-width: 62em) {
  2017.                      .__m__-R1lltmmldeql {
  2018.                        text-align: start;
  2019.                      }
  2020.                    }
  2021.                  </style>
  2022.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="m-8a5d1357 mantine-Title-root __m__-R1lltmmldeql" data-order="1">Berita
  2023.                    <!-- -->Kelurahan
  2024.                  </h1>
  2025.                  <style data-mantine-styles="inline">
  2026.                    .__m__-R2lltmmldeql {
  2027.                      font-size: var(--mantine-font-size-md);
  2028.                      text-align: center;
  2029.                    }
  2030.  
  2031.                    @media(min-width: 48em) {
  2032.                      .__m__-R2lltmmldeql {
  2033.                        font-size: calc(1.25rem * var(--mantine-scale));
  2034.                        text-align: start;
  2035.                      }
  2036.                    }
  2037.  
  2038.                    @media(min-width: 62em) {
  2039.                      .__m__-R2lltmmldeql {
  2040.                        text-align: start;
  2041.                      }
  2042.                    }
  2043.                  </style>
  2044.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lltmmldeql">Menyajikan informasi terbaru tentang peristiwa, berita terkini, dan artikel-artikel jurnalistik dari
  2045.                    <!-- -->
  2046.                    <!-- -->Kelurahan Turikale
  2047.                  </p>
  2048.                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  2049.                    <div style="display:none" class="">
  2050.                      <style data-mantine-styles="inline">
  2051.                        .__m__-Rlnlltmmldeql {
  2052.                          padding: calc(0.625rem * var(--mantine-scale));
  2053.                        }
  2054.  
  2055.                        @media(min-width: 48em) {
  2056.                          .__m__-Rlnlltmmldeql {
  2057.                            padding: calc(1.25rem * var(--mantine-scale));
  2058.                          }
  2059.                        }
  2060.                      </style>
  2061.                      <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rlnlltmmldeql">
  2062.                        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2063.                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-news-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2064.                            <path d="M16 6h3a1 1 0 0 1 1 1v9m-.606 3.435a2 2 0 0 1 -3.394 -1.435v-2m0 -4v-7a1 1 0 0 0 -1 -1h-7m-3.735 .321a1 1 0 0 0 -.265 .679v12a3 3 0 0 0 3 3h11"></path>
  2065.                            <path d="M8 12h4"></path>
  2066.                            <path d="M8 16h4"></path>
  2067.                            <path d="M3 3l18 18"></path>
  2068.                          </svg>
  2069.                          <style data-mantine-styles="inline">
  2070.                            .__m__-R5dlnlltmmldeql {
  2071.                              font-size: calc(1rem * var(--mantine-scale));
  2072.                            }
  2073.  
  2074.                            @media(min-width: 48em) {
  2075.                              .__m__-R5dlnlltmmldeql {
  2076.                                font-size: calc(1.5rem * var(--mantine-scale));
  2077.                              }
  2078.                            }
  2079.                          </style>
  2080.                          <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dlnlltmmldeql">Belum Ada Data</p>
  2081.                        </div>
  2082.                      </div>
  2083.                    </div>
  2084.                    <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
  2085.                      <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2086.                        <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  2087.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  2088.                            <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
  2089.                              <path d="M5 12l14 0"></path>
  2090.                              <path d="M5 12l4 4"></path>
  2091.                              <path d="M5 12l4 -4"></path>
  2092.                            </svg>
  2093.                          </span>
  2094.                        </button>
  2095.                        <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  2096.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  2097.                            <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
  2098.                              <path d="M5 12l14 0"></path>
  2099.                              <path d="M15 16l4 -4"></path>
  2100.                              <path d="M15 8l4 4"></path>
  2101.                            </svg>
  2102.                          </span>
  2103.                        </button>
  2104.                      </div>
  2105.                      <style data-mantine-styles="inline">
  2106.                        .__m__-R2mnlltmmldeql {
  2107.                          --carousel-slide-gap: var(--mantine-spacing-sm);
  2108.                          --carousel-slide-size: 90%;
  2109.                        }
  2110.                      </style>
  2111.                      <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);width:90vw" class="m-17884d0f mantine-Carousel-root __m__-R2mnlltmmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
  2112.                        <div class="m-a2dae653 mantine-Carousel-viewport">
  2113.                          <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  2114.                        </div>
  2115.                      </div>
  2116.                      <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/berita">
  2117.                        <span class="m-80f1301b mantine-Button-inner">
  2118.                          <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
  2119.                        </span>
  2120.                      </a>
  2121.                    </div>
  2122.                  </div>
  2123.                </div>
  2124.                <div class="mantine-visible-from-sm">
  2125.                  <div style="display:none" class="">
  2126.                    <style data-mantine-styles="inline">
  2127.                      .__m__-Rlmltmmldeql {
  2128.                        padding: calc(0.625rem * var(--mantine-scale));
  2129.                      }
  2130.  
  2131.                      @media(min-width: 48em) {
  2132.                        .__m__-Rlmltmmldeql {
  2133.                          padding: calc(1.25rem * var(--mantine-scale));
  2134.                        }
  2135.                      }
  2136.                    </style>
  2137.                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rlmltmmldeql">
  2138.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2139.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-news-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2140.                          <path d="M16 6h3a1 1 0 0 1 1 1v9m-.606 3.435a2 2 0 0 1 -3.394 -1.435v-2m0 -4v-7a1 1 0 0 0 -1 -1h-7m-3.735 .321a1 1 0 0 0 -.265 .679v12a3 3 0 0 0 3 3h11"></path>
  2141.                          <path d="M8 12h4"></path>
  2142.                          <path d="M8 16h4"></path>
  2143.                          <path d="M3 3l18 18"></path>
  2144.                        </svg>
  2145.                        <style data-mantine-styles="inline">
  2146.                          .__m__-R5dlmltmmldeql {
  2147.                            font-size: calc(1rem * var(--mantine-scale));
  2148.                          }
  2149.  
  2150.                          @media(min-width: 48em) {
  2151.                            .__m__-R5dlmltmmldeql {
  2152.                              font-size: calc(1.5rem * var(--mantine-scale));
  2153.                            }
  2154.                          }
  2155.                        </style>
  2156.                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dlmltmmldeql">Belum ada artikel berita yang diterbitkan</p>
  2157.                      </div>
  2158.                    </div>
  2159.                  </div>
  2160.                  <div style="display:none" class="">
  2161.                    <style data-mantine-styles="inline">
  2162.                      .__m__-R1mmltmmldeql {
  2163.                        --grid-gutter: var(--mantine-spacing-xl);
  2164.                      }
  2165.                    </style>
  2166.                    <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R1mmltmmldeql">
  2167.                      <div class="m-dee7bd2f mantine-Grid-inner"></div>
  2168.                    </div>
  2169.                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  2170.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2171.                      <button style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" type="button">
  2172.                        <span class="m-80f1301b mantine-Button-inner">
  2173.                          <span class="m-a74036a mantine-Button-section" data-position="left">
  2174.                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  2175.                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  2176.                              <path d="M9 7l6 0"></path>
  2177.                              <path d="M9 11l6 0"></path>
  2178.                              <path d="M9 15l4 0"></path>
  2179.                            </svg>
  2180.                          </span>
  2181.                          <span class="m-811560b9 mantine-Button-label">
  2182.                            <a style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-discover="true" href="/berita">LIHAT BERITA LEBIH BANYAK</a>
  2183.                          </span>
  2184.                        </span>
  2185.                      </button>
  2186.                    </div>
  2187.                  </div>
  2188.                </div>
  2189.              </div>
  2190.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  2191.                <div class="">
  2192.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(1.25rem * var(--mantine-scale));text-align:center;text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">POTENSI
  2193.                    <!-- -->Kelurahan
  2194.                  </h1>
  2195.                  <p style="font-size:var(--mantine-font-size-md);text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Potensi dan kemajuan
  2196.                    <!-- -->
  2197.                    <span style="text-transform:lowercase">Kelurahan</span> di berbagai bidang (ekonomi, pariwisata, dan lain-lain)
  2198.                  </p>
  2199.                </div>
  2200.                <div style="display:none" class="">
  2201.                  <style data-mantine-styles="inline">
  2202.                    .__m__-R2qm5mmldeql {
  2203.                      padding: calc(0.625rem * var(--mantine-scale));
  2204.                    }
  2205.  
  2206.                    @media(min-width: 48em) {
  2207.                      .__m__-R2qm5mmldeql {
  2208.                        padding: calc(1.25rem * var(--mantine-scale));
  2209.                      }
  2210.                    }
  2211.                  </style>
  2212.                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2qm5mmldeql">
  2213.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2214.                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-fish-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2215.                        <path d="M16.69 7.44a6.973 6.973 0 0 0 -1.63 3.635"></path>
  2216.                        <path d="M2 9.504c5.307 5.948 10.293 8.57 14.597 7.1m2.583 -1.449c.988 -.788 1.93 -1.836 2.82 -3.153c-3 -4.443 -6.596 -5.812 -10.564 -4.548m-2.764 1.266c-2.145 1.266 -4.378 3.215 -6.672 5.786"></path>
  2217.                        <path d="M18 11v.01"></path>
  2218.                        <path d="M11.153 11.169c-.287 .777 -.171 1.554 .347 2.331"></path>
  2219.                        <path d="M3 3l18 18"></path>
  2220.                      </svg>
  2221.                      <style data-mantine-styles="inline">
  2222.                        .__m__-Rlmqm5mmldeql {
  2223.                          font-size: calc(1rem * var(--mantine-scale));
  2224.                        }
  2225.  
  2226.                        @media(min-width: 48em) {
  2227.                          .__m__-Rlmqm5mmldeql {
  2228.                            font-size: calc(1.5rem * var(--mantine-scale));
  2229.                          }
  2230.                        }
  2231.                      </style>
  2232.                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmqm5mmldeql">Belum Ada Data</p>
  2233.                    </div>
  2234.                  </div>
  2235.                </div>
  2236.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
  2237.                  <style data-mantine-styles="inline">
  2238.                    .__m__-R6um5mmldeql {
  2239.                      --carousel-slide-gap: var(--mantine-spacing-xs);
  2240.                      --carousel-slide-size: 90%;
  2241.                    }
  2242.                  </style>
  2243.                  <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm)" class="m-17884d0f mantine-Carousel-root __m__-R6um5mmldeql mantine-hidden-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
  2244.                    <div class="m-a2dae653 mantine-Carousel-viewport">
  2245.                      <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  2246.                    </div>
  2247.                  </div>
  2248.                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/potensi">
  2249.                    <span class="m-80f1301b mantine-Button-inner">
  2250.                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
  2251.                    </span>
  2252.                  </a>
  2253.                </div>
  2254.              </div>
  2255.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm">
  2256.                <style data-mantine-styles="inline">
  2257.                  .__m__-R6q5mmldeql {
  2258.                    --sg-spacing-x: 0rem;
  2259.                    --sg-spacing-y: 0rem;
  2260.                    --sg-cols: 2;
  2261.                  }
  2262.                </style>
  2263.                <div class="m-2415a157 mantine-SimpleGrid-root __m__-R6q5mmldeql">
  2264.                  <div class="">
  2265.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">POTENSI
  2266.                      <!-- -->Kelurahan
  2267.                    </h1>
  2268.                    <div class="">
  2269.                      <p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Informasi tentang potensi dan kemajuan
  2270.                        <!-- -->
  2271.                        <span style="text-transform:lowercase">Kelurahan</span>
  2272.                        <!-- -->di berbagai bidang seperti ekonomi, pariwisata, pertanian, industri kreatif, dan kelestarian lingkungan
  2273.                      </p>
  2274.                    </div>
  2275.                  </div>
  2276.                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2277.                    <div style="display:none" class="">
  2278.                      <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  2279.                      <button style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" type="button">
  2280.                        <span class="m-80f1301b mantine-Button-inner">
  2281.                          <span class="m-a74036a mantine-Button-section" data-position="left">
  2282.                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  2283.                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  2284.                              <path d="M9 7l6 0"></path>
  2285.                              <path d="M9 11l6 0"></path>
  2286.                              <path d="M9 15l4 0"></path>
  2287.                            </svg>
  2288.                          </span>
  2289.                          <span class="m-811560b9 mantine-Button-label">
  2290.                            <a style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-discover="true" href="/potensi">LIHAT POTENSI LEBIH BANYAK</a>
  2291.                          </span>
  2292.                        </span>
  2293.                      </button>
  2294.                    </div>
  2295.                  </div>
  2296.                </div>
  2297.                <div style="display:none" class="">
  2298.                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  2299.                    <style data-mantine-styles="inline">
  2300.                      .__m__-R1mqq5mmldeql {
  2301.                        --carousel-slide-gap: calc(6.25rem * var(--mantine-scale));
  2302.                        --carousel-slide-size: 33.333333%;
  2303.                      }
  2304.                    </style>
  2305.                    <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-xs)" class="m-17884d0f mantine-Carousel-root __m__-R1mqq5mmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
  2306.                      <div class="m-a2dae653 mantine-Carousel-viewport">
  2307.                        <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  2308.                      </div>
  2309.                    </div>
  2310.                    <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2311.                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  2312.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  2313.                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
  2314.                            <path d="M5 12l14 0"></path>
  2315.                            <path d="M5 12l4 4"></path>
  2316.                            <path d="M5 12l4 -4"></path>
  2317.                          </svg>
  2318.                        </span>
  2319.                      </button>
  2320.                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  2321.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  2322.                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
  2323.                            <path d="M5 12l14 0"></path>
  2324.                            <path d="M15 16l4 -4"></path>
  2325.                            <path d="M15 8l4 4"></path>
  2326.                          </svg>
  2327.                        </span>
  2328.                      </button>
  2329.                    </div>
  2330.                  </div>
  2331.                </div>
  2332.                <div style="display:none" class="">
  2333.                  <style data-mantine-styles="inline">
  2334.                    .__m__-R2uq5mmldeql {
  2335.                      padding: calc(0.625rem * var(--mantine-scale));
  2336.                    }
  2337.  
  2338.                    @media(min-width: 48em) {
  2339.                      .__m__-R2uq5mmldeql {
  2340.                        padding: calc(1.25rem * var(--mantine-scale));
  2341.                      }
  2342.                    }
  2343.                  </style>
  2344.                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2uq5mmldeql">
  2345.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2346.                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-fish-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2347.                        <path d="M16.69 7.44a6.973 6.973 0 0 0 -1.63 3.635"></path>
  2348.                        <path d="M2 9.504c5.307 5.948 10.293 8.57 14.597 7.1m2.583 -1.449c.988 -.788 1.93 -1.836 2.82 -3.153c-3 -4.443 -6.596 -5.812 -10.564 -4.548m-2.764 1.266c-2.145 1.266 -4.378 3.215 -6.672 5.786"></path>
  2349.                        <path d="M18 11v.01"></path>
  2350.                        <path d="M11.153 11.169c-.287 .777 -.171 1.554 .347 2.331"></path>
  2351.                        <path d="M3 3l18 18"></path>
  2352.                      </svg>
  2353.                      <style data-mantine-styles="inline">
  2354.                        .__m__-Rlmuq5mmldeql {
  2355.                          font-size: calc(1rem * var(--mantine-scale));
  2356.                        }
  2357.  
  2358.                        @media(min-width: 48em) {
  2359.                          .__m__-Rlmuq5mmldeql {
  2360.                            font-size: calc(1.5rem * var(--mantine-scale));
  2361.                          }
  2362.                        }
  2363.                      </style>
  2364.                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmuq5mmldeql">Belum ada potensi Kelurahan yang terdaftar</p>
  2365.                    </div>
  2366.                  </div>
  2367.                </div>
  2368.              </div>
  2369.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  2370.                <div class="">
  2371.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(1.25rem * var(--mantine-scale));text-align:center" class="m-8a5d1357 mantine-Title-root" data-order="1">WISATA</h1>
  2372.                  <p style="font-size:var(--mantine-font-size-md);text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Layanan yang mempermudah promosi wisata
  2373.                    <!-- -->
  2374.                    <span style="text-transform:lowercase">Kelurahan</span>
  2375.                    <!-- -->sehingga dapat menarik pengunjung
  2376.                    <!-- -->
  2377.                    <span style="text-transform:lowercase">Kelurahan</span>
  2378.                  </p>
  2379.                </div>
  2380.                <div style="display:none" class="">
  2381.                  <style data-mantine-styles="inline">
  2382.                    .__m__-R2qmdmmldeql {
  2383.                      padding: calc(0.625rem * var(--mantine-scale));
  2384.                    }
  2385.  
  2386.                    @media(min-width: 48em) {
  2387.                      .__m__-R2qmdmmldeql {
  2388.                        padding: calc(1.25rem * var(--mantine-scale));
  2389.                      }
  2390.                    }
  2391.                  </style>
  2392.                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2qmdmmldeql">
  2393.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2394.                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-beach-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2395.                        <path d="M15.071 15.102a7.502 7.502 0 0 0 -8.124 1.648"></path>
  2396.                        <path d="M10.27 6.269l9.926 5.731a6 6 0 0 0 -10.32 -6.123"></path>
  2397.                        <path d="M16.732 10c1.658 -2.87 2.225 -5.644 1.268 -6.196c-.957 -.552 -3.075 1.326 -4.732 4.196"></path>
  2398.                        <path d="M15 9l-.739 1.279"></path>
  2399.                        <path d="M12.794 12.82l-.794 1.376"></path>
  2400.                        <path d="M3 19.25a2.4 2.4 0 0 1 1 -.25a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 1.135 -.858"></path>
  2401.                        <path d="M3 3l18 18"></path>
  2402.                      </svg>
  2403.                      <style data-mantine-styles="inline">
  2404.                        .__m__-Rlmqmdmmldeql {
  2405.                          font-size: calc(1rem * var(--mantine-scale));
  2406.                        }
  2407.  
  2408.                        @media(min-width: 48em) {
  2409.                          .__m__-Rlmqmdmmldeql {
  2410.                            font-size: calc(1.5rem * var(--mantine-scale));
  2411.                          }
  2412.                        }
  2413.                      </style>
  2414.                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmqmdmmldeql">Belum Ada Data</p>
  2415.                    </div>
  2416.                  </div>
  2417.                </div>
  2418.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
  2419.                  <style data-mantine-styles="inline">
  2420.                    .__m__-R6umdmmldeql {
  2421.                      --carousel-slide-gap: var(--mantine-spacing-xs);
  2422.                      --carousel-slide-size: 90%;
  2423.                    }
  2424.                  </style>
  2425.                  <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm)" class="m-17884d0f mantine-Carousel-root __m__-R6umdmmldeql mantine-hidden-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
  2426.                    <div class="m-a2dae653 mantine-Carousel-viewport">
  2427.                      <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  2428.                    </div>
  2429.                  </div>
  2430.                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/wisata">
  2431.                    <span class="m-80f1301b mantine-Button-inner">
  2432.                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
  2433.                    </span>
  2434.                  </a>
  2435.                </div>
  2436.              </div>
  2437.              <div class="mantine-visible-from-sm">
  2438.                <div style="background-image:url(https://cdn.digitaldesa.com/statics/profil-v2/assets/background_wisata-DbjOCYPf.png)" class="m-2ce0de02 mantine-BackgroundImage-root">
  2439.                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;padding:calc(3.125rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
  2440.                    <div class="">
  2441.                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:white;font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">WISATA
  2442.                        <!-- -->Kelurahan
  2443.                      </h1>
  2444.                      <p style="color:var(--mantine-color-white);font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Layanan yang mempermudah promosi wisata
  2445.                        <!-- -->
  2446.                        <span style="text-transform:lowercase">Kelurahan</span>
  2447.                        <!-- -->sehingga dapat menarik pengunjung
  2448.                        <!-- -->
  2449.                        <span style="text-transform:lowercase">Kelurahan</span>
  2450.                      </p>
  2451.                    </div>
  2452.                    <div style="display:none" class="">
  2453.                      <style data-mantine-styles="inline">
  2454.                        .__m__-Rmmmqdmmldeql {
  2455.                          --carousel-slide-gap: 0rem;
  2456.                          --carousel-slide-size: 100%;
  2457.                        }
  2458.                      </style>
  2459.                      <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);control:[object Object];controls:[object Object]" class="m-17884d0f mantine-Carousel-root __m__-Rmmmqdmmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
  2460.                        <div class="m-a2dae653 mantine-Carousel-viewport">
  2461.                          <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  2462.                        </div>
  2463.                        <div class="m-39bc3463 mantine-Carousel-controls">
  2464.                          <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
  2465.                            <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  2466.                              <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  2467.                            </svg>
  2468.                          </button>
  2469.                          <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
  2470.                            <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  2471.                              <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  2472.                            </svg>
  2473.                          </button>
  2474.                        </div>
  2475.                      </div>
  2476.                    </div>
  2477.                    <div style="display:none" class="">
  2478.                      <div style="padding:calc(1.25rem * var(--mantine-scale));background:transparent;opacity:0.7;width:max-content" class="m-1b7284a3 mantine-Paper-root">
  2479.                        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2480.                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-beach-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2481.                            <path d="M15.071 15.102a7.502 7.502 0 0 0 -8.124 1.648"></path>
  2482.                            <path d="M10.27 6.269l9.926 5.731a6 6 0 0 0 -10.32 -6.123"></path>
  2483.                            <path d="M16.732 10c1.658 -2.87 2.225 -5.644 1.268 -6.196c-.957 -.552 -3.075 1.326 -4.732 4.196"></path>
  2484.                            <path d="M15 9l-.739 1.279"></path>
  2485.                            <path d="M12.794 12.82l-.794 1.376"></path>
  2486.                            <path d="M3 19.25a2.4 2.4 0 0 1 1 -.25a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 1.135 -.858"></path>
  2487.                            <path d="M3 3l18 18"></path>
  2488.                          </svg>
  2489.                          <p style="color:var(--mantine-color-gray-4);font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belum ada titik wisata yang didaftarkan</p>
  2490.                        </div>
  2491.                      </div>
  2492.                    </div>
  2493.                  </div>
  2494.                </div>
  2495.                <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2496.                  <div style="display:none" class="">
  2497.                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  2498.                    <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/wisata">
  2499.                      <span class="m-80f1301b mantine-Button-inner">
  2500.                        <span class="m-a74036a mantine-Button-section" data-position="left">
  2501.                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  2502.                            <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  2503.                            <path d="M9 7l6 0"></path>
  2504.                            <path d="M9 11l6 0"></path>
  2505.                            <path d="M9 15l4 0"></path>
  2506.                          </svg>
  2507.                        </span>
  2508.                        <span class="m-811560b9 mantine-Button-label">
  2509.                          <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">lihat wisata lebih banyak</p>
  2510.                        </span>
  2511.                      </span>
  2512.                    </a>
  2513.                  </div>
  2514.                </div>
  2515.              </div>
  2516.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  2517.                <div class="">
  2518.                  <style data-mantine-styles="inline">
  2519.                    .__m__-R1lmlmmldeql {
  2520.                      font-size: calc(1.25rem * var(--mantine-scale));
  2521.                      text-align: center;
  2522.                    }
  2523.  
  2524.                    @media(min-width: 48em) {
  2525.                      .__m__-R1lmlmmldeql {
  2526.                        font-size: calc(2.75rem * var(--mantine-scale));
  2527.                        text-align: start;
  2528.                      }
  2529.                    }
  2530.  
  2531.                    @media(min-width: 62em) {
  2532.                      .__m__-R1lmlmmldeql {
  2533.                        text-align: start;
  2534.                      }
  2535.                    }
  2536.                  </style>
  2537.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R1lmlmmldeql" data-order="1">BELI DARI
  2538.                    <!-- -->Kelurahan
  2539.                  </h1>
  2540.                  <style data-mantine-styles="inline">
  2541.                    .__m__-R2lmlmmldeql {
  2542.                      font-size: var(--mantine-font-size-md);
  2543.                      text-align: center;
  2544.                    }
  2545.  
  2546.                    @media(min-width: 48em) {
  2547.                      .__m__-R2lmlmmldeql {
  2548.                        font-size: calc(1.25rem * var(--mantine-scale));
  2549.                        text-align: start;
  2550.                      }
  2551.                    }
  2552.  
  2553.                    @media(min-width: 62em) {
  2554.                      .__m__-R2lmlmmldeql {
  2555.                        text-align: start;
  2556.                      }
  2557.                    }
  2558.                  </style>
  2559.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lmlmmldeql">Layanan yang disediakan promosi produk UMKM
  2560.                    <!-- -->
  2561.                    <span style="text-transform:lowercase">Kelurahan</span>
  2562.                    <!-- -->sehingga mampu meningkatkan perekonomian masyarakat
  2563.                    <!-- -->
  2564.                    <span style="text-transform:lowercase">Kelurahan</span>
  2565.                  </p>
  2566.                </div>
  2567.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
  2568.                  <div style="display:none" class="">
  2569.                    <style data-mantine-styles="inline">
  2570.                      .__m__-Rlmmlmmldeql {
  2571.                        padding: calc(0.625rem * var(--mantine-scale));
  2572.                      }
  2573.  
  2574.                      @media(min-width: 48em) {
  2575.                        .__m__-Rlmmlmmldeql {
  2576.                          padding: calc(1.25rem * var(--mantine-scale));
  2577.                        }
  2578.                      }
  2579.                    </style>
  2580.                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rlmmlmmldeql">
  2581.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2582.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shopping-cart-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2583.                          <path d="M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
  2584.                          <path d="M17 17a2 2 0 1 0 2 2"></path>
  2585.                          <path d="M17 17h-11v-11"></path>
  2586.                          <path d="M9.239 5.231l10.761 .769l-1 7h-2m-4 0h-7"></path>
  2587.                          <path d="M3 3l18 18"></path>
  2588.                        </svg>
  2589.                        <style data-mantine-styles="inline">
  2590.                          .__m__-R5dlmmlmmldeql {
  2591.                            font-size: calc(1rem * var(--mantine-scale));
  2592.                          }
  2593.  
  2594.                          @media(min-width: 48em) {
  2595.                            .__m__-R5dlmmlmmldeql {
  2596.                              font-size: calc(1.5rem * var(--mantine-scale));
  2597.                            }
  2598.                          }
  2599.                        </style>
  2600.                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dlmmlmmldeql">Belum Ada Data</p>
  2601.                      </div>
  2602.                    </div>
  2603.                  </div>
  2604.                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
  2605.                    <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2606.                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  2607.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  2608.                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
  2609.                            <path d="M5 12l14 0"></path>
  2610.                            <path d="M5 12l4 4"></path>
  2611.                            <path d="M5 12l4 -4"></path>
  2612.                          </svg>
  2613.                        </span>
  2614.                      </button>
  2615.                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
  2616.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  2617.                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
  2618.                            <path d="M5 12l14 0"></path>
  2619.                            <path d="M15 16l4 -4"></path>
  2620.                            <path d="M15 8l4 4"></path>
  2621.                          </svg>
  2622.                        </span>
  2623.                      </button>
  2624.                    </div>
  2625.                    <style data-mantine-styles="inline">
  2626.                      .__m__-R2mmmlmmldeql {
  2627.                        --carousel-slide-gap: var(--mantine-spacing-sm);
  2628.                        --carousel-slide-size: 80%;
  2629.                      }
  2630.                    </style>
  2631.                    <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);width:90vw" class="m-17884d0f mantine-Carousel-root __m__-R2mmmlmmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
  2632.                      <div class="m-a2dae653 mantine-Carousel-viewport">
  2633.                        <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
  2634.                      </div>
  2635.                    </div>
  2636.                    <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/belanja">
  2637.                      <span class="m-80f1301b mantine-Button-inner">
  2638.                        <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
  2639.                      </span>
  2640.                    </a>
  2641.                  </div>
  2642.                </div>
  2643.                <div class="mantine-visible-from-sm">
  2644.                  <div style="display:none" class="">
  2645.                    <style data-mantine-styles="inline">
  2646.                      .__m__-R1lnmlmmldeql {
  2647.                        --grid-gutter: var(--mantine-spacing-xl);
  2648.                      }
  2649.                    </style>
  2650.                    <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R1lnmlmmldeql">
  2651.                      <div class="m-dee7bd2f mantine-Grid-inner"></div>
  2652.                    </div>
  2653.                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
  2654.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm">
  2655.                      <button style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" type="button">
  2656.                        <span class="m-80f1301b mantine-Button-inner">
  2657.                          <span class="m-a74036a mantine-Button-section" data-position="left">
  2658.                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  2659.                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  2660.                              <path d="M9 7l6 0"></path>
  2661.                              <path d="M9 11l6 0"></path>
  2662.                              <path d="M9 15l4 0"></path>
  2663.                            </svg>
  2664.                          </span>
  2665.                          <span class="m-811560b9 mantine-Button-label">
  2666.                            <a style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-discover="true" href="/belanja">LIHAT PRODUK LEBIH BANYAK</a>
  2667.                          </span>
  2668.                        </span>
  2669.                      </button>
  2670.                    </div>
  2671.                  </div>
  2672.                  <div style="display:none" class="">
  2673.                    <style data-mantine-styles="inline">
  2674.                      .__m__-R2mnmlmmldeql {
  2675.                        padding: calc(0.625rem * var(--mantine-scale));
  2676.                      }
  2677.  
  2678.                      @media(min-width: 48em) {
  2679.                        .__m__-R2mnmlmmldeql {
  2680.                          padding: calc(1.25rem * var(--mantine-scale));
  2681.                        }
  2682.                      }
  2683.                    </style>
  2684.                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2mnmlmmldeql">
  2685.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2686.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shopping-cart-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2687.                          <path d="M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
  2688.                          <path d="M17 17a2 2 0 1 0 2 2"></path>
  2689.                          <path d="M17 17h-11v-11"></path>
  2690.                          <path d="M9.239 5.231l10.761 .769l-1 7h-2m-4 0h-7"></path>
  2691.                          <path d="M3 3l18 18"></path>
  2692.                        </svg>
  2693.                        <style data-mantine-styles="inline">
  2694.                          .__m__-Rlmmnmlmmldeql {
  2695.                            font-size: calc(1rem * var(--mantine-scale));
  2696.                          }
  2697.  
  2698.                          @media(min-width: 48em) {
  2699.                            .__m__-Rlmmnmlmmldeql {
  2700.                              font-size: calc(1.5rem * var(--mantine-scale));
  2701.                            }
  2702.                          }
  2703.                        </style>
  2704.                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmmnmlmmldeql">Belum ada produk Kelurahan yang dipasarkan</p>
  2705.                      </div>
  2706.                    </div>
  2707.                  </div>
  2708.                </div>
  2709.              </div>
  2710.              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  2711.                <div class="">
  2712.                  <style data-mantine-styles="inline">
  2713.                    .__m__-R39mtmmldeql {
  2714.                      font-size: calc(1.25rem * var(--mantine-scale));
  2715.                      text-align: center;
  2716.                    }
  2717.  
  2718.                    @media(min-width: 48em) {
  2719.                      .__m__-R39mtmmldeql {
  2720.                        font-size: calc(2.75rem * var(--mantine-scale));
  2721.                        text-align: start;
  2722.                      }
  2723.                    }
  2724.  
  2725.                    @media(min-width: 62em) {
  2726.                      .__m__-R39mtmmldeql {
  2727.                        text-align: start;
  2728.                      }
  2729.                    }
  2730.                  </style>
  2731.                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R39mtmmldeql" data-order="1">GALERI
  2732.                    <!-- -->Kelurahan
  2733.                  </h1>
  2734.                  <style data-mantine-styles="inline">
  2735.                    .__m__-R59mtmmldeql {
  2736.                      font-size: var(--mantine-font-size-md);
  2737.                      text-align: center;
  2738.                    }
  2739.  
  2740.                    @media(min-width: 48em) {
  2741.                      .__m__-R59mtmmldeql {
  2742.                        font-size: calc(1.25rem * var(--mantine-scale));
  2743.                        text-align: start;
  2744.                      }
  2745.                    }
  2746.  
  2747.                    @media(min-width: 62em) {
  2748.                      .__m__-R59mtmmldeql {
  2749.                        text-align: start;
  2750.                      }
  2751.                    }
  2752.                  </style>
  2753.                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R59mtmmldeql">Menampilkan kegiatan-kegiatan yang berlangsung di
  2754.                    <!-- -->
  2755.                    <span style="text-transform:lowercase">Kelurahan</span>
  2756.                  </p>
  2757.                </div>
  2758.                <div style="display:none" class="">
  2759.                  <style data-mantine-styles="inline">
  2760.                    .__m__-R3amtmmldeql {
  2761.                      --grid-gutter: var(--mantine-spacing-md);
  2762.                    }
  2763.                  </style>
  2764.                  <div class="m-410352e9 mantine-Grid-root __m__-R3amtmmldeql">
  2765.                    <div class="m-dee7bd2f mantine-Grid-inner"></div>
  2766.                  </div>
  2767.                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-variant="outline" data-block="true" data-discover="true" href="/galeri">
  2768.                    <span class="m-80f1301b mantine-Button-inner">
  2769.                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
  2770.                    </span>
  2771.                  </a>
  2772.                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm">
  2773.                    <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/galeri">
  2774.                      <span class="m-80f1301b mantine-Button-inner">
  2775.                        <span class="m-a74036a mantine-Button-section" data-position="left">
  2776.                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
  2777.                            <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
  2778.                            <path d="M9 7l6 0"></path>
  2779.                            <path d="M9 11l6 0"></path>
  2780.                            <path d="M9 15l4 0"></path>
  2781.                          </svg>
  2782.                        </span>
  2783.                        <span class="m-811560b9 mantine-Button-label">
  2784.                          <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">LIHAT FOTO LEBIH BANYAK</p>
  2785.                        </span>
  2786.                      </span>
  2787.                    </a>
  2788.                  </div>
  2789.                </div>
  2790.                <div style="display:none" class="mantine-visible-from-sm">
  2791.                  <style data-mantine-styles="inline">
  2792.                    .__m__-R1bmtmmldeql {
  2793.                      padding: calc(0.625rem * var(--mantine-scale));
  2794.                    }
  2795.  
  2796.                    @media(min-width: 48em) {
  2797.                      .__m__-R1bmtmmldeql {
  2798.                        padding: calc(1.25rem * var(--mantine-scale));
  2799.                      }
  2800.                    }
  2801.                  </style>
  2802.                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R1bmtmmldeql">
  2803.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2804.                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2805.                        <path d="M15 8h.01"></path>
  2806.                        <path d="M13 21h-7a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v7"></path>
  2807.                        <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l3 3"></path>
  2808.                        <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0"></path>
  2809.                        <path d="M22 22l-5 -5"></path>
  2810.                        <path d="M17 22l5 -5"></path>
  2811.                      </svg>
  2812.                      <style data-mantine-styles="inline">
  2813.                        .__m__-Rarbmtmmldeql {
  2814.                          font-size: calc(1rem * var(--mantine-scale));
  2815.                        }
  2816.  
  2817.                        @media(min-width: 48em) {
  2818.                          .__m__-Rarbmtmmldeql {
  2819.                            font-size: calc(1.5rem * var(--mantine-scale));
  2820.                          }
  2821.                        }
  2822.                      </style>
  2823.                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rarbmtmmldeql">Belum ada foto galeri yang diunggah</p>
  2824.                    </div>
  2825.                  </div>
  2826.                </div>
  2827.                <div style="display:none" class="mantine-hidden-from-sm">
  2828.                  <style data-mantine-styles="inline">
  2829.                    .__m__-R1cmtmmldeql {
  2830.                      padding: calc(0.625rem * var(--mantine-scale));
  2831.                    }
  2832.  
  2833.                    @media(min-width: 48em) {
  2834.                      .__m__-R1cmtmmldeql {
  2835.                        padding: calc(1.25rem * var(--mantine-scale));
  2836.                      }
  2837.                    }
  2838.                  </style>
  2839.                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R1cmtmmldeql">
  2840.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2841.                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
  2842.                        <path d="M15 8h.01"></path>
  2843.                        <path d="M13 21h-7a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v7"></path>
  2844.                        <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l3 3"></path>
  2845.                        <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0"></path>
  2846.                        <path d="M22 22l-5 -5"></path>
  2847.                        <path d="M17 22l5 -5"></path>
  2848.                      </svg>
  2849.                      <style data-mantine-styles="inline">
  2850.                        .__m__-Rarcmtmmldeql {
  2851.                          font-size: calc(1rem * var(--mantine-scale));
  2852.                        }
  2853.  
  2854.                        @media(min-width: 48em) {
  2855.                          .__m__-Rarcmtmmldeql {
  2856.                            font-size: calc(1.5rem * var(--mantine-scale));
  2857.                          }
  2858.                        }
  2859.                      </style>
  2860.                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rarcmtmmldeql">Belum Ada Data</p>
  2861.                    </div>
  2862.                  </div>
  2863.                </div>
  2864.              </div>
  2865.            </div>
  2866.          </div>
  2867.        </div>
  2868.      </div>
  2869.      <div style="z-index:9;backdrop-filter:blur(2px);padding:calc(0.625rem * var(--mantine-scale));padding-top:0rem;background:rgba(0,0,0,0);width:100%;position:fixed;bottom:0rem" class="mantine-hidden-from-sm">
  2870.        <div style="--paper-shadow:var(--mantine-shadow-sm);padding-block:var(--mantine-spacing-xs)" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root" data-with-border="true">
  2871.          <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2872.            <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:var(--mantine-color-primary-4)" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/">
  2873.              <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home">
  2874.                <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
  2875.                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
  2876.                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
  2877.              </svg>
  2878.              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Beranda</p>
  2879.            </a>
  2880.            <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/pengaduan">
  2881.              <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-report">
  2882.                <path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697"></path>
  2883.                <path d="M18 14v4h4"></path>
  2884.                <path d="M18 11v-4a2 2 0 0 0 -2 -2h-2"></path>
  2885.                <path d="M8 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path>
  2886.                <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
  2887.                <path d="M8 11h4"></path>
  2888.                <path d="M8 15h3"></path>
  2889.              </svg>
  2890.              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p>
  2891.            </a>
  2892.            <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/berita">
  2893.              <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-news">
  2894.                <path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"></path>
  2895.                <path d="M8 8l4 0"></path>
  2896.                <path d="M8 12l4 0"></path>
  2897.                <path d="M8 16l4 0"></path>
  2898.              </svg>
  2899.              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p>
  2900.            </a>
  2901.            <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/belanja">
  2902.              <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shopping-bag">
  2903.                <path d="M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z"></path>
  2904.                <path d="M9 11v-5a3 3 0 0 1 6 0v5"></path>
  2905.              </svg>
  2906.              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
  2907.            </a>
  2908.          </div>
  2909.        </div>
  2910.      </div>
  2911.      <div class="mantine-hidden-from-sm">
  2912.        <div style="--paper-radius:calc(1rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale)) 0rem 0rem;background:var(--mantine-color-primary-6)" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root">
  2913.          <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  2914.            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  2915.              <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&amp;s" alt="Logo"/>
  2916.              <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  2917.                <p style="color:#fff;font-size:calc(1rem * var(--mantine-scale));font-weight:bold;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kelurahan Turikale</p>
  2918.                <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan
  2919.                  <!-- -->
  2920.                  <!-- -->Turikale
  2921.                </p>
  2922.                <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten
  2923.                  <!-- -->
  2924.                  <!-- -->Maros
  2925.                </p>
  2926.                <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi
  2927.                  <!-- -->
  2928.                  <!-- -->Sulawesi Selatan
  2929.                </p>
  2930.              </div>
  2931.            </div>
  2932.            <div style="color:#fff" class="m-9bdbb667 mantine-Accordion-root" data-variant="filled" id="mantine-Ramr7deql" data-accordion="true">
  2933.              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
  2934.                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-visitor" id="mantine-Ramr7deql-control-visitor">
  2935.                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
  2936.                    <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  2937.                      <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  2938.                    </svg>
  2939.                  </span>
  2940.                  <span class="m-df3ffa0f mantine-Accordion-label">
  2941.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Kunjungan Website</h1>
  2942.                  </span>
  2943.                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
  2944.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-world" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))">
  2945.                      <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
  2946.                      <path d="M3.6 9h16.8"></path>
  2947.                      <path d="M3.6 15h16.8"></path>
  2948.                      <path d="M11.5 3a17 17 0 0 0 0 18"></path>
  2949.                      <path d="M12.5 3a17 17 0 0 1 0 18"></path>
  2950.                    </svg>
  2951.                  </span>
  2952.                </button>
  2953.                <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-visitor" aria-labelledby="mantine-Ramr7deql-control-visitor">
  2954.                  <div class="m-4ba554d4 mantine-Accordion-content">
  2955.                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
  2956.                      <style data-mantine-styles="inline">
  2957.                        .__m__-R2radqmr7deql {
  2958.                          --sg-spacing-x: var(--mantine-spacing-md);
  2959.                          --sg-spacing-y: var(--mantine-spacing-md);
  2960.                          --sg-cols: 2;
  2961.                        }
  2962.                      </style>
  2963.                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-R2radqmr7deql">
  2964.                        <div class="">
  2965.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Hari Ini</p>
  2966.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2967.                        </div>
  2968.                        <div class="">
  2969.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kemarin</p>
  2970.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2971.                        </div>
  2972.                        <div class="">
  2973.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Ini</p>
  2974.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2975.                        </div>
  2976.                        <div class="">
  2977.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Lalu</p>
  2978.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2979.                        </div>
  2980.                        <div class="">
  2981.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Ini</p>
  2982.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2983.                        </div>
  2984.                        <div class="">
  2985.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Lalu</p>
  2986.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2987.                        </div>
  2988.                        <div class="">
  2989.                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Total Kunjungan</p>
  2990.                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  2991.                        </div>
  2992.                      </div>
  2993.                    </div>
  2994.                  </div>
  2995.                </div>
  2996.              </div>
  2997.              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
  2998.                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-contact" id="mantine-Ramr7deql-control-contact">
  2999.                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
  3000.                    <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  3001.                      <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  3002.                    </svg>
  3003.                  </span>
  3004.                  <span class="m-df3ffa0f mantine-Accordion-label">
  3005.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Kontak
  3006.                      <!-- -->Kelurahan
  3007.                    </h1>
  3008.                  </span>
  3009.                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
  3010.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-phone" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))">
  3011.                      <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"></path>
  3012.                    </svg>
  3013.                  </span>
  3014.                </button>
  3015.                <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-contact" aria-labelledby="mantine-Ramr7deql-control-contact">
  3016.                  <div class="m-4ba554d4 mantine-Accordion-content">
  3017.                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
  3018.                      <ul style="font-size:calc(0.875rem * var(--mantine-scale))" class="m-abbac491 mantine-List-root">
  3019.                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3020.                          <div class="m-75cd9f71 mantine-List-itemWrapper">
  3021.                            <span class="m-60f83e5b mantine-List-itemIcon">
  3022.                              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-phone">
  3023.                                <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"></path>
  3024.                              </svg>
  3025.                            </span>
  3026.                            <span class="mantine-List-itemLabel">
  3027.                              <a style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:08xxxxxxxxxx" target="_blank">08xxxxxxxxxx</a>
  3028.                            </span>
  3029.                          </div>
  3030.                        </li>
  3031.                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3032.                          <div class="m-75cd9f71 mantine-List-itemWrapper">
  3033.                            <span class="m-60f83e5b mantine-List-itemIcon">
  3034.                              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-mail">
  3035.                                <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path>
  3036.                                <path d="M3 7l9 6l9 -6"></path>
  3037.                              </svg>
  3038.                            </span>
  3039.                            <span class="mantine-List-itemLabel">
  3040.                              <a style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/cdn-cgi/l/email-protection#2d5d5847424346444958415e44496d4a404c4441034e4240" target="_blank">
  3041.                                <span class="__cf_email__" data-cfemail="e797928d88898c8e83928b948e83a7808a868e8bc984888a">[email protected]</span>
  3042.                              </a>
  3043.                            </span>
  3044.                          </div>
  3045.                        </li>
  3046.                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3047.                          <div class="m-75cd9f71 mantine-List-itemWrapper">
  3048.                            <span class="m-60f83e5b mantine-List-itemIcon">
  3049.                              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clock">
  3050.                                <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
  3051.                                <path d="M12 7v5l3 3"></path>
  3052.                              </svg>
  3053.                            </span>
  3054.                            <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
  3055.                          </div>
  3056.                        </li>
  3057.                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3058.                          <div class="m-75cd9f71 mantine-List-itemWrapper">
  3059.                            <span class="m-60f83e5b mantine-List-itemIcon">
  3060.                              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home">
  3061.                                <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
  3062.                                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
  3063.                                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
  3064.                              </svg>
  3065.                            </span>
  3066.                            <span class="mantine-List-itemLabel">
  3067.                              <p style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Kelurahan Turikale, Kec. Turikale, Kab. Maros Prov. Sulawesi Selatan 86691</p>
  3068.                            </span>
  3069.                          </div>
  3070.                        </li>
  3071.                      </ul>
  3072.                    </div>
  3073.                  </div>
  3074.                </div>
  3075.              </div>
  3076.              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
  3077.                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-urgent" id="mantine-Ramr7deql-control-urgent">
  3078.                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
  3079.                    <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  3080.                      <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  3081.                    </svg>
  3082.                  </span>
  3083.                  <span class="m-df3ffa0f mantine-Accordion-label">
  3084.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Nomor Telepon Penting</h1>
  3085.                  </span>
  3086.                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
  3087.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-urgent" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))">
  3088.                      <path d="M8 16v-4a4 4 0 0 1 8 0v4"></path>
  3089.                      <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  3090.                      <path d="M6 16m0 1a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
  3091.                    </svg>
  3092.                  </span>
  3093.                </button>
  3094.                <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-urgent" aria-labelledby="mantine-Ramr7deql-control-urgent">
  3095.                  <div class="m-4ba554d4 mantine-Accordion-content">
  3096.                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
  3097.                      <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
  3098.                    </div>
  3099.                  </div>
  3100.                </div>
  3101.              </div>
  3102.              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
  3103.                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-social" id="mantine-Ramr7deql-control-social">
  3104.                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
  3105.                    <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  3106.                      <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  3107.                    </svg>
  3108.                  </span>
  3109.                  <span class="m-df3ffa0f mantine-Accordion-label">
  3110.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Sosial Media</h1>
  3111.                  </span>
  3112.                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
  3113.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-facebook" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))">
  3114.                      <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
  3115.                    </svg>
  3116.                  </span>
  3117.                </button>
  3118.                <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-social" aria-labelledby="mantine-Ramr7deql-control-social">
  3119.                  <div class="m-4ba554d4 mantine-Accordion-content">
  3120.                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3121.                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3122.                        <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://www.facebook.com/profile.php?id=100068858821303&amp;mibextid=ZbWKwL" target="_blank">
  3123.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3124.                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-facebook">
  3125.                              <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
  3126.                            </svg>
  3127.                          </span>
  3128.                        </a>
  3129.                        <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://instagram.com/desa.gumbrih?igshid=YmMyMTA2M2Y=" target="_blank">
  3130.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3131.                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-instagram">
  3132.                              <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
  3133.                              <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
  3134.                              <path d="M16.5 7.5l0 .01"></path>
  3135.                            </svg>
  3136.                          </span>
  3137.                        </a>
  3138.                        <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://twitter.com/gumbrihdesaku?s=11&amp;t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
  3139.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3140.                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-twitter">
  3141.                              <path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z"></path>
  3142.                            </svg>
  3143.                          </span>
  3144.                        </a>
  3145.                        <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw" target="_blank">
  3146.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3147.                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-youtube">
  3148.                              <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z"></path>
  3149.                              <path d="M10 9l5 3l-5 3z"></path>
  3150.                            </svg>
  3151.                          </span>
  3152.                        </a>
  3153.                        <button style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" type="button" href="#" target="_blank">
  3154.                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3155.                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewbox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-tiktok">
  3156.                              <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z"></path>
  3157.                            </svg>
  3158.                          </span>
  3159.                        </button>
  3160.                      </div>
  3161.                    </div>
  3162.                  </div>
  3163.                </div>
  3164.              </div>
  3165.              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
  3166.                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-address" id="mantine-Ramr7deql-control-address">
  3167.                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
  3168.                    <svg viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
  3169.                      <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
  3170.                    </svg>
  3171.                  </span>
  3172.                  <span class="m-df3ffa0f mantine-Accordion-label">
  3173.                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Jelajahi</h1>
  3174.                  </span>
  3175.                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
  3176.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-link" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))">
  3177.                      <path d="M9 15l6 -6"></path>
  3178.                      <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
  3179.                      <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"></path>
  3180.                    </svg>
  3181.                  </span>
  3182.                </button>
  3183.                <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-address" aria-labelledby="mantine-Ramr7deql-control-address">
  3184.                  <div class="m-4ba554d4 mantine-Accordion-content">
  3185.                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
  3186.                      <ul class="m-abbac491 mantine-List-root"></ul>
  3187.                    </div>
  3188.                  </div>
  3189.                </div>
  3190.              </div>
  3191.            </div>
  3192.            <p style="color:#fff;font-size:calc(0.6875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
  3193.              <!-- -->2025
  3194.              <!-- --> Powered by
  3195.              <!-- -->
  3196.              <strong>
  3197.                <a style="color:unset;font-size:unset;text-decoration:unset" class="mantine-focus-auto m-849cf0da m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="https://digitaldesa.id" target="_blank">PT Digital Kelurahan Indonesia</a>
  3198.              </strong>
  3199.            </p>
  3200.          </div>
  3201.          <div style="height:calc(5rem * var(--mantine-scale));min-height:calc(5rem * var(--mantine-scale))" class=""></div>
  3202.        </div>
  3203.      </div>
  3204.      <footer style="border:none;--app-shell-footer-z-index:100;padding-inline:var(--mantine-spacing-xl);background:transparent;position:initial" class="m-3840c879 mantine-AppShell-footer right-scroll-bar-position mantine-visible-from-sm" data-with-border="true">
  3205.        <div style="background-image:linear-gradient(133.36deg, var(--mantine-color-primary-5), var(--mantine-color-primary-1));border-top-left-radius:20px;border-top-right-radius:20px" class="">
  3206.          <style data-mantine-styles="inline">
  3207.            .__m__-R6rndeql {
  3208.              --grid-gutter: var(--mantine-spacing-md);
  3209.            }
  3210.          </style>
  3211.          <div style="--grid-justify:space-between;padding-inline:calc(1.25rem * var(--mantine-scale));padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:calc(1.25rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R6rndeql">
  3212.            <div class="m-dee7bd2f mantine-Grid-inner">
  3213.              <style data-mantine-styles="inline">
  3214.                .__m__-R1mmrndeql {
  3215.                  --col-flex-grow: auto;
  3216.                  --col-flex-basis: 33.333333333333336%;
  3217.                  --col-max-width: 33.333333333333336%;
  3218.                }
  3219.              </style>
  3220.              <div class="m-96bdd299 mantine-Grid-col __m__-R1mmrndeql">
  3221.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3222.                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3223.                    <img style="width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&amp;s" alt="Logo"/>
  3224.                    <div class="">
  3225.                      <p style="--text-fz:var(--mantine-font-size-xl);--text-lh:var(--mantine-line-height-xl);color:#fff;font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-size="xl">Kelurahan Turikale</p>
  3226.                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan
  3227.                        <!-- -->
  3228.                        <!-- -->Turikale
  3229.                      </p>
  3230.                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten
  3231.                        <!-- -->
  3232.                        <!-- -->Maros
  3233.                      </p>
  3234.                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi
  3235.                        <!-- -->
  3236.                        <!-- -->Sulawesi Selatan
  3237.                      </p>
  3238.                    </div>
  3239.                  </div>
  3240.                  <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3241.                    <p style="color:#fff;font-size:var(--mantine-font-size-lg);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Media Sosial</p>
  3242.                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3243.                      <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://www.facebook.com/profile.php?id=100068858821303&amp;mibextid=ZbWKwL" target="_blank">
  3244.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3245.                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-facebook">
  3246.                            <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
  3247.                          </svg>
  3248.                        </span>
  3249.                      </a>
  3250.                      <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://instagram.com/desa.gumbrih?igshid=YmMyMTA2M2Y=" target="_blank">
  3251.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3252.                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-instagram">
  3253.                            <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
  3254.                            <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
  3255.                            <path d="M16.5 7.5l0 .01"></path>
  3256.                          </svg>
  3257.                        </span>
  3258.                      </a>
  3259.                      <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://twitter.com/gumbrihdesaku?s=11&amp;t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
  3260.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3261.                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-x">
  3262.                            <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
  3263.                            <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
  3264.                          </svg>
  3265.                        </span>
  3266.                      </a>
  3267.                      <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw" target="_blank">
  3268.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3269.                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-youtube">
  3270.                            <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z"></path>
  3271.                            <path d="M10 9l5 3l-5 3z"></path>
  3272.                          </svg>
  3273.                        </span>
  3274.                      </a>
  3275.                      <button style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" type="button" href="#" target="_blank">
  3276.                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
  3277.                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-tiktok">
  3278.                            <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z"></path>
  3279.                          </svg>
  3280.                        </span>
  3281.                      </button>
  3282.                    </div>
  3283.                  </div>
  3284.                </div>
  3285.              </div>
  3286.              <style data-mantine-styles="inline">
  3287.                .__m__-R2mmrndeql {
  3288.                  --col-flex-grow: auto;
  3289.                  --col-flex-basis: 25%;
  3290.                  --col-max-width: 25%;
  3291.                }
  3292.              </style>
  3293.              <div class="m-96bdd299 mantine-Grid-col __m__-R2mmrndeql">
  3294.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3295.                  <p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kontak
  3296.                    <!-- -->Kelurahan
  3297.                  </p>
  3298.                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3299.                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
  3300.                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
  3301.                        <div style="min-width:100%;display:table">
  3302.                          <ul class="m-abbac491 mantine-List-root">
  3303.                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3304.                              <div class="m-75cd9f71 mantine-List-itemWrapper">
  3305.                                <span class="m-60f83e5b mantine-List-itemIcon">
  3306.                                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-phone">
  3307.                                    <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"></path>
  3308.                                  </svg>
  3309.                                </span>
  3310.                                <span class="mantine-List-itemLabel">
  3311.                                  <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:08xxxxxxxxxx" target="_blank">08xxxxxxxxxx</a>
  3312.                                </span>
  3313.                              </div>
  3314.                            </li>
  3315.                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3316.                              <div class="m-75cd9f71 mantine-List-itemWrapper">
  3317.                                <span class="m-60f83e5b mantine-List-itemIcon">
  3318.                                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-mail">
  3319.                                    <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path>
  3320.                                    <path d="M3 7l9 6l9 -6"></path>
  3321.                                  </svg>
  3322.                                </span>
  3323.                                <span class="mantine-List-itemLabel">
  3324.                                  <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/cdn-cgi/l/email-protection#b2c2c7d8dddcd9dbd6c7dec1dbd6f2d5dfd3dbde9cd1dddf" target="_blank">
  3325.                                    <span class="__cf_email__" data-cfemail="b1c1c4dbdedfdad8d5c4ddc2d8d5f1d6dcd0d8dd9fd2dedc">[email protected]</span>
  3326.                                  </a>
  3327.                                </span>
  3328.                              </div>
  3329.                            </li>
  3330.                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3331.                              <div class="m-75cd9f71 mantine-List-itemWrapper">
  3332.                                <span class="m-60f83e5b mantine-List-itemIcon">
  3333.                                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clock">
  3334.                                    <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
  3335.                                    <path d="M12 7v5l3 3"></path>
  3336.                                  </svg>
  3337.                                </span>
  3338.                                <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
  3339.                              </div>
  3340.                            </li>
  3341.                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
  3342.                              <div class="m-75cd9f71 mantine-List-itemWrapper">
  3343.                                <span class="m-60f83e5b mantine-List-itemIcon">
  3344.                                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home">
  3345.                                    <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
  3346.                                    <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
  3347.                                    <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
  3348.                                  </svg>
  3349.                                </span>
  3350.                                <span class="mantine-List-itemLabel">
  3351.                                  <p style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Kelurahan Turikale, Kec. Turikale, Kab. Maros Prov. Sulawesi Selatan 86691</p>
  3352.                                </span>
  3353.                              </div>
  3354.                            </li>
  3355.                          </ul>
  3356.                        </div>
  3357.                      </div>
  3358.                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
  3359.                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
  3360.                    </div>
  3361.                  </div>
  3362.                </div>
  3363.              </div>
  3364.              <style data-mantine-styles="inline">
  3365.                .__m__-R3mmrndeql {
  3366.                  --col-flex-grow: auto;
  3367.                  --col-flex-basis: 16.666666666666668%;
  3368.                  --col-max-width: 16.666666666666668%;
  3369.                }
  3370.              </style>
  3371.              <div class="m-96bdd299 mantine-Grid-col __m__-R3mmrndeql">
  3372.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3373.                  <p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Nomor Telepon Penting</p>
  3374.                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3375.                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
  3376.                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
  3377.                        <div style="min-width:100%;display:table">
  3378.                          <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
  3379.                        </div>
  3380.                      </div>
  3381.                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
  3382.                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
  3383.                    </div>
  3384.                  </div>
  3385.                </div>
  3386.              </div>
  3387.              <style data-mantine-styles="inline">
  3388.                .__m__-R4mmrndeql {
  3389.                  --col-flex-grow: auto;
  3390.                  --col-flex-basis: 16.666666666666668%;
  3391.                  --col-max-width: 16.666666666666668%;
  3392.                }
  3393.              </style>
  3394.              <div class="m-96bdd299 mantine-Grid-col __m__-R4mmrndeql">
  3395.                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3396.                  <p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Jelajahi</p>
  3397.                  <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">•
  3398.                    <!-- -->
  3399.                    <!-- -->
  3400.                    <a href="https://bumijaya-candipuro-desa.id/">Kelurahan Bumijaya</a>
  3401.                  </p>
  3402.                  <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">•
  3403.                    <!-- -->
  3404.                    <!-- -->
  3405.                    <a href="https://pemdesgombang.id/">Pemdes Gombang</a>
  3406.                  </p>
  3407.                  <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">•
  3408.                    <!-- -->
  3409.                    <!-- -->
  3410.                    <a href="https://kotajayapura.id/">Kota Jayapura</a>
  3411.                  </p>
  3412.                  <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">•
  3413.                    <!-- -->
  3414.                    <!-- -->
  3415.                    <a href="https://desajatimulya.com/">Kelurahan Jatimulya</a>
  3416.                  </p>
  3417.                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3418.                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
  3419.                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
  3420.                        <div style="min-width:100%;display:table">
  3421.                          <ul class="m-abbac491 mantine-List-root"></ul>
  3422.                        </div>
  3423.                      </div>
  3424.                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
  3425.                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
  3426.                    </div>
  3427.                  </div>
  3428.                </div>
  3429.              </div>
  3430.            </div>
  3431.          </div>
  3432.          <div style="background:var(--mantine-color-primary-5)" class="m-4451eb3a mantine-Center-root">
  3433.            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
  3434.              <!-- -->2025
  3435.              <!-- --> Powered by
  3436.              <!-- -->
  3437.              <strong>
  3438.                <a style="color:unset;text-decoration:unset" class="mantine-focus-auto m-849cf0da m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="https://digitaldesa.id" target="_blank">PT Digital Kelurahan Indonesia</a>
  3439.              </strong>
  3440.            </p>
  3441.          </div>
  3442.        </div>
  3443.      </footer>
  3444.      <div style="position:fixed;bottom:0;right:0;border:2px solid white;border-radius:10px;opacity:0.8;z-index:100;cursor:pointer;margin-inline:var(--mantine-spacing-md);margin-bottom:var(--mantine-spacing-sm);padding-inline:var(--mantine-spacing-sm);padding-block:var(--mantine-spacing-xs);background:var(--mantine-color-red-3)" class="mantine-visible-from-sm" aria-haspopup="dialog" aria-expanded="false" aria-controls="mantine-Rrdeql-dropdown" id="mantine-Rrdeql-target">
  3445.        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3446.          <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3447.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-headset">
  3448.              <path d="M4 14v-3a8 8 0 1 1 16 0v3"></path>
  3449.              <path d="M18 19c0 1.657 -2.686 3 -6 3"></path>
  3450.              <path d="M4 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z"></path>
  3451.              <path d="M15 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z"></path>
  3452.            </svg>
  3453.          </div>
  3454.          <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p>
  3455.        </div>
  3456.      </div>
  3457.      <div style="position:fixed;bottom:0;border:2px solid white;border-radius:10px;z-index:1000;opacity:0.9;margin-inline:var(--mantine-spacing-md);margin-bottom:var(--mantine-spacing-sm);padding-inline:var(--mantine-spacing-sm);padding-block:var(--mantine-spacing-xs);background:var(--mantine-color-primary-2)" class="mantine-visible-from-sm" aria-haspopup="dialog" aria-expanded="false" aria-controls="mantine-R1bdeql-dropdown" id="mantine-R1bdeql-target">
  3458.        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
  3459.          <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
  3460.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-door">
  3461.              <path d="M14 12v.01"></path>
  3462.              <path d="M3 21h18"></path>
  3463.              <path d="M6 21v-16a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v16"></path>
  3464.            </svg>
  3465.            <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:700" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
  3466.          </div>
  3467.          <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kunjungan <br/>Hari Ini </p>
  3468.          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down">
  3469.            <path d="M6 9l6 6l6 -6"></path>
  3470.          </svg>
  3471.        </div>
  3472.      </div>
  3473.    </div>
  3474.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  3475.    <script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.bundle.js"></script>
  3476.    <script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.config.js"></script>
  3477.    <script>
  3478.      ((STORAGE_KEY2, restoreKey) => {
  3479.        if (!window.history.state || !window.history.state.key) {
  3480.          let key3 = Math.random().toString(32).slice(2);
  3481.          window.history.replaceState({
  3482.            key: key3
  3483.          }, "");
  3484.        }
  3485.        try {
  3486.          let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || "{}");
  3487.          let storedY = positions[restoreKey || window.history.state.key];
  3488.          if (typeof storedY === "number") {
  3489.            window.scrollTo(0, storedY);
  3490.          }
  3491.        } catch (error2) {
  3492.          console.error(error2);
  3493.          sessionStorage.removeItem(STORAGE_KEY2);
  3494.        }
  3495.      })("positions", null)
  3496.    </script>
  3497.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js"/>
  3498.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js"/>
  3499.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/jsx-runtime-ByGpHSPZ.js"/>
  3500.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-B-yzDlGl.js"/>
  3501.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/components-Cw2tsM1o.js"/>
  3502.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/oauth-CjmpoasG.js"/>
  3503.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/polymorphic-factory-BmRSLjeU.js"/>
  3504.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-reduced-motion-yJY9mgkS.js"/>
  3505.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Loader-BrUd6zYV.js"/>
  3506.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Transition-F2jjUCfr.js"/>
  3507.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/UnstyledButton-BwnCZJiS.js"/>
  3508.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/store-BqiOundV.js"/>
  3509.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Image-BOqHIzWn.js"/>
  3510.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Stack-CY4nQ1av.js"/>
  3511.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Title-s_pNpi_m.js"/>
  3512.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Text-DgvQ2Yzd.js"/>
  3513.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Group-DaVFy2M0.js"/>
  3514.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Button-B6l5RFbd.js"/>
  3515.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Code-D2_oEjqG.js"/>
  3516.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gql-DZiq67mF.js"/>
  3517.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/utils-EFR0FJmZ.js"/>
  3518.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-DpYVSX1o.js"/>
  3519.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/metadata-BHaf7C0V.js"/>
  3520.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/px-CiO0pVtX.js"/>
  3521.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-contrast-color-DGT1xAlz.js"/>
  3522.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-isomorphic-effect-BGcWboEs.js"/>
  3523.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Center-BLgiunvn.js"/>
  3524.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js"/>
  3525.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/is-element-CI8e1h0p.js"/>
  3526.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-id-CBFaeZXz.js"/>
  3527.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-merged-ref-BJm5sttg.js"/>
  3528.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/InputBase-DbFNPVtF.js"/>
  3529.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-DBv3gr79.js"/>
  3530.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/createReactComponent-DG7S5Nwq.js"/>
  3531.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/CloseButton-DetmG4UX.js"/>
  3532.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-uncontrolled-DgPl9ViR.js"/>
  3533.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/TextInput-B42PaN1w.js"/>
  3534.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-BQVM1Jfk.js"/>
  3535.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/assets-DLkOJ042.js"/>
  3536.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/typebox-v0AVxb13.js"/>
  3537.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DirectionProvider-CZrhDgZ9.js"/>
  3538.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-safe-context-jSuPt_P6.js"/>
  3539.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-default-z-index-CUjKoHex.js"/>
  3540.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-floating-auto-update-Ng1_GWo4.js"/>
  3541.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/OptionalPortal-BdNhCZIw.js"/>
  3542.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ScrollArea-DwirfqyO.js"/>
  3543.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Paper-DipXWK5o.js"/>
  3544.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Overlay-ByElZ9nI.js"/>
  3545.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/tslib.es6-DPLsjc5m.js"/>
  3546.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-window-event-GzRQC4Pl.js"/>
  3547.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-scoped-keydown-handler-DsNfVizA.js"/>
  3548.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AccordionChevron-C5IsT1PJ.js"/>
  3549.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-style-object-DUJZA7T_.js"/>
  3550.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-base-value-BwMQOHSn.js"/>
  3551.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-C4ad_PwK.js"/>
  3552.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/vars-B3G_A55N.js"/>
  3553.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/clamp-DTmYCdls.js"/>
  3554.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Anchor-DHVUz_0m.js"/>
  3555.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Select-CyCUsC6U.js"/>
  3556.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-browser-layout-effect-D107Qizc.js"/>
  3557.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/LoadingOverlay-DmTd0S_C.js"/>
  3558.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/profile-D-KlsEcq.js"/>
  3559.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/stats-DIaTQNWb.js"/>
  3560.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/geojson-utils-BnCvOB4F.js"/>
  3561.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/intl-DWyoUv85.js"/>
  3562.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Card-D7oEcqHa.js"/>
  3563.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconHome-DYujAcsf.js"/>
  3564.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Accordion-hUQFw0Oc.js"/>
  3565.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/SimpleGrid-MkCOfUZQ.js"/>
  3566.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconPhone-BOyNJmdm.js"/>
  3567.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/List-CoMlKvZm.js"/>
  3568.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconClock-CvFi97kF.js"/>
  3569.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconBrandX-KUtong76.js"/>
  3570.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ActionIcon-T2wrklNi.js"/>
  3571.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Space-BlY-_SlC.js"/>
  3572.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Grid-TBLxdJ9j.js"/>
  3573.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-CzLNwLPR.js"/>
  3574.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/domain-handler-CjBNABR2.js"/>
  3575.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Divider-ByTcktLA.js"/>
  3576.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-zX0GNUb5.js"/>
  3577.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js"/>
  3578.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/css-utils-Besm3d-a.js"/>
  3579.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/date-iqfia02M.js"/>
  3580.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconUser-BOVPdwjS.js"/>
  3581.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconEye-DCwKv6TM.js"/>
  3582.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Avatar-t1ZxVloE.js"/>
  3583.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/marketplace-COsoHzI-.js"/>
  3584.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AspectRatio-KzdXwOC_.js"/>
  3585.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/StyleSwitcher-DiXS-qE9.js"/>
  3586.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/string-strip-html.esm-ChUPuy61.js"/>
  3587.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconSearch-DPc4z3Xz.js"/>
  3588.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconDownload-DcAOnm_w.js"/>
  3589.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconNotes-D62dAqR8.js"/>
  3590.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DimmedNotice-B8Zg4xu5.js"/>
  3591.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/articles-CvhJqmHu.js"/>
  3592.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Carousel-B2wFBU8_.js"/>
  3593.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gallery-Dlob3adk.js"/>
  3594.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconArrowRight-C8cXQuKT.js"/>
  3595.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/NewsCard-DR1zpLyY.js"/>
  3596.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/date-BcFm9A5P.js"/>
  3597.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-DoZmgI3r.js"/>
  3598.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ProductCard-Ci2sVkVs.js"/>
  3599.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/fallback-CKe0budL.js"/>
  3600.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/org-CjV1wzlA.js"/>
  3601.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Tooltip-DQjcBEub.js"/>
  3602.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/HTMLRenderer-GRZM0zFv.js"/>
  3603.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Spoiler-BoNHG3Os.js"/>
  3604.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/MapSection-wS5c270V.js"/>
  3605.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/PageContainer-IQNGUv2t.js"/>
  3606.    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-B2lGl7YC.js"/>
  3607. <a style="display:none" href="https://desasungaipayang.id/" rel="dofollow">situs toto</a>
  3608.    <script>
  3609.      window.__remixContext = {
  3610.        "url": "/",
  3611.        "basename": "/",
  3612.        "state": {
  3613.          "loaderData": {
  3614.            "root": {
  3615.              "env": {
  3616.                "VITE_ASSET_BASE_URL": "https://cdn.digitaldesa.com/statics",
  3617.                "VITE_CONTENT_BASE_URL": "https://cdn.digitaldesa.com/uploads",
  3618.                "VITE_MAIN_BASE_URL": "https://assets.digitaldesa.id",
  3619.                "VITE_GRAPHQL_ENDPOINT": "https://api-profil-v2.digitaldesa.id/grapher",
  3620.                "VITE_GRAPHQL_ACCESS_WEBTOKEN": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkRHRFNXVCJ9.eyJyb2wiOiJ1c2VyIiwic3ViIjoiZGlnaWRlcy5pZCIsImZsZyI6IlZFUklGSUVEIiwiZXhwIjo0NzA3Njk1Mzk4LCJ2ZXIiOiJwcm9maWxAZGlnaXRhbGRlc2EuaWQifQ.h_K3tP_9DCOVLHkZ1w-wO2nWOBrM54yTvCbQ0kgw7a4",
  3621.                "VITE_GOOGLE_OAUTH_CLIENT_ID": "262708630123-dm8t5c0leauujuvru4okrcuhe8upvbmt.apps.googleusercontent.com",
  3622.                "VITE_FACEBOOK_OAUTH_CLIENT_ID": "",
  3623.                "VITE_RECAPTCHA_SITE_KEY": "6Lep520pAAAAABk2APNkzFY9wrK-buVGiaJb2tkP",
  3624.                "VITE_GA_ID": "G-FLQYW0G73E",
  3625.                "VITE_MAPTILER_KEY": "jspyY6xUXXKisvWc93N7"
  3626.              },
  3627.              "slug": "gumbrih",
  3628.              "schema": "73_06_06_2003",
  3629.              "host": {
  3630.                "host": "gumbrih.{domain}",
  3631.                "code": "73.06.06.2003",
  3632.                "schema": "73_06_06_2003",
  3633.                "slug": "gumbrih",
  3634.                "canonHost": "gumbrih.digitaldesa.id",
  3635.                "canonUrl": "http://gumbrih.digitaldesa.id/"
  3636.              },
  3637.              "profile": {
  3638.                "postalCode": "92171",
  3639.                "welcome": {
  3640.                  "backgroundURL": "8262295301dbf385dc1ea86ec37421a2.jpeg"
  3641.                },
  3642.                "alias": {
  3643.                  "dusun": "Dusun",
  3644.                  "kadus": "Kepala Dusun",
  3645.                  "deskel": "Kelurahan",
  3646.                  "kades": "Kepala Kelurahan",
  3647.                  "kecamatan": "Kecamatan",
  3648.                  "camat": "Camat",
  3649.                  "kabkota": "Kabupaten",
  3650.                  "bupati": "Bupati",
  3651.                  "provinsi": "Provinsi",
  3652.                  "gubernur": "Gubernur",
  3653.                  "BPD": "Badan Permusyawaratan Kelurahan"
  3654.                },
  3655.                "name": {
  3656.                  "deskel": "Sukamurni",
  3657.                  "ibukota": "Lewoleba",
  3658.                  "kabkota": "Maros",
  3659.                  "kecamatan": "Turikale",
  3660.                  "provinsi": "Sulawesi Selatan"
  3661.                },
  3662.                "serviceEmail": "gumbrihsid@gmail.com",
  3663.                "socialMedia": {
  3664.                  "facebook": "https://www.facebook.com/profile.php?id=100068858821303\u0026mibextid=ZbWKwL",
  3665.                  "instagram": "https://instagram.com/desa.gumbrih?igshid=YmMyMTA2M2Y=",
  3666.                  "tiktok": "#",
  3667.                  "twitter": "https://twitter.com/gumbrihdesaku?s=11\u0026t=6qaeaLKhtsGQpFkIuorcLg",
  3668.                  "youtube": "https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw"
  3669.                },
  3670.                "phone": "08xxxxxxxxxx",
  3671.                "servicePhone": "08xxxxxxxxxx",
  3672.                "workHour": "07.30 - 16.00 WITA",
  3673.                "contact": "",
  3674.                "email": "gumbrihsid@gmail.com",
  3675.                "logoURL": "gowakab.png",
  3676.                "officeAddress": "Kelurahan Turikale, Kec. Turikale, Kab. Maros Prov. Sulawesi Selatan 86691",
  3677.                "description": "[Deskripsi desa]",
  3678.                "timezone": 8,
  3679.                "primaryPalette": []
  3680.              },
  3681.              "baseDomain": "digitaldesa.id",
  3682.              "url": "http://gumbrih.digitaldesa.id/",
  3683.              "locale": "ID",
  3684.              "user": {}
  3685.            },
  3686.            "routes/_": null,
  3687.            "routes/_._index": null
  3688.          },
  3689.          "actionData": null,
  3690.          "errors": null
  3691.        },
  3692.        "future": {
  3693.          "v3_fetcherPersist": false,
  3694.          "v3_relativeSplatPath": false,
  3695.          "v3_throwAbortReason": false,
  3696.          "unstable_singleFetch": false,
  3697.          "unstable_fogOfWar": false
  3698.        },
  3699.        "isSpaMode": false
  3700.      };
  3701.    </script>
  3702.    <script type="module" async="">
  3703.      import "https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js";
  3704.      import * as route0 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js";
  3705.      import * as route1 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js";
  3706.      import * as route2 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-B2lGl7YC.js";
  3707.      window.__remixRouteModules = {
  3708.        "root": route0,
  3709.        "routes/_": route1,
  3710.        "routes/_._index": route2
  3711.      };
  3712.      import("https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js");
  3713.    </script>
  3714.  </body>
  3715. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda