PageSourceSearch

https://desabangunsari.net/infografis/

html desabangunsari.net collected 2026-09-29 16:09:02 UTC 160,104 bytes, 2,129 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4  <head>
5    <meta charSet="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <link rel="preconnect" href="https://fonts.googleapis.com" />
8    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
9    <link href="https://fonts.googleapis.com/css2?family=Outfit&amp;display=swap" rel="stylesheet" />
10    <title>Statistik Penduduk | Website Resmi Desa Bangun Sari</title>
11    <meta property="og:title" content="Statistik Penduduk Desa Bangun Sari" />
12    <meta name="description" content="Website Resmi Desa Bangun Sari, bekerja sama dengan DIGIDES" />
13    <meta property="og:description" content="Website Resmi Desa Bangun Sari, bekerja sama dengan DIGIDES" />
14    <meta name="canonical" content="https://desabangunsari.net/" />
15    <meta name="robots" content="index, follow" />
16    <meta name="application-name" content="Website Profil Desa by DIGIDES" />
17    <meta name="generator" content="Remix" />
18    <meta name="publisher" content="Pemerintah Desa Bangun Sari" />
19    <link rel="icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" />
20    <meta property="og:url" content="https://Bangun Sari.digitaldesa.id/infografis/penduduk" />
21    <meta property="og:site_name" content="Website Resmi Desa Bangun Sari" />
22    <meta property="og:image" content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" />
23    <meta property="og:image:width" content="256" />
24    <meta property="og:image:height" content="256" />
25    <meta property="og:image:alt" content="Logo Desa Bangun Sari" />
26    <meta property="og:locale" content="id_ID" />
27    <meta property="og:type" content="website" />
28    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-CKLW1QS4.css" />
29    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DNBMDKXY.css" />
30    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-C4CBZJHj.css" />
31    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-BQaDTEMx.css" />
32    
32<script data-mantine-script="true">
33      try {
34        var _colorScheme = window.localStorage.getItem("mantine-color-scheme-value");
35        var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "light";
36        var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
37        document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
38      } catch (e) {}
39    </script>
vendor: 62 bytes, lines 39-40
39
40    <script src="https://www.googletagmanager.com/gtag/js?id=
40G-FLQYW0G73E
vendor: 16 bytes, lines 40-41
40"></script>
41    
41<script id="google-analytics">
42      
vendor: 163 bytes, lines 42-48
42window.dataLayer = window.dataLayer || [];
43
44      function gtag() {
45        dataLayer.push(arguments);
46      }
47      gtag('js', new Date());
48      gtag('config', '
48G-FLQYW0G73E
vendor: 63 bytes, lines 48-51
48', {
49        page_path: window.location.pathname
50      });
51    
51</script>
51
52  </head>
53  <body>
54    <style data-mantine-styles="true">
55      :root {
56        --mantine-font-family: Outfit;
57        --mantine-font-family-headings: Outfit;
58        --mantine-primary-color-filled: var(--mantine-color-primary-filled);
59        --mantine-primary-color-filled-hover: var(--mantine-color-primary-filled-hover);
60        --mantine-primary-color-light: var(--mantine-color-primary-light);
61        --mantine-primary-color-light-hover: var(--mantine-color-primary-light-hover);
62        --mantine-primary-color-light-color: var(--mantine-color-primary-light-color);
63        --mantine-primary-color-0: var(--mantine-color-primary-0);
64        --mantine-primary-color-1: var(--mantine-color-primary-1);
65        --mantine-primary-color-2: var(--mantine-color-primary-2);
66        --mantine-primary-color-3: var(--mantine-color-primary-3);
67        --mantine-primary-color-4: var(--mantine-color-primary-4);
68        --mantine-primary-color-5: var(--mantine-color-primary-5);
69        --mantine-primary-color-6: var(--mantine-color-primary-6);
70        --mantine-primary-color-7: var(--mantine-color-primary-7);
71        --mantine-primary-color-8: var(--mantine-color-primary-8);
72        --mantine-primary-color-9: var(--mantine-color-primary-9);
73        --mantine-color-primary-0: #B3FFEA;
74        --mantine-color-primary-1: #73EDC5;
75        --mantine-color-primary-2: #52C7A1;
76        --mantine-color-primary-3: #4A977E;
77        --mantine-color-primary-4: #298064;
78        --mantine-color-primary-5: #0F7050;
79        --mantine-color-primary-6: #006643;
80        --mantine-color-primary-7: #005936;
81        --mantine-color-primary-8: #004329;
82        --mantine-color-primary-9: #00321F;
83        --mantine-color-secondary-0: #E3FFC1;
84        --mantine-color-secondary-1: #B9E581;
85        --mantine-color-secondary-2: #95FD0F;
86        --mantine-color-secondary-3: #77FA00;
87        --mantine-color-secondary-4: #59BD00;
88        --mantine-color-secondary-5: #438E00;
89        --mantine-color-secondary-6: #326A00;
90        --mantine-color-secondary-7: #265000;
91        --mantine-color-secondary-8: #000000;
92        --mantine-color-secondary-9: #000000;
93      }
94
95      :root[data-mantine-color-scheme="dark"] {
96        --mantine-color-anchor: var(--mantine-color-primary-4);
97        --mantine-color-primary-text: var(--mantine-color-primary-4);
98        --mantine-color-primary-filled: var(--mantine-color-primary-8);
99        --mantine-color-primary-filled-hover: var(--mantine-color-primary-9);
100        --mantine-color-primary-light: rgba(0, 102, 67, 0.15);
101        --mantine-color-primary-light-hover: rgba(0, 102, 67, 0.2);
102        --mantine-color-primary-light-color: var(--mantine-color-primary-3);
103        --mantine-color-primary-outline: var(--mantine-color-primary-4);
104        --mantine-color-primary-outline-hover: rgba(41, 128, 100, 0.05);
105        --mantine-color-secondary-text: var(--mantine-color-secondary-4);
106        --mantine-color-secondary-filled: var(--mantine-color-secondary-8);
107        --mantine-color-secondary-filled-hover: var(--mantine-color-secondary-9);
108        --mantine-color-secondary-light: rgba(50, 106, 0, 0.15);
109        --mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.2);
110        --mantine-color-secondary-light-color: var(--mantine-color-secondary-3);
111        --mantine-color-secondary-outline: var(--mantine-color-secondary-4);
112        --mantine-color-secondary-outline-hover: rgba(89, 189, 0, 0.05);
113      }
114
115      :root[data-mantine-color-scheme="light"] {
116        --mantine-color-anchor: var(--mantine-color-primary-6);
117        --mantine-color-primary-text: var(--mantine-color-primary-filled);
118        --mantine-color-primary-filled: var(--mantine-color-primary-6);
119        --mantine-color-primary-filled-hover: var(--mantine-color-primary-7);
120        --mantine-color-primary-light: rgba(0, 102, 67, 0.1);
121        --mantine-color-primary-light-hover: rgba(0, 102, 67, 0.12);
122        --mantine-color-primary-light-color: var(--mantine-color-primary-6);
123        --mantine-color-primary-outline: var(--mantine-color-primary-6);
124        --mantine-color-primary-outline-hover: rgba(0, 102, 67, 0.05);
125        --mantine-color-secondary-text: var(--mantine-color-secondary-filled);
126        --mantine-color-secondary-filled: var(--mantine-color-secondary-6);
127        --mantine-color-secondary-filled-hover: var(--mantine-color-secondary-7);
128        --mantine-color-secondary-light: rgba(50, 106, 0, 0.1);
129        --mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.12);
130        --mantine-color-secondary-light-color: var(--mantine-color-secondary-6);
131        --mantine-color-secondary-outline: var(--mantine-color-secondary-6);
132        --mantine-color-secondary-outline-hover: rgba(50, 106, 0, 0.05);
133      }
134    </style>
135    <style data-mantine-styles="classes">
136      @media (max-width: 35.99375em) {
137        .mantine-visible-from-xs {
138          display: none !important;
139        }
140      }
141
142      @media (min-width: 36em) {
143        .mantine-hidden-from-xs {
144          display: none !important;
145        }
146      }
147
148      @media (max-width: 47.99375em) {
149        .mantine-visible-from-sm {
150          display: none !important;
151        }
152      }
153
154      @media (min-width: 48em) {
155        .mantine-hidden-from-sm {
156          display: none !important;
157        }
158      }
159
160      @media (max-width: 61.99375em) {
161        .mantine-visible-from-md {
162          display: none !important;
163        }
164      }
165
166      @media (min-width: 62em) {
167        .mantine-hidden-from-md {
168          display: none !important;
169        }
170      }
171
172      @media (max-width: 74.99375em) {
173        .mantine-visible-from-lg {
174          display: none !important;
175        }
176      }
177
178      @media (min-width: 75em) {
179        .mantine-hidden-from-lg {
180          display: none !important;
181        }
182      }
183
184      @media (max-width: 87.99375em) {
185        .mantine-visible-from-xl {
186          display: none !important;
187        }
188      }
189
190      @media (min-width: 88em) {
191        .mantine-hidden-from-xl {
192          display: none !important;
193        }
194      }
195    </style>
196    <style data-mantine-styles="inline">
197      :root {
198        --app-shell-padding: 0px;
199      }
200    </style>
201    <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">
202      <style data-mantine-styles="inline">
203        .__m__-R3deql {
204          padding-inline: calc(0.625rem * var(--mantine-scale));
205          background: var(--mantine-color-primary-6);
206        }
207
208        @media(min-width: 48em) {
209          .__m__-R3deql {
210            padding-inline: calc(1.875rem * var(--mantine-scale));
211            background: var(--mantine-color-primary-6);
212          }
213        }
214      </style>
215      <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">
216        <div style="--group-gap:0rem;--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
217          <a style="text-decoration:none" data-discover="true" href="/">
218            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
219              <style data-mantine-styles="inline">
220                .__m__-Rd9mjdeql {
221                  width: calc(2.5rem * var(--mantine-scale));
222                }
223
224                @media(min-width: 48em) {
225                  .__m__-Rd9mjdeql {
226                    width: calc(3.125rem * var(--mantine-scale));
227                  }
228                }
229
230                @media(min-width: 62em) {
231                  .__m__-Rd9mjdeql {
232                    width: calc(3.75rem * var(--mantine-scale));
233                  }
234                }
235
236                @media(min-width: 75em) {
237                  .__m__-Rd9mjdeql {
238                    width: calc(4.375rem * var(--mantine-scale));
239                  }
240                }
241              </style>
242              <img class="m-9e117634 mantine-Image-root __m__-Rd9mjdeql" src="https://encrypted-tbn0.gstatic.
242com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Logo" />
243              <style data-mantine-styles="inline">
244                .__m__-Rl9mjdeql {
245                  color: #fff;
246                }
247
248                @media(min-width: 48em) {
249                  .__m__-Rl9mjdeql {
250                    color: var(--mantine-color-white);
251                  }
252                }
253              </style>
254              <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root __m__-Rl9mjdeql">
255                <style data-mantine-styles="inline">
256                  @media(min-width: 48em) {
257                    .__m__-Rdl9mjdeql {
258                      font-size: var(--mantine-font-size-sm);
259                    }
260                  }
261
262                  @media(min-width: 62em) {
263                    .__m__-Rdl9mjdeql {
264                      font-size: var(--mantine-font-size-md);
265                    }
266                  }
267
268                  @media(min-width: 75em) {
269                    .__m__-Rdl9mjdeql {
270                      font-size: var(--mantine-font-size-lg);
271                    }
272                  }
273                </style>
274                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdl9mjdeql">Desa Bangun Sari</p>
275                <style data-mantine-styles="inline">
276                  .__m__-Rll9mjdeql {
277                    font-size: var(--mantine-font-size-xs);
278                  }
279
280                  @media(min-width: 48em) {
281                    .__m__-Rll9mjdeql {
282                      font-size: var(--mantine-font-size-xs);
283                    }
284                  }
285
286                  @media(min-width: 62em) {
287                    .__m__-Rll9mjdeql {
288                      font-size: var(--mantine-font-size-sm);
289                    }
290                  }
291
292                  @media(min-width: 75em) {
293                    .__m__-Rll9mjdeql {
294                      font-size: var(--mantine-font-size-md);
295                    }
296                  }
297                </style>
298                <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rll9mjdeql">Kabupaten
299                  <!-- -->
300                  <!-- -->Deli Serdang
301                </p>
302              </div>
303            </div>
304          </a>
305          <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
306            <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">
307              <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="/">
308                <style data-mantine-styles="inline">
309                  @media(min-width: 48em) {
310                    .__m__-Rd3bamjdeql {
311                      color: var(--mantine-color-white);
312                      font-size: var(--mantine-font-size-sm);
313                    }
314                  }
315
316                  @media(min-width: 62em) {
317                    .__m__-Rd3bamjdeql {
318                      font-size: var(--mantine-font-size-md);
319                    }
320                  }
321
322                  @media(min-width: 75em) {
323                    .__m__-Rd3bamjdeql {
324                      font-size: var(--mantine-font-size-lg);
325                    }
326                  }
327                </style>
328                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd3bamjdeql">Home</p>
329              </a>
330              <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">
331                <style data-mantine-styles="inline">
332                  @media(min-width: 48em) {
333                    .__m__-Rd5bamjdeql {
334                      color: var(--mantine-color-white);
335                      font-size: var(--mantine-font-size-sm);
336                    }
337                  }
338
339                  @media(min-width: 62em) {
340                    .__m__-Rd5bamjdeql {
341                      font-size: var(--mantine-font-size-md);
342                    }
343                  }
344
345                  @media(min-width: 75em) {
346                    .__m__-Rd5bamjdeql {
347                      font-size: var(--mantine-font-size-lg);
348                    }
349                  }
350                </style>
351                <p style="font-weight:bold" class="mantine-focus-auto m-b6
351d8b162 mantine-Text-root __m__-Rd5bamjdeql">Profil Desa</p>
352              </a>
353              <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="/infografis">
354                <style data-mantine-styles="inline">
355                  @media(min-width: 48em) {
356                    .__m__-Rd7bamjdeql {
357                      color: var(--mantine-color-white);
358                      font-size: var(--mantine-font-size-sm);
359                    }
360                  }
361
362                  @media(min-width: 62em) {
363                    .__m__-Rd7bamjdeql {
364                      font-size: var(--mantine-font-size-md);
365                    }
366                  }
367
368                  @media(min-width: 75em) {
369                    .__m__-Rd7bamjdeql {
370                      font-size: var(--mantine-font-size-lg);
371                    }
372                  }
373                </style>
374                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd7bamjdeql">Infografis</p>
375              </a>
376              <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">
377                <style data-mantine-styles="inline">
378                  @media(min-width: 48em) {
379                    .__m__-Rd9bamjdeql {
380                      color: var(--mantine-color-white);
381                      font-size: var(--mantine-font-size-sm);
382                    }
383                  }
384
385                  @media(min-width: 62em) {
386                    .__m__-Rd9bamjdeql {
387                      font-size: var(--mantine-font-size-md);
388                    }
389                  }
390
391                  @media(min-width: 75em) {
392                    .__m__-Rd9bamjdeql {
393                      font-size: var(--mantine-font-size-lg);
394                    }
395                  }
396                </style>
397                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd9bamjdeql">Listing</p>
398              </a>
399              <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">
400                <style data-mantine-styles="inline">
401                  @media(min-width: 48em) {
402                    .__m__-Rdbbamjdeql {
403                      color: var(--mantine-color-white);
404                      font-size: var(--mantine-font-size-sm);
405                    }
406                  }
407
408                  @media(min-width: 62em) {
409                    .__m__-Rdbbamjdeql {
410                      font-size: var(--mantine-font-size-md);
411                    }
412                  }
413
414                  @media(min-width: 75em) {
415                    .__m__-Rdbbamjdeql {
416                      font-size: var(--mantine-font-size-lg);
417                    }
418                  }
419                </style>
420                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdbbamjdeql">IDM</p>
421              </a>
422              <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">
423                <style data-mantine-styles="inline">
424                  @media(min-width: 48em) {
425                    .__m__-Rddbamjdeql {
426                      color: var(--mantine-color-white);
427                      font-size: var(--mantine-font-size-sm);
428                    }
429                  }
430
431                  @media(min-width: 62em) {
432                    .__m__-Rddbamjdeql {
433                      font-size: var(--mantine-font-size-md);
434                    }
435                  }
436
437                  @media(min-width: 75em) {
438                    .__m__-Rddbamjdeql {
439                      font-size: var(--mantine-font-size-lg);
440                    }
441                  }
442                </style>
443                <p style="font-weight:bold" class="mantine-focus-auto m-b6
443d8b162 mantine-Text-root __m__-Rddbamjdeql">Berita</p>
444              </a>
445              <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">
446                <style data-mantine-styles="inline">
447                  @media(min-width: 48em) {
448                    .__m__-Rdfbamjdeql {
449                      color: var(--mantine-color-white);
450                      font-size: var(--mantine-font-size-sm);
451                    }
452                  }
453
454                  @media(min-width: 62em) {
455                    .__m__-Rdfbamjdeql {
456                      font-size: var(--mantine-font-size-md);
457                    }
458                  }
459
460                  @media(min-width: 75em) {
461                    .__m__-Rdfbamjdeql {
462                      font-size: var(--mantine-font-size-lg);
463                    }
464                  }
465                </style>
466                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdfbamjdeql">Belanja</p>
467              </a>
468              <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">
469                <style data-mantine-styles="inline">
470                  @media(min-width: 48em) {
471                    .__m__-Rdhbamjdeql {
472                      color: var(--mantine-color-white);
473                      font-size: var(--mantine-font-size-sm);
474                    }
475                  }
476
477                  @media(min-width: 62em) {
478                    .__m__-Rdhbamjdeql {
479                      font-size: var(--mantine-font-size-md);
480                    }
481                  }
482
483                  @media(min-width: 75em) {
484                    .__m__-Rdhbamjdeql {
485                      font-size: var(--mantine-font-size-lg);
486                    }
487                  }
488                </style>
489                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdhbamjdeql">PPID</p>
490              </a>
491            </div>
492            <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>
493          </div>
494          <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">
495            <div class="m-d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div>
496          </button>
497        </div>
498      </header>
499      <div class="">
500        <style data-mantine-styles="inline">
501          .__m__-R2ldeql {
502            margin-top: calc(2.5rem * var(--mantine-scale));
503          }
504
505          @media(min-width: 48em) {
506            .__m__-R2ldeql {
507              margin-top: calc(5rem * var(--mantine-scale));
508            }
509          }
510
511          @media(min-width: 75em) {
512            .__m__-R2ldeql {
513              max-width: var(--mantine-breakpoint-lg);
514            }
515          }
516
517          @media(min-width: 88em) {
518            .__m__-R2ldeql {
519              max-width: var(--mantine-breakpoint-xl);
520            }
521          }
522        </style>
523        <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__-R2ldeql">
524          <div style="--tabs-radius:var(--mantine-radius-default);--tabs-color:var(--mantine-color-primary-filled)" class="m-89d60db1 mantine-Tabs-root" data-variant="default" data-orientation="horizontal" id="mantine-R2mldeql">
525            <div style="--sa-corner-width:0px;--sa-corner-height:0px;width:90vw" class="m-d57069b5 mantine-ScrollArea-root">
526              <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy">
527                <div style="min-width:100%;display:table">
528                  <div style="margin:auto;margin-bottom:calc(1.875rem * var(--mantine-scale));color:#5A5E62;width:calc(37.5rem * var(--mantine-scale))" class="m-576c9d4 m-89d33d6d mantine-Tabs-list mantine-hidden-from-sm" data-variant="default" data-grow="true" data-orientation="horizontal" role="tablist" aria-orientation="horizontal">
529                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-active="true" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-penduduk" aria-selected="true" tabindex="0" aria-controls="mantine-R2mldeql-panel-penduduk" data-discover="true" href="/infografis/penduduk">
530                      <span class="mantine-Tabs-tabLabel">
531                        <div style="display:block;text-align:center;font-weight:bold">
532                          <div>
533                            <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-users" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
534                              <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
535                              <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path>
536                              <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
537                              <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path>
538                            </svg>
539                          </div>Penduduk
540                        </div>
541                      </span>
542                    </a>
543                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-apbdes" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-apbdes" data-discover="true" href="/infografis/apbdes">
544                      <span class="mantine-Tabs-tabLabel">
545                        <div style="display:block;text-align:center;font-weight:bold">
546                          <div>
547                            <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-cash" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
548                              <path d="M7 9m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
549                              <path d="M14 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
550                              <path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2"></path>
551                            </svg>
552                          </div>APBDes
553                        </div>
554                      </span>
555                    </a>
556                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-stunting" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-stunting" data-discover="true" href="/infografis/stunting">
557                      <span class="mantine-Tabs-tabLabel">
558                        <div style="display:block;text-align:center;font-weight:bold">
559                          <div>
560                            <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-chart-bar" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
561                              <path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
562                              <path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
563                              <path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
564                              <path d="M4 20l14 0"></path>
565                            </svg>
566                          </div>Stunting
567                        </div>
568                      </span>
569                    </a>
570                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-bansos" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-bansos" data-discover="true" href="/infografis/bansos">
571                      <span class="mantine-Tabs-tabLabel">
572                        <div style="display:block;text-align:center;font-weight:bold">
573                          <div>
574                            <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-package" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
575                              <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5"></path>
576                              <path d="M12 12l8 -4.5"></path>
577                              <path d="M12 12l0 9"></path>
578                              <path d="M12 12l-8 -4.5"></path>
579                              <path d="M16 5.25l-8 4.5"></path>
580                            </svg>
581                          </div>Bansos
582                        </div>
583                      </span>
584                    </a>
585                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-idm" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-idm" data-discover="true" href="/infografis/idm">
586                      <span class="mantine-Tabs-tabLabel">
587                        <div style="display:block;text-align:center;font-weight:bold">
588                          <div>
589                            <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-crown" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
590                              <path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z"></path>
591                            </svg>
592                          </div>IDM
593                        </div>
594                      </span>
595                    </a>
596                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-sdgs" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-sdgs" data-discover="true" href="/infografis/sdgs">
597                      <span class="mantine-Tabs-tabLabel">
598                        <div style="display:block;text-align:center;font-weight:bold">
599                          <div>
600                            <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-numbers" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
601                              <path d="M8 10v-7l-2 2"></path>
602                              <path d="M6 16a2 2 0 1 1 4 0c0 .591 -.601 1.46 -1 2l-3 3h4"></path>
603                              <path d="M15 14a2 2 0 1 0 2 -2a2 2 0 1 0 -2 -2"></path>
604                              <path d="M6.5 10h3"></path>
605                            </svg>
606                          </div>SDGs
607                        </div>
608                      </span>
609                    </a>
610                  </div>
611                </div>
612              </div>
613              <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" style="position:absolute;--sa-thumb-width:18px"></div>
614              <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
615            </div>
616            <style data-mantine-styles="inline">
617              .__m__-R5emldeql {
618                --grid-gutter: var(--mantine-spacing-xs);
619              }
620            </style>
621            <div style="--grid-justify:center;--grid-align:center" class="m-410352e9 mantine-Grid-root __m__-R5emldeql mantine-visible-from-sm">
622              <div class="m-dee7bd2f mantine-Grid-inner">
623                <style data-mantine-styles="inline">
624                  .__m__-Rrdemldeql {
625                    --col-flex-grow: 1;
626                    --col-flex-basis: 41.66666666666667%;
627                    --col-max-width: 100%;
628                  }
629                </style>
630                <div class="m-96bdd299 mantine-Grid-col __m__-Rrdemldeql">
631                  <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">Infografis <br />Desa
632                    <!-- -->
633                    <!-- -->Bangun Sari
634                  </h1>
635                </div>
636                <style data-mantine-styles="inline">
637                  .__m__-R1bdemldeql {
638                    --col-flex-grow: 1;
639                    --col-flex-basis: 58.333333333333336%;
640                    --col-max-width: 100%;
641                  }
642                </style>
643                <div class="m-96bdd299 mantine-Grid-col __m__-R1bdemldeql">
644                  <div style="color:#5A5E62" class="m-576c9d4 m-89d33d6d mantine-Tabs-list" data-variant="default" data-grow="true" data-orientation="horizontal" role="tablist" aria-orientation="horizontal">
645                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-active="true" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-penduduk" aria-selected="true" tabindex="0" aria-controls="mantine-R2mldeql-panel-penduduk" data-discover="true" href="/infografis/penduduk">
646                      <span class="mantine-Tabs-tabLabel">
647                        <div style="display:block;text-align:center;font-weight:bold">
648                          <div>
649                            <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-users" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
650                              <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
651                              <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path>
652                              <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
653                              <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path>
654                            </svg>
655                          </div>Penduduk
656                        </div>
657                      </span>
658                    </a>
659                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-apbdes" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-apbdes" data-discover="true" href="/infografis/apbdes">
660                      <span class="mantine-Tabs-tabLabel">
661                        <div style="display:block;text-align:center;font-weight:bold">
662                          <div>
663                            <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-cash" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
664                              <path d="M7 9m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
665                              <path d="M14 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
666                              <path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2"></path>
667                            </svg>
668                          </div>APBDes
669                        </div>
670                      </span>
671                    </a>
672                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-stunting" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-stunting" data-discover="true" href="/infografis/stunting">
673                      <span class="mantine-Tabs-tabLabel">
674                        <div style="display:block;text-align:center;font-weight:bold">
675                          <div>
676                            <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-chart-bar" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
677                              <path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
678                              <path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
679                              <path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
680                              <path d="M4 20l14 0"></path>
681                            </svg>
682                          </div>Stunting
683                        </div>
684                      </span>
685                    </a>
686                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-bansos" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-bansos" data-discover="true" href="/infografis/bansos">
687                      <span class="mantine-Tabs-tabLabel">
688                        <div style="display:block;text-align:center;font-weight:bold">
689                          <div>
690                            <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-package" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
691                              <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5"></path>
692                              <path d="M12 12l8 -4.5"></path>
693                              <path d="M12 12l0 9"></path>
694                              <path d="M12 12l-8 -4.5"></path>
695                              <path d="M16 5.25l-8 4.5"></path>
696                            </svg>
697                          </div>Bansos
698                        </div>
699                      </span>
700                    </a>
701                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-idm" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-idm" data-discover="true" href="/infografis/idm">
702                      <span class="mantine-Tabs-tabLabel">
703                        <div style="display:block;text-align:center;font-weight:bold">
704                          <div>
705                            <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-crown" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
706                              <path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z"></path>
707                            </svg>
708                          </div>IDM
709                        </div>
710                      </span>
711                    </a>
712                    <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-sdgs" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-sdgs" data-discover="true" href="/infografis/sdgs">
713                      <span class="mantine-Tabs-tabLabel">
714                        <div style="display:block;text-align:center;font-weight:bold">
715                          <div>
716                            <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-numbers" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))">
717                              <path d="M8 10v-7l-2 2"></path>
718                              <path d="M6 16a2 2 0 1 1 4 0c0 .591 -.601 1.46 -1 2l-3 3h4"></path>
719                              <path d="M15 14a2 2 0 1 0 2 -2a2 2 0 1 0 -2 -2"></path>
720                              <path d="M6.5 10h3"></path>
721                            </svg>
722                          </div>SDGs
723                        </div>
724                      </span>
725                    </a>
726                  </div>
727                </div>
728              </div>
729            </div>
730          </div>
731          <div style="--stack-gap:calc(6.25rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
732            <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
733              <style data-mantine-styles="inline">
734                .__m__-R6inmldeql {
735                  --grid-gutter: var(--mantine-spacing-md);
736                }
737              </style>
738              <div style="--grid-align:center" class="m-410352e9 mantine-Grid-root __m__-R6inmldeql mantine-visible-from-sm">
739                <div class="m-dee7bd2f mantine-Grid-inner">
740                  <style data-mantine-styles="inline">
741                    .__m__-R1mminmldeql {
742                      --col-flex-grow: auto;
743                      --col-flex-basis: 50%;
744                      --col-max-width: 50%;
745                    }
746                  </style>
747                  <div class="m-96bdd299 mantine-Grid-col __m__-R1mminmldeql">
748                    <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);font-size:calc(2.75rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">DEMOGRAFI PENDUDUK</h1>
749                    <p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
749d8b162 mantine-Text-root">Memberikan informasi lengkap mengenai karakteristik demografi penduduk suatu wilayah. Mulai dari jumlah penduduk, usia, jenis kelamin, tingkat pendidikan, pekerjaan, agama, dan aspek penting lainnya yang menggambarkan komposisi populasi secara rinci.</p>
750                  </div>
751                  <style data-mantine-styles="inline">
752                    .__m__-R2mminmldeql {
753                      --col-flex-grow: auto;
754                      --col-flex-basis: 50%;
755                      --col-max-width: 50%;
756                    }
757                  </style>
758                  <div class="m-96bdd299 mantine-Grid-col __m__-R2mminmldeql">
759                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
760                      <img style="max-width:calc(31.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/other-1-DEP2VegA.png" alt="Other" />
761                    </div>
762                  </div>
763                </div>
764              </div>
765              <div style="--stack-gap:var(--mantine-spacing-xl);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
766                <style data-mantine-styles="inline">
767                  .__m__-Rqqinmldeql {
768                    font-size: calc(1.25rem * var(--mantine-scale));
769                    text-align: center;
770                  }
771
772                  @media(min-width: 48em) {
773                    .__m__-Rqqinmldeql {
774                      font-size: calc(2.75rem * var(--mantine-scale));
775                      text-align: start;
776                    }
777                  }
778
779                  @media(min-width: 62em) {
780                    .__m__-Rqqinmldeql {
781                      text-align: start;
782                    }
783                  }
784                </style>
785                <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)" class="m-8a5d1357 mantine-Title-root __m__-Rqqinmldeql" data-order="1">JUMLAH PENDUDUK</h1>
786                <style data-mantine-styles="inline">
787                  .__m__-R1aqinmldeql {
788                    --sg-spacing-x: var(--mantine-spacing-md);
789                    --sg-spacing-y: var(--mantine-spacing-md);
790                    --sg-cols: 2;
791                  }
792                </style>
793                <div style="text-align:center" class="m-2415a157 mantine-SimpleGrid-root __m__-R1aqinmldeql">
794                  <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
795                    <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" />
796                    <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>
797                    <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
798                  </div>
799                  <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
800                    <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" />
801                    <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>
802                    <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
802d8b162 mantine-Text-root">Kepala Keluarga</p>
803                  </div>
804                  <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
805                    <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" />
806                    <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">
807                      <!-- -->0
808                    </h1>
809                    <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
810                  </div>
811                  <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
812                    <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" />
813                    <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">
814                      <!-- -->0
815                    </h1>
816                    <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
817                  </div>
818                </div>
819              </div>
820              <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">
821                <div class="">
822                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2.375rem * var(--mantine-scale));color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Jumlah Penduduk dan Kepala Keluarga</h1>
823                </div>
824                <style data-mantine-styles="inline">
825                  .__m__-R1bainmldeql {
826                    --grid-gutter: var(--mantine-spacing-md);
827                  }
828                </style>
829                <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R1bainmldeql">
830                  <div class="m-dee7bd2f mantine-Grid-inner">
831                    <style data-mantine-styles="inline">
832                      .__m__-R6rbainmldeql {
833                        --col-flex-grow: auto;
834                        --col-flex-basis: 50%;
835                        --col-max-width: 50%;
836                      }
837                    </style>
838                    <div class="m-96bdd299 mantine-Grid-col __m__-R6rbainmldeql">
839                      <style data-mantine-styles="inline">
840                        .__m__-R1d6rbainmldeql {
841                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
842                        }
843                      </style>
844                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1d6rbainmldeql">
845                        <div class="m-dee7bd2f mantine-Grid-inner">
846                          <style data-mantine-styles="inline">
847                            .__m__-R6rd6rbainmldeql {
848                              --col-flex-grow: auto;
849                              --col-flex-basis: 33.333333333333336%;
850                              --col-max-width: 33.333333333333336%;
851                            }
852                          </style>
853                          <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rd6rbainmldeql">
854                            <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
855                              <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-total-penduduk-Du2cCbAO.svg" alt="Total Penduduk" />
856                            </div>
857                          </div>
858                          <style data-mantine-styles="inline">
859                            .__m__-Rard6rbainmldeql {
860                              --col-flex-grow: auto;
861                              --col-flex-basis: 66.66666666666667%;
862                              --col-max-width: 66.66666666666667%;
863                            }
864                          </style>
865                          <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rard6rbainmldeql">
866                            <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root">
867                              <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
867d8b162 mantine-Text-root">TOTAL PENDUDUK</p>
868                              <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">
869                                <span style="color:var(--mantine-color-primary-4)">
870                                  <!-- -->0
871                                </span>
872                                <!-- -->Jiwa
873                              </p>
874                            </div>
875                          </div>
876                        </div>
877                      </div>
878                    </div>
879                    <style data-mantine-styles="inline">
880                      .__m__-Rarbainmldeql {
881                        --col-flex-grow: auto;
882                        --col-flex-basis: 50%;
883                        --col-max-width: 50%;
884                      }
885                    </style>
886                    <div class="m-96bdd299 mantine-Grid-col __m__-Rarbainmldeql">
887                      <style data-mantine-styles="inline">
888                        .__m__-R1darbainmldeql {
889                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
890                        }
891                      </style>
892                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1darbainmldeql">
893                        <div class="m-dee7bd2f mantine-Grid-inner">
894                          <style data-mantine-styles="inline">
895                            .__m__-R6rdarbainmldeql {
896                              --col-flex-grow: auto;
897                              --col-flex-basis: 33.333333333333336%;
898                              --col-max-width: 33.333333333333336%;
899                            }
900                          </style>
901                          <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rdarbainmldeql">
902                            <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
903                              <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-kepala-keluarga-D4UfE36x.svg" alt="Kepala Keluarga" />
904                            </div>
905                          </div>
906                          <style data-mantine-styles="inline">
907                            .__m__-Rardarbainmldeql {
908                              --col-flex-grow: auto;
909                              --col-flex-basis: 66.66666666666667%;
910                              --col-max-width: 66.66666666666667%;
911                            }
912                          </style>
913                          <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rardarbainmldeql">
914                            <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root">
915                              <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">KEPALA KELUARGA</p>
916                              <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">
917                                <span style="color:var(--mantine-color-primary-4)">0</span>
918                                <!-- -->Jiwa
919                              </p>
920                            </div>
921                          </div>
922                        </div>
923                      </div>
924                    </div>
925                    <style data-mantine-styles="inline">
926                      .__m__-Rerbainmldeql {
927                        --col-flex-grow: auto;
928                        --col-flex-basis: 50%;
929                        --col-max-width: 50%;
930                      }
931                    </style>
932                    <div class="m-96bdd299 mantine-Grid-col __m__-Rerbainmldeql">
933                      <style data-mantine-styles="inline">
934                        .__m__-R1derbainmldeql {
935                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
936                        }
937                      </style>
938                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1derbainmldeql">
939                        <div class="m-dee7bd2f mantine-Grid-inner">
940                          <style data-mantine-styles="inline">
941                            .__m__-R6rderbainmldeql {
942                              --col-flex-grow: auto;
943                              --col-flex-basis: 33.333333333333336%;
944                              --col-max-width: 33.333333333333336%;
945                            }
946                          </style>
947                          <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rderbainmldeql">
948                            <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
949                              <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-perempuan-BCmUG8mA.svg" alt="Perempuan" />
950                            </div>
951                          </div>
952                          <style data-mantine-styles="inline">
953                            .__m__-Rarderbainmldeql {
954                              --col-flex-grow: auto;
955                              --col-flex-basis: 66.66666666666667%;
956                              --col-max-width: 66.66666666666667%;
957                            }
958                          </style>
959                          <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rarderbainmldeql">
960                            <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root">
961                              <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
961d8b162 mantine-Text-root">PEREMPUAN</p>
962                              <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">
963                                <span style="color:var(--mantine-color-primary-4)">
964                                  <!-- -->0
965                                </span>
966                                <!-- -->Jiwa
967                              </p>
968                            </div>
969                          </div>
970                        </div>
971                      </div>
972                    </div>
973                    <style data-mantine-styles="inline">
974                      .__m__-Rirbainmldeql {
975                        --col-flex-grow: auto;
976                        --col-flex-basis: 50%;
977                        --col-max-width: 50%;
978                      }
979                    </style>
980                    <div class="m-96bdd299 mantine-Grid-col __m__-Rirbainmldeql">
981                      <style data-mantine-styles="inline">
982                        .__m__-R1dirbainmldeql {
983                          --grid-gutter: calc(0.0625rem * var(--mantine-scale));
984                        }
985                      </style>
986                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1dirbainmldeql">
987                        <div class="m-dee7bd2f mantine-Grid-inner">
988                          <style data-mantine-styles="inline">
989                            .__m__-R6rdirbainmldeql {
990                              --col-flex-grow: auto;
991                              --col-flex-basis: 33.333333333333336%;
992                              --col-max-width: 33.333333333333336%;
993                            }
994                          </style>
995                          <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rdirbainmldeql">
996                            <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
997                              <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-laki-CmERQRaD.svg" alt="Laki-Laki" />
998                            </div>
999                          </div>
1000                          <style data-mantine-styles="inline">
1001                            .__m__-Rardirbainmldeql {
1002                              --col-flex-grow: auto;
1003                              --col-flex-basis: 66.66666666666667%;
1004                              --col-max-width: 66.66666666666667%;
1005                            }
1006                          </style>
1007                          <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rardirbainmldeql">
1008                            <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root">
1009                              <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">LAKI-LAKI</p>
1010                              <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">
1011                                <span style="color:var(--mantine-color-primary-4)">
1012                                  <!-- -->0
1013                                </span>
1014                                <!-- -->Jiwa
1015                              </p>
1016                            </div>
1017                          </div>
1018                        </div>
1019                      </div>
1020                    </div>
1021                  </div>
1022                </div>
1023              </div>
1024            </div>
1025            <style data-mantine-styles="inline">
1026              .__m__-R3nmldeql {
1027                margin-top: calc(-4.0625rem * var(--mantine-scale));
1028              }
1029
1030              @media(min-width: 48em) {
1031                .__m__-R3nmldeql {
1032                  margin-top: 0rem;
1033                }
1034              }
1035            </style>
1036            <div class="__m__-R3nmldeql">
1037              <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">
1038                <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-block:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50)" class="">
1039                  <style data-mantine-styles="inline">
1040                    .__m__-R6mmjnmldeql {
1041                      font-size: calc(1.25rem * var(--mantine-scale));
1042                      text-align: center;
1043                    }
1044
1045                    @media(min-width: 48em) {
1046                      .__m__-R6mmjnmldeql {
1047                        font-size: calc(2.75rem * var(--mantine-scale));
1048                        text-align: start;
1049                      }
1050                    }
1051
1052                    @media(min-width: 62em) {
1053                      .__m__-R6mmjnmldeql {
1054                        text-align: start;
1055                      }
1056                    }
1057                  </style>
1058                  <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)" class="m-8a5d1357 mantine-Title-root __m__-R6mmjnmldeql" data-order="1">BERDASARKAN KELOMPOK UMUR</h1>
1059                  <div style="height:450px;width:100%" class="echarts-for-react "></div>
1060                </div>
1061                <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #6DAB97;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class="">
1062                  <style data-mantine-styles="inline">
1063                    .__m__-R2qmjnmldeql {
1064                      font-size: calc(0.875rem * var(--mantine-scale));
1065                    }
1066
1067                    @media(min-width: 48em) {
1068                      .__m__-R2qmjnmldeql {
1069                        font-size: calc(1.125rem * var(--mantine-scale));
1070                      }
1071                    }
1072                  </style>
1073                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2qmjnmldeql">Sedang Menghitung...</p>
1074                </div>
1075                <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #FFB9A1;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class="">
1076                  <style data-mantine-styles="inline">
1077                    .__m__-R2umjnmldeql {
1078                      font-size: calc(0.875rem * var(--mantine-scale));
1079                    }
1080
1081                    @media(min-width: 48em) {
1082                      .__m__-R2umjnmldeql {
1083                        font-size: calc(1.125rem * var(--mantine-scale));
1084                      }
1085                    }
1086                  </style>
1087                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2umjnmldeql">Sedang Menghitung...</p>
1088                </div>
1089              </div>
1090              <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">
1091                <style data-mantine-styles="inline">
1092                  .__m__-R6qjnmldeql {
1093                    font-size: calc(1.25rem * var(--mantine-scale));
1094                    text-align: center;
1095                  }
1096
1097                  @media(min-width: 48em) {
1098                    .__m__-R6qjnmldeql {
1099                      font-size: calc(2.75rem * var(--mantine-scale));
1100                      text-align: start;
1101                    }
1102                  }
1103
1104                  @media(min-width: 62em) {
1105                    .__m__-R6qjnmldeql {
1106                      text-align: start;
1107                    }
1108                  }
1109                </style>
1110                <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)" class="m-8a5d1357 mantine-Title-root __m__-R6qjnmldeql" data-order="1">Berdasarkan Kelompok Umur</h1>
1111                <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-md);padding-block:var(--mantine-spacing-md);background:rgba(255, 255, 255, 0.50)" class="">
1112                  <div style="height:500px;width:100%" class="echarts-for-react "></div>
1113                </div>
1114                <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #6DAB97;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class="">
1115                  <style data-mantine-styles="inline">
1116                    .__m__-R5eqjnmldeql {
1117                      font-size: var(--mantine-font-size-md);
1118                    }
1119
1120                    @media(min-width: 48em) {
1121                      .__m__-R5eqjnmldeql {
1122                        font-size: calc(1.125rem * var(--mantine-scale));
1123                      }
1124                    }
1125                  </style>
1126                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5eqjnmldeql">Sedang Menghitung...</p>
1127                </div>
1128                <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #FFB9A1;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class="">
1129                  <style data-mantine-styles="inline">
1130                    .__m__-R5iqjnmldeql {
1131                      font-size: var(--mantine-font-size-md);
1132                    }
1133
1134                    @media(min-width: 48em) {
1135                      .__m__-R5iqjnmldeql {
1136                        font-size: calc(1.125rem * var(--mantine-scale));
1137                      }
1138                    }
1139                  </style>
1140                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5iqjnmldeql">Sedang Menghitung...</p>
1141                </div>
1142              </div>
1143            </div>
1144            <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">
1145              <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)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Dusun</h1>
1146              <div style="display:none" class="">
1147                <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1148                  <div style="width:50vw" class="">
1149                    <div style="height:300px;width:100%" class="echarts-for-react "></div>
1150                  </div>
1151                  <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;margin-top:calc(-9.375rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
1152                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.25rem * var(--mantine-scale));margin-bottom:calc(0.1875rem * var(--mantine-scale));margin-left:calc(-1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Keterangan:</h1>
1153                  </div>
1154                </div>
1155              </div>
1156            </div>
1157            <div style="display:none" class="mantine-visible-from-sm">
1158              <style data-mantine-styles="inline">
1159                .__m__-Rb4nmldeql {
1160                  padding: calc(0.625rem * var(--mantine-scale));
1161                }
1162
1163                @media(min-width: 48em) {
1164                  .__m__-Rb4nmldeql {
1165                    padding: calc(1.25rem * var(--mantine-scale));
1166                  }
1167                }
1168              </style>
1169              <div style="margin-inline:auto;background:var(--mantine-color-gray-1);
1169width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rb4nmldeql">
1170                <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1171                  <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-circle-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
1172                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
1173                    <path d="M10 10l4 4m0 -4l-4 4"></path>
1174                  </svg>
1175                  <style data-mantine-styles="inline">
1176                    .__m__-R2mr4nmldeql {
1177                      font-size: calc(1rem * var(--mantine-scale));
1178                    }
1179
1180                    @media(min-width: 48em) {
1181                      .__m__-R2mr4nmldeql {
1182                        font-size: calc(1.5rem * var(--mantine-scale));
1183                      }
1184                    }
1185                  </style>
1186                  <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2mr4nmldeql">Belum Ada Data</p>
1187                </div>
1188              </div>
1189            </div>
1190            <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">
1191              <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)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Pendidikan</h1>
1192              <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-md);padding-block:var(--mantine-spacing-md);background:rgba(255, 255, 255, 0.50)" class="">
1193                <div style="height:500px;width:100%" class="echarts-for-react "></div>
1194              </div>
1195            </div>
1196            <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">
1197              <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)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Pekerjaan</h1>
1198              <style data-mantine-styles="inline">
1199                .__m__-Ramnmldeql {
1200                  --grid-gutter: var(--mantine-spacing-md);
1201                }
1202              </style>
1203              <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Ramnmldeql">
1204                <div class="m-dee7bd2f mantine-Grid-inner">
1205                  <style data-mantine-styles="inline">
1206                    .__m__-R1mqmnmldeql {
1207                      --col-flex-grow: auto;
1208                      --col-flex-basis: 33.333333333333336%;
1209                      --col-max-width: 33.333333333333336%;
1210                    }
1211                  </style>
1212                  <div class="m-96bdd299 mantine-Grid-col __m__-R1mqmnmldeql">
1213                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(24.6875rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
1214                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy">
1215                        <div style="min-width:100%;display:table">
1216                          <table style="--table-horizontal-spacing:var(--mantine-spacing-md);--table-vertical-spacing:var(--mantine-spacing-sm);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50)" class="m-b23fa0ef mantine-Table-table">
1217                            <thead style="background-color:var(--mantine-color-primary-3);color:#fff" class="m-b242d975 mantine-Table-thead _header_kdmzr_
12171">
1218                              <tr style="font-size:calc(1.125rem * var(--mantine-scale))" class="m-4e7aa4fd mantine-Table-tr" data-with-row-border="true">
1219                                <th class="m-4e7aa4f3 mantine-Table-th">Jenis Pekerjaan</th>
1220                                <th class="m-4e7aa4f3 mantine-Table-th">Jumlah</th>
1221                              </tr>
1222                            </thead>
1223                            <tbody class="m-b2404537 mantine-Table-tbody"></tbody>
1224                          </table>
1225                        </div>
1226                      </div>
1227                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
1228                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
1229                    </div>
1230                  </div>
1231                  <style data-mantine-styles="inline">
1232                    .__m__-R2mqmnmldeql {
1233                      --col-flex-grow: auto;
1234                      --col-flex-basis: 66.66666666666667%;
1235                      --col-max-width: 66.66666666666667%;
1236                    }
1237                  </style>
1238                  <div class="m-96bdd299 mantine-Grid-col __m__-R2mqmnmldeql">
1239                    <style data-mantine-styles="inline">
1240                      .__m__-R5mmqmnmldeql {
1241                        --grid-gutter: var(--mantine-spacing-md);
1242                      }
1243                    </style>
1244                    <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R5mmqmnmldeql">
1245                      <div class="m-dee7bd2f mantine-Grid-inner"></div>
1246                    </div>
1247                  </div>
1248                </div>
1249              </div>
1250            </div>
1251            <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">
1252              <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)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Wajib Pilih</h1>
1253              <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);align-items:center;justify-content:center;padding-inline:var(--mantine-spacing-xl);padding-block:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);height:calc(30rem * var(--mantine-scale))" class="m-8bffd616 mantine-Flex-root __m__-Rannmldeql">
1254                <div style="display:none" class="">
1255                  <div style="height:100%;width:100%" class="echarts-for-react "></div>
1256                </div>
1257              </div>
1258              <div style="display:none" class="mantine-visible-from-sm">
1259                <style data-mantine-styles="inline">
1260                  .__m__-R2unnmldeql {
1261                    padding: calc(0.625rem * var(--mantine-scale));
1262                  }
1263
1264                  @media(min-width: 48em) {
1265                    .__m__-R2unnmldeql {
1266                      padding: calc(1.25rem * var(--mantine-scale));
1267                    }
1268                  }
1269                </style>
1270                <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2unnmldeql">
1271                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1272                    <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-circle-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
1273                      <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
1274                      <path d="M10 10l4 4m0 -4l-4 4"></path>
1275                    </svg>
1276                    <style data-mantine-styles="inline">
1277                      .__m__-Rlmunnmldeql {
1278                        font-size: calc(1rem * var(--mantine-scale));
1279                      }
1280
1281                      @media(min-width: 48em) {
1282                        .__m__-Rlmunnmldeql {
1283                          font-size: calc(1.5rem * var(--mantine-scale));
1284                        }
1285                      }
1286                    </style>
1287                    <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmunnmldeql">Belum Ada Data</p>
1288                  </div>
1289                </div>
1290              </div>
1291            </div>
1292            <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">
1293              <div class="">
1294                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2.375rem * var(--mantine-scale));color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Perkawinan</h1>
1295              </div>
1296              <style data-mantine-styles="inline">
1297                .__m__-Raonmldeql {
1298                  --grid-gutter: var(--mantine-spacing-md);
1299                }
1300              </style>
1301              <div style="--grid-justify:center;--grid-align:flex-start;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Raonmldeql">
1302                <div class="m-dee7bd2f mantine-Grid-inner"></div>
1303              </div>
1304            </div>
1305            <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">
1306              <div class="">
1307                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2.375rem * var(--mantine-scale));color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Agama</h1>
1308              </div>
1309              <style data-mantine-styles="inline">
1310                .__m__-Rapnmldeql {
1311                  --grid-gutter: var(--mantine-spacing-md);
1312                }
1313              </style>
1314              <div style="--grid-justify:center;--grid-align:flex-start;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Rapnmldeql">
1315                <div class="m-dee7bd2f mantine-Grid-inner"></div>
1316              </div>
1317            </div>
1318          </div>
1319        </div>
1320      </div>
1321      <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">
1322        <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">
1323          <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1324            <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="/">
1325              <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">
1326                <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
1327                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
1328                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
1329              </svg>
1330              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Beranda</p>
1331            </a>
1332            <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">
1333              <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">
1334                <path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h
13345.697"></path>
1335                <path d="M18 14v4h4"></path>
1336                <path d="M18 11v-4a2 2 0 0 0 -2 -2h-2"></path>
1337                <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>
1338                <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
1339                <path d="M8 11h4"></path>
1340                <path d="M8 15h3"></path>
1341              </svg>
1342              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p>
1343            </a>
1344            <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">
1345              <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">
1346                <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>
1347                <path d="M8 8l4 0"></path>
1348                <path d="M8 12l4 0"></path>
1349                <path d="M8 16l4 0"></path>
1350              </svg>
1351              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p>
1352            </a>
1353            <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">
1354              <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">
1355                <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>
1356                <path d="M9 11v-5a3 3 0 0 1 6 0v5"></path>
1357              </svg>
1358              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
1359            </a>
1360          </div>
1361        </div>
1362      </div>
1363      <div class="mantine-hidden-from-sm">
1364        <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">
1365          <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1366            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1367              <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&s" alt="Logo" />
1368              <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1369                <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">Desa Bangun Sari</p>
1370                <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
1371                  <!-- -->
1372                  <!-- -->Tanjung Morawa
1373                </p>
1374                <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
1375                  <!-- -->
1376                  <!-- -->Deli Serdang
1377                </p>
1378                <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
1379                  <!-- -->
1380                  <!-- -->Sumatera Utara
1381                </p>
1382              </div>
1383            </div>
1384            <div style="color:#fff" class="m-9bdbb667 mantine-Accordion-root" data-variant="filled" id="mantine-Ramr7deql" data-accordion="true">
1385              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
1386                <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">
1387                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
1388                    <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">
1389                      <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>
1390                    </svg>
1391                  </span>
1392                  <span class="m-df3ffa0f mantine-Accordion-label">
1393                    <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>
1394                  </span>
1395                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
1396                    <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))">
1397                      <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
1398                      <path d="M3.6 9h16.8"></path>
1399                      <path d="M3.6 15h16.8"></path>
1400                      <path d="M11.5 3a17 17 0 0 0 0 18"></path>
1401                      <path d="M12.5 3a17 17 0 0 1 0 18"></path>
1402                    </svg>
1403                  </span>
1404                </button>
1405                <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">
1406                  <div class="m-4ba554d4 mantine-Accordion-content">
1407                    <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">
1408                      <style data-mantine-styles="inline">
1409                        .__m__-R2radqmr7deql {
1410                          --sg-spacing-x: var(--mantine-spacing-md);
1411                          --sg-spacing-y: var(--mantine-spacing-md);
1412                          --sg-cols: 2;
1413                        }
1414                      </style>
1415                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-R2radqmr7deql">
1416                        <div class="">
1417                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
1417d8b162 mantine-Text-root">Hari Ini</p>
1418                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1419                        </div>
1420                        <div class="">
1421                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kemarin</p>
1422                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1423                        </div>
1424                        <div class="">
1425                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Ini</p>
1426                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1427                        </div>
1428                        <div class="">
1429                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Lalu</p>
1430                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1431                        </div>
1432                        <div class="">
1433                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Ini</p>
1434                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1435                        </div>
1436                        <div class="">
1437                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Lalu</p>
1438                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1439                        </div>
1440                        <div class="">
1441                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Total Kunjungan</p>
1442                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1443                        </div>
1444                      </div>
1445                    </div>
1446                  </div>
1447                </div>
1448              </div>
1449              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
1450                <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">
1451                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
1452                    <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">
1453                      <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>
1454                    </svg>
1455                  </span>
1456                  <span class="m-df3ffa0f mantine-Accordion-label">
1457                    <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
1458                      <!-- -->
1458Desa
1459                    </h1>
1460                  </span>
1461                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
1462                    <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))">
1463                      <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>
1464                    </svg>
1465                  </span>
1466                </button>
1467                <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">
1468                  <div class="m-4ba554d4 mantine-Accordion-content">
1469                    <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">
1470                      <ul style="font-size:calc(0.875rem * var(--mantine-scale))" class="m-abbac491 mantine-List-root">
1471                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1472                          <div class="m-75cd9f71 mantine-List-itemWrapper">
1473                            <span class="m-60f83e5b mantine-List-itemIcon">
1474                              <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">
1475                                <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>
1476                              </svg>
1477                            </span>
1478                            <span class="mantine-List-itemLabel">
1479                              <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>
1480                            </span>
1481                          </div>
1482                        </li>
1483                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1484                          <div class="m-75cd9f71 mantine-List-itemWrapper">
1485                            <span class="m-60f83e5b mantine-List-itemIcon">
1486                              <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">
1487                                <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>
1488                                <path d="M3 7l9 6l9 -6"></path>
1489                              </svg>
1490                            </span>
1491                            <span class="mantine-List-itemLabel">
1492                              <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#652e17040b020e000b02160c01250208040c094b060a08" target="_blank"><span class="__cf_email__" data-cfemail="460d342728212d232821352f2206212b272f2a6825292b">[email&#160;protected]</span></a>
1493                            </span>
1494                          </div>
1495                        </li>
1496                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1497                          <div class="m-75cd9f71 mantine-List-itemWrapper">
1498                            <span class="m-60f83e5b mantine-List-itemIcon">
1499                              <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">
1500                                <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
1501                                <path d="M12 7v5l3 3"></path>
1502                              </svg>
1503                            </span>
1504                            <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
1505                          </div>
1506                        </li>
1507                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1508                          <div class="m-75cd9f71 mantine-List-itemWrapper">
1509                            <span class="m-60f83e5b mantine-List-itemIcon">
1510                              <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">
1511                                <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
1512                                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
1513                                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
1514                              </svg>
1515                            </span>
1516                            <span class="mantine-List-itemLabel">
1517                              <p style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jln. Poros Malino Km.11 Bangun Sari Caddi</p>
1518                            </span>
1519                          </div>
1520                        </li>
1521                      </ul>
1522                    </div>
1523                  </div>
1524                </div>
1525              </div>
1526              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
1527                <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">
1528                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
1529                    <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">
1530                      <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>
1531                    </svg>
1532                  </span>
1533                  <span class="m-df3ffa0f mantine-Accordion-label">
1534                    <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>
1535                  </span>
1536                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
1537                    <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))">
1538                      <path d="M8 16v-4a4 4 0 0 1 8 0v4"></path>
1539                      <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
1540                      <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>
1541                    </svg>
1542                  </span>
1543                </button>
1544                <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">
1545                  <div class="m-4ba554d4 mantine-Accordion-content">
1546                    <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">
1547                      <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
1548                    </div>
1549                  </div>
1550                </div>
1551              </div>
1552              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
1553                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control
1553="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-social" id="mantine-Ramr7deql-control-social">
1554                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
1555                    <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">
1556                      <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>
1557                    </svg>
1558                  </span>
1559                  <span class="m-df3ffa0f mantine-Accordion-label">
1560                    <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>
1561                  </span>
1562                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
1563                    <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))">
1564                      <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
1565                    </svg>
1566                  </span>
1567                </button>
1568                <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">
1569                  <div class="m-4ba554d4 mantine-Accordion-content">
1570                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1571                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1572                        <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">
1573                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
1574                            <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">
1575                              <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
1576                            </svg>
1577                          </span>
1578                        </a>
1579                        <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.Bangun Sari?igshid=YmMyMTA2M2Y=" target="_blank">
1580                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
1581                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewB
1581ox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-instagram">
1582                              <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>
1583                              <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
1584                              <path d="M16.5 7.5l0 .01"></path>
1585                            </svg>
1586                          </span>
1587                        </a>
1588                        <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/Bangun Saridesaku?s=11&amp;t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
1589                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
1590                            <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">
1591                              <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>
1592                            </svg>
1593                          </span>
1594                        </a>
1595                        <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">
1596                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
1597                            <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">
1598                              <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>
1599                              <path d="M10 9l5 3l-5 3z"></path>
1600                            </svg>
1601                          </span>
1602                        </a>
1603                        <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">
1604                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
1605                            <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">
1606                              <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>
1607                            </svg>
1608                          </span>
1609                        </button>
1610                      </div>
1611                    </div>
1612                  </div>
1613                </div>
1614              </div>
1615              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
1616                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control
1616="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-address" id="mantine-Ramr7deql-control-address">
1617                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
1618                    <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">
1619                      <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>
1620                    </svg>
1621                  </span>
1622                  <span class="m-df3ffa0f mantine-Accordion-label">
1623                    <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>
1624                  </span>
1625                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
1626                    <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))">
1627                      <path d="M9 15l6 -6"></path>
1628                      <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
1629                      <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>
1630                    </svg>
1631                  </span>
1632                </button>
1633                <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">
1634                  <div class="m-4ba554d4 mantine-Accordion-content">
1635                    <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">
1636                      <ul class="m-abbac491 mantine-List-root"></ul>
1637                    </div>
1638                  </div>
1639                </div>
1640              </div>
1641            </div>
1642            <p style="color:#fff;font-size:calc(0.6875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
1643              <!-- -->2025
1644              <!-- --> Powered by
1645              <!-- -->
1646              <strong>
1647                <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 Desa Indonesia</a>
1648              </strong>
1649            </p>
1650          </div>
1651          <div style="height:calc(5rem * var(--mantine-scale));min-height:calc(5rem * var(--mantine-scale))" class=""></div>
1652        </div>
1653      </div>
1654      <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">
1655        <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="">
1656          <style data-mantine-styles="inline">
1657            .__m__-R6rndeql {
1658              --grid-gutter: var(--mantine-spacing-md);
1659            }
1660          </style>
1661          <div style="--grid-justify:space-between;padding-inline:calc(1.25rem * var(--mantine-scale));
1661padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:calc(1.25rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R6rndeql">
1662            <div class="m-dee7bd2f mantine-Grid-inner">
1663              <style data-mantine-styles="inline">
1664                .__m__-R1mmrndeql {
1665                  --col-flex-grow: auto;
1666                  --col-flex-basis: 33.333333333333336%;
1667                  --col-max-width: 33.333333333333336%;
1668                }
1669              </style>
1670              <div class="m-96bdd299 mantine-Grid-col __m__-R1mmrndeql">
1671                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1672                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1673                    <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&s" alt="Logo" />
1674                    <div class="">
1675                      <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">Desa Bangun Sari</p>
1676                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan
1677                        <!-- -->
1678                        <!-- -->Tanjung Morawa
1679                      </p>
1680                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten
1681                        <!-- -->
1682                        <!-- -->Deli Serdang
1683                      </p>
1684                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi
1685                        <!-- -->
1686                        <!-- -->Sumatera Utara
1687                      </p>
1688                    </div>
1689                  </div>
1690                  <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1691                    <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>
1692                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1693                      <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">
1694                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
1695                          <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">
1696                            <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
1697                          </svg>
1698                        </span>
1699                      </a>
1700                      <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.Bangun Sari?igshid=YmMyMTA2M2Y=" target="_blank">
1701                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
1702                          <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">
1703                            <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>
1704                            <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
1705                            <path d="M16.5 7.5l0 .01"></path>
1706                          </svg>
1707                        </span>
1708                      </a>
1709                      <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/Bangun Saridesaku?s=11&amp;t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
1710                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
1711                          <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">
1712                            <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
1713                            <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
1714                          </svg>
1715                        </span>
1716                      </a>
1717                      <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">
1718                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
1719                          <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">
1720                            <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>
1721                            <path d="M10 9l5 3l-5 3z"></path>
1722                          </svg>
1723                        </span>
1724                      </a>
1725                      <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">
1726                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
1727                          <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">
1728                            <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>
1729                          </svg>
1730                        </span>
1731                      </button>
1732                    </div>
1733                  </div>
1734                </div>
1735              </div>
1736              <style data-mantine-styles="inline">
1737                .__m__-R2mmrndeql {
1738                  --col-flex-grow: auto;
1739                  --col-flex-basis: 25%;
1740                  --col-max-width: 25%;
1741                }
1742              </style>
1743              <div class="m-96bdd299 mantine-Grid-col __m__-R2mmrndeql">
1744                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1745                  <p style="color:#fff;font-size:var(--mantine-font-size-md);
1745font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kontak
1746                    <!-- -->Desa
1747                  </p>
1748                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1749                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
1750                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
1751                        <div style="min-width:100%;display:table">
1752                          <ul class="m-abbac491 mantine-List-root">
1753                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1754                              <div class="m-75cd9f71 mantine-List-itemWrapper">
1755                                <span class="m-60f83e5b mantine-List-itemIcon">
1756                                  <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">
1757                                    <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>
1758                                  </svg>
1759                                </span>
1760                                <span class="mantine-List-itemLabel">
1761                                  <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:08xxxxxxxxxx" target="_blank">08xxxxxxxxxx</a>
1762                                </span>
1763                              </div>
1764                            </li>
1765                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1766                              <div class="m-75cd9f71 mantine-List-itemWrapper">
1767                                <span class="m-60f83e5b mantine-List-itemIcon">
1768                                  <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">
1769                                    <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>
1770                                    <path d="M3 7l9 6l9 -6"></path>
1771                                  </svg>
1772                                </span>
1773                                <span class="mantine-List-itemLabel">
1774                                  <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/cdn-cgi/l/email-protection#92d9e0f3fcf5f9f7fcf5e1fbf6d2f5fff3fbfebcf1fdff" target="_blank"><span class="__cf_email__" data-cfemail="1f546d7e7178747a71786c767b5f78727e7673317c7072">[email&#160;protected]</span></a>
1775                                </span>
1776                              </div>
1777                            </li>
1778                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1779                              <div class="m-75cd9f71 mantine-List-itemWrapper">
1780                                <span class="m-60f83e5b mantine-List-itemIcon">
1781                                  <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">
1782                                    <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
1783                                    <path d="M12 7v5l3 3"></path>
1784                                  </svg>
1785                                </span>
1786                                <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
1787                              </div>
1788                            </li>
1789                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
1790                              <div class="m-75cd9f71 mantine-List-itemWrapper">
1791                                <span class="m-60f83e5b mantine-List-itemIcon">
1792                                  <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">
1793                                    <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
1794                                    <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
1795                                    <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
1796                                  </svg>
1797                                </span>
1798                                <span class="mantine-List-itemLabel">
1799                                  <p style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jln. Poros Malino Km.11 Bangun Sari Caddi</p>
1800                                </span>
1801                              </div>
1802                            </li>
1803                          </ul>
1804                        </div>
1805                      </div>
1806                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
1807                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
1808                    </div>
1809                  </div>
1810                </div>
1811              </div>
1812              <style data-mantine-styles="inline">
1813                .__m__-R3mmrndeql {
1814                  --col-flex-grow: auto;
1815                  --col-flex-basis: 16.666666666666668%;
1816                  --col-max-width: 16.666666666666668%;
1817                }
1818              </style>
1819              <div class="m-96bdd299 mantine-Grid-col __m__-R3mmrndeql">
1820                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1821                  <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>
1822                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1823                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
1824                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
1825                        <div style="min-width:100%;display:table">
1826                          <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
1827                        </div>
1828                      </div>
1829                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
1830                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
1831                    </div>
1832                  </div>
1833                </div>
1834              </div>
1835              <style data-mantine-styles="inline">
1836                .__m__-R4mmrndeql {
1837                  --col-flex-grow: auto;
1838                  --col-flex-basis: 16.666666666666668%;
1839                  --col-max-width: 16.666666666666668%;
1840                }
1841              </style>
1842              <div class="m-96bdd299 mantine-Grid-col __m__-R4mmrndeql">
1843                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1844                  <p style="color:#fff;font-size:var(--mantine-font-size-md);
1844font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Jelajahi</p>
1845                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1846                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
1847                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
1848                        <div style="min-width:100%;display:table">
1849                          <ul class="m-abbac491 mantine-List-root"></ul>
1850                        </div>
1851                      </div>
1852                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
1853                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
1854                    </div>
1855                  </div>
1856                </div>
1857              </div>
1858            </div>
1859          </div>
1860          <div style="background:var(--mantine-color-primary-5)" class="m-4451eb3a mantine-Center-root">
1861            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
1862              <!-- -->2025
1863              <!-- --> Powered by
1864              <!-- -->
1865              <strong>
1866                <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 Desa Indonesia</a>
1867              </strong>
1868            </p>
1869          </div>
1870        </div>
1871      </footer>
1872      <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">
1873        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1874          <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1875            <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">
1876              <path d="M4 14v-3a8 8 0 1 1 16 0v3"></path>
1877              <path d="M18 19c0 1.657 -2.686 3 -6 3"></path>
1878              <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>
1879              <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>
1880            </svg>
1881          </div>
1882          <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>
1883        </div>
1884      </div>
1885      <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">
1886        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1887          <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
1888            <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">
1889              <path d="M14 12v.01"></path>
1890              <path d="M3 21h18"></path>
1891              <path d="M6 21v-16a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v16"></path>
1892            </svg>
1893            <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);
1893font-weight:700" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
1894          </div>
1895          <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>
1896          <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">
1897            <path d="M6 9l6 6l6 -6"></path>
1898          </svg>
1899        </div>
1900      </div>
1901    </div>
vendor: 113 bytes, lines 1901-1902
1901
1902    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1902<script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.bundle.js"></script>
1902
1903    
1903<script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.config.js"></script>
1903
1904    
1904<script>
1905      ((STORAGE_KEY2, restoreKey) => {
1906        if (!window.history.state || !window.history.state.key) {
1907          let key3 = Math.random().toString(32).slice(2);
1908          window.history.replaceState({
1909            key: key3
1910          }, "");
1911        }
1912        try {
1913          let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || "{}");
1914          let storedY = positions[restoreKey || window.history.state.key];
1915          if (typeof storedY === "number") {
1916            window.scrollTo(0, storedY);
1917          }
1918        } catch (error2) {
1919          console.error(error2);
1920          sessionStorage.removeItem(STORAGE_KEY2);
1921        }
1922      })("positions", null)
1923    </script>
1923
1924    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js" />
1925    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js" />
1926    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/jsx-runtime-ByGpHSPZ.js" />
1927    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-B-yzDlGl.js" />
1928    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/components-Cw2tsM1o.js" />
1929    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/oauth-CjmpoasG.js" />
1930    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/polymorphic-factory-BmRSLjeU.js" />
1931    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-reduced-motion-yJY9mgkS.js" />
1932    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Loader-BrUd6zYV.js" />
1933    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Transition-F2jjUCfr.js" />
1934    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/UnstyledButton-BwnCZJiS.js" />
1935    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/store-BqiOundV.js" />
1936    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Image-BOqHIzWn.js" />
1937    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Stack-CY4nQ1av.js" />
1938    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Title-s_pNpi_m.js" />
1939    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Text-DgvQ2Yzd.js" />
1940    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Group-DaVFy2M0.js" />
1941    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Button-B6l5RFbd.js" />
1942    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Code-D2_oEjqG.js" />
1943    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gql-DZiq67mF.js" />
1944    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/utils-EFR0FJmZ.js" />
1945    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-DpYVSX1o.js" />
1946    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/metadata-BHaf7C0V.js" />
1947    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/px-CiO0pVtX.js" />
1948    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-contrast-color-DGT1xAlz.js" />
1949    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-isomorphic-effect-BGcWboEs.js" />
1950    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Center-BLgiunvn.js" />
1951    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js" />
1952    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/is-element-CI8e1h0p.js" />
1953    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-id-CBFaeZXz.js" />
1954    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-merged-ref-BJm5sttg.js" />
1955    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/InputBase-DbFNPVtF.js" />
1956    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-DBv3gr79.js" />
1957    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/createReactComponent-DG7S5Nwq.js" />
1958    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/CloseButton-DetmG4UX.js" />
1959    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-uncontrolled-DgPl9ViR.js" />
1960    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/TextInput-B42PaN1w.js" />
1961    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-BQVM1Jfk.js" />
1962    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/assets-DLkOJ042.js" />
1963    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/typebox-v0AVxb13.js" />
1964    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DirectionProvider-CZrhDgZ9.js" />
1965    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-safe-context-jSuPt_P6.js" />
1966    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get
1966-default-z-index-CUjKoHex.js" />
1967    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-floating-auto-update-Ng1_GWo4.js" />
1968    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/OptionalPortal-BdNhCZIw.js" />
1969    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ScrollArea-DwirfqyO.js" />
1970    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Paper-DipXWK5o.js" />
1971    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Overlay-ByElZ9nI.js" />
1972    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/tslib.es6-DPLsjc5m.js" />
1973    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-window-event-GzRQC4Pl.js" />
1974    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-scoped-keydown-handler-DsNfVizA.js" />
1975    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AccordionChevron-C5IsT1PJ.js" />
1976    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-style-object-DUJZA7T_.js" />
1977    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-base-value-BwMQOHSn.js" />
1978    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-C4ad_PwK.js" />
1979    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/vars-B3G_A55N.js" />
1980    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/clamp-DTmYCdls.js" />
1981    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Anchor-DHVUz_0m.js" />
1982    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Select-CyCUsC6U.js" />
1983    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-browser-layout-effect-D107Qizc.js" />
1984    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/LoadingOverlay-DmTd0S_C.js" />
1985    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/profile-D-KlsEcq.js" />
1986    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/stats-DIaTQNWb.js" />
1987    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/geojson-utils-BnCvOB4F.js" />
1988    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/intl-DWyoUv85.js" />
1989    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Card-D7oEcqHa.js" />
1990    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconHome-DYujAcsf.js" />
1991    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Accordion-hUQFw0Oc.js" />
1992    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/SimpleGrid-MkCOfUZQ.js" />
1993    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconPhone-BOyNJmdm.js" />
1994    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/List-CoMlKvZm.js" />
1995    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconClock-CvFi97kF.js" />
1996    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconBrandX-KUtong76.js" />
1997    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ActionIcon-T2wrklNi.js" />
1998    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Space-BlY-_SlC.js" />
1999    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Grid-TBLxdJ9j.js" />
2000    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-CzLNwLPR.js" />
2001    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/domain-handler-CjBNABR2.js" />
2002    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Divider-ByTcktLA.js" />
2003    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-zX0GNUb5.js" />
2004    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js" />
2005    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get
2005-auto-contrast-value-Da6zqqWm.js" />
2006    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/meta-iJHIVwW9.js" />
2007    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/css-utils-Besm3d-a.js" />
2008    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Tabs-DnXzcE6A.js" />
2009    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/PageContainer-IQNGUv2t.js" />
2010    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CR_JL63f.js" />
2011    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/echarts-CvwexzxL.js" />
2012    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DimmedNotice-B8Zg4xu5.js" />
2013    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconCircleX-BXCr4JEw.js" />
2014    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Table-B5U_LCaL.js" />
2015    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Flex-DvkRAF7Z.js" />
2016    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-DoZmgI3r.js" />
2017    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-BzVT-pNH.js" />
2018    
2018<script>
2019      window.__remixContext = {
2020        "url": "/infografis/penduduk",
2021        "basename": "/",
2022        "state": {
2023          "loaderData": {
2024            "root": {
2025              "env": {
2026                "VITE_ASSET_BASE_URL": "https://cdn.digitaldesa.com/statics",
2027                "VITE_CONTENT_BASE_URL": "https://cdn.digitaldesa.com/uploads",
2028                "VITE_MAIN_BASE_URL": "https://assets.digitaldesa.id",
2029                "VITE_GRAPHQL_ENDPOINT": "https://api-profil-v2.digitaldesa.id/grapher",
2030                "VITE_GRAPHQL_ACCESS_WEBTOKEN": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkRHRFNXVCJ9.eyJyb2wiOiJ1c2VyIiwic3ViIjoiZGlnaWRlcy5pZCIsImZsZyI6IlZFUklGSUVEIiwiZXhwIjo0NzA3Njk1Mzk4LCJ2ZXIiOiJwcm9maWxAZGlnaXRhbGRlc2EuaWQifQ.h_K3tP_9DCOVLHkZ1w-wO2nWOBrM54yTvCbQ0kgw7a4",
2031                "VITE_GOOGLE_OAUTH_CLIENT_ID": "262708630123-dm8t5c0leauujuvru4okrcuhe8upvbmt.apps.googleusercontent.com",
2032                "VITE_FACEBOOK_OAUTH_CLIENT_ID": "",
2033                "VITE_RECAPTCHA_SITE_KEY": "6Lep520pAAAAABk2APNkzFY9wrK-buVGiaJb2tkP",
2034                "VITE_GA_ID": "G-FLQYW0G73E",
2035                "VITE_MAPTILER_KEY": "60gvc7mZIriBftLamHwz"
2036              },
2037              "slug": "Bangun Sari",
2038              "schema": "73_06_06_2003",
2039              "host": {
2040                "host": "Bangun Sari.{domain}",
2041                "code": "73.06.06.2003",
2042                "schema": "73_06_06_2003",
2043                "slug": "Bangun Sari",
2044                "canonHost": "Bangun Sari.digitaldesa.id",
2045                "canonUrl": "http://Bangun Sari.digitaldesa.id/infografis/penduduk"
2046              },
2047              "profile": {
2048                "postalCode": "92171",
2049                "welcome": {
2050                  "backgroundURL": "8262295301dbf385dc1ea86ec37421a2.jpeg"
2051                },
2052                "alias": {
2053                  "dusun": "Dusun",
2054                  "kadus": "Kepala Dusun",
2055                  "deskel": "Desa",
2056                  "kades": "Kepala Desa",
2057                  "kecamatan": "Kecamatan",
2058                  "camat": "Camat",
2059                  "kabkota": "Kabupaten",
2060                  "bupati": "Bupati",
2061                  "provinsi": "Provinsi",
2062                  "gubernur": "Gubernur",
2063                  "BPD": "Badan Permusyawaratan Desa"
2064                },
2065                "name": {
2066                  "deskel": "Bangun Sari",
2067                  "ibukota": "Bangun Sari",
2068                  "kabkota": "Deli Serdang",
2069                  "kecamatan": "Tanjung Morawa",
2070                  "provinsi": "Sumatera Utara"
2071                },
2072                "serviceEmail": "Bangun [email protected]",
2073                "socialMedia": {
2074                  "facebook": "https://www.facebook.com/profile.php?id=100068858821303\u0026mibextid=ZbWKwL",
2075                  "instagram": "https://instagram.com/desa.Bangun Sari?igshid=YmMyMTA2M2Y=",
2076                  "tiktok": "#",
2077                  "twitter": "https://twitter.com/Bangun Saridesaku?s=11\u0026t=6qaeaLKhtsGQpFkIuorcLg",
2078                  "youtube": "https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw"
2079                },
2080                "phone": "08xxxxxxxxxx",
2081                "servicePhone": "08xxxxxxxxxx",
2082                "workHour": "07.30 - 16.00 WITA",
2083                "contact": "",
2084                "email": "Bangun [email protected]",
2085                "logoURL": "Deli Serdangkab.png",
2086                "officeAddress": "Jln. Poros Malino Km.11 Bangun Sari Caddi",
2087                "description": "[Deskripsi desa]",
2088                "timezone": 8,
2089                "primaryPalette": []
2090              },
2091              "baseDomain": "digitaldesa.id",
2092              "url": "http://Bangun Sari.digitaldesa.id/infografis/penduduk",
2093              "locale": "ID",
2094              "user": {}
2095            },
2096            "routes/_": null,
2097            "routes/_.infografis.penduduk._index": null,
2098            "routes/_.infografis": null
2099          },
2100          "actionData": null,
2101          "errors": null
2102        },
2103        "future": {
2104          "v3_fetcherPersist": false,
2105          "v3_relativeSplatPath": false,
2106          "v3_throwAbortReason": false,
2107          "unstable_singleFetch": false,
2108          "unstable_fogOfWar": false
2109        },
2110        "isSpaMode": false
2111      };
2112    </script>
2112
2113    
2113<script type="module" async="">
2114      import "https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js";
2115      import * as route0 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js";
2116      import * as route1 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js";
2117      import * as route2 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CR_JL63f.js";
2118      import * as route3 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-BzVT-pNH.js";
2119      window.__remixRouteModules = {
2120        "root": route0,
2121        "routes/_": route1,
2122        "routes/_.infografis": route2,
2123        "routes/_.infografis.penduduk._index": route3
2124      };
2125      import("https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js");
2126    </script>
2126
2127  
2127<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"56cb80d3c4914098b87a809c00635ce9","r":1,"spa":2}' crossorigin="anonymous"></script>
2127
2128</body>
2129</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.