Бесплатная доска объявлений по всей России - Do-Ska.ru

15.06.2015 в 17:02 Открытия панели отпимизатора!

Google pr	16.06.2015

Яндекс ТиЦ	22.03.2025
поиск	28.06.2019
каталог	16.01.2018

Витрина ссылок[Добавить]

доска объявлений подать объявление Аквалайн Пермь

Анализ сайта

Войти или зарегистрироваться

Забыли пароль?

Главная Инструменты Анализ сайта

Данный инструмент поможет Вам Выполнить анализ сайта по наиболее значимым показателям сайта.

URL	cinedjustice.org (WHOIS IP, WHOIS DOMAIN)
Заголовок	Website Resmi Desa Tinggarsari
Ключевые слова	(нет)
Описание	Website Resmi Desa Tinggarsari, Kec. Busungbiu, Kab. Buleleng Prov. Bali
Тэг h1	JELAJAHI Desa
Размер страницы	272.27 Kb
Кодировка	UTF-8
IP сайта	172.67.161.12 Все сайты на IP
Скорость загрузки	366.16 Kb/s
Время загрузки	0.74 sec
Перенаправление	https://tinggarsari.com/
Внутренние / внешние ссылки	Анализ
Анализ контента страницы	Выполнить
Посетителей за сутки по LI	?
Посетителей за месяц по LI	?
Сервер сайта	172.67.161.12
Расположение датацентра	?
Сервер	cloudflare
Заработок	Вы можете зарабатывать на сайте более 150$

Постоянная ссылка на страницу

http://qoogoo.perm.ru/tools/analysis/cinedjustice.org

Основные показатели сайта[ Скрыть ]

Яндекс ТиЦ: 0

Склей домена: Нет

С WWW

Без WWW

Яндекс Ранг: 0 из 6

Яндекс.Каталог: (не описан в каталоге)

Поднять ТиЦ регистрируя сайт в каталогах

Google PageRank: 0 из 10

Alexa Traffic Rank: ?

Alexa Traffic Rank (график):

Счетчик Live Internet:

Общие данные сайта[ Скрыть ]

Поддержка JavaScript отключена!

Поисковый трафик с Google[ Скрыть ]

Backlink History (Majestic SEO)[ Скрыть ]

Наличие сайта в каталогах[ Скрыть ]

Яндекс Каталог: (Нет)	Посмотреть	DMOZ:	Посмотреть
Google каталог:	Посмотреть	Mail.ru:	Посмотреть
Aport:	Посмотреть	Rambler Top 100:	Посмотреть

Проиндексировано страниц[ Скрыть ]

Яндекс:	Посмотреть	Google:	Посмотреть
Bing:	Посмотреть	Yahoo:	Посмотреть
Rambler:	Посмотреть

Ссылаются на сайт из[ Скрыть ]

Яндекс:	Посмотреть	Сайты из Я-Каталога:	Посмотреть
Яндекс блоги:	Посмотреть	Google:	Посмотреть
Google блоги:	Посмотреть	Yahoo:	Посмотреть
Bing:	Посмотреть	Rambler:	Посмотреть
Яндекс картинки:	Посмотреть	Google картинки:	Посмотреть

Дополнительная информация[ Скрыть ]

В кэше Google:	Посмотреть	В кэше Yandex:	Посмотреть
Похожие сайты в Google:	Посмотреть	История сайта:	Посмотреть
Упоминания в Ответы@Mail.ru:	Посмотреть	Поиск плагиата:	Посмотреть

Дополнительные инструменты[ Скрыть ]

Проверка валидности HTML:	Посмотреть	Проверка валидности CSS:	Посмотреть
Ping\Traceroute\DNS:	Посмотреть	Скорость загрузки страницы:	Посмотреть

Данные страницы[ Скрыть ]

Ответ сервера

Файл robots.txt, размер: 205.2 Kb , проверить на Яндекс.Вебмастер

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charSet="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
    <link href="https://fonts.googleapis.com/css2?family=Outfit&display=swap" rel="stylesheet" />
    <title>Website Resmi Desa Tinggarsari</title>
    <meta property="og:title" content="Website Resmi Desa Tinggarsari" />
    <meta name="description" content="Website Resmi Desa Tinggarsari, Kec. Busungbiu, Kab. Buleleng Prov. Bali" />
    <meta property="og:description" content="Website Resmi Desa Tinggarsari, bekerja sama dengan DIGIDES" />
    <meta name="canonical" content="https://tinggarsari.com/" />
    <link rel="canonical" href="https://tinggarsari.com/" />
    <meta name="robots" content="index, follow" />
    <meta name="application-name" content="Website Profil Desa by DIGIDES" />
    <meta name="generator" content="Remix" />
    <meta name="publisher" content="Pemerintah Desa Tinggarsari" />
    <link rel="icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" />
    <meta property="og:url" content="https://tinggarsari.com/" />
    <meta property="og:site_name" content="Website Resmi Desa Tinggarsari" />
    <meta property="og:image" content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" />
    <meta property="og:image:width" content="256" />
    <meta property="og:image:height" content="256" />
    <meta property="og:image:alt" content="Logo Desa Tinggarsari" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:type" content="website" />
    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-CKLW1QS4.css" />
    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DNBMDKXY.css" />
    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-C4CBZJHj.css" />
    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/StyleSwitcher-EaxY1z7_.css" />
    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/MapSection-DgYFET8d.css" />
    <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-VGIOu1l6.css" />
     
     
     
  </head>
  <body>
     
     
     
    <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">
       
      <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">
        <div style="--group-gap:0rem;--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
          <a style="text-decoration:none" data-discover="true" href="/">
            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
               
              <img class="m-9e117634 mantine-Image-root __m__-Rd9mjdeql" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Logo" />
               
              <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root __m__-Rl9mjdeql">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdl9mjdeql">Desa Tinggarsari</p>
                 
                <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rll9mjdeql">Kabupaten
                  
                  Buleleng
                </p>
              </div>
            </div>
          </a>
          <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
            <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">
              <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="/">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd3bamjdeql">Home</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd5bamjdeql">Profil Desa</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd7bamjdeql">Infografis</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd9bamjdeql">Listing</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdbbamjdeql">IDM</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rddbamjdeql">Berita</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdfbamjdeql">Belanja</p>
              </a>
              <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="/#">
                 
                <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdhbamjdeql">PPID</p>
              </a>
            </div>
            <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>
          </div>
          <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">
            <div class="m-d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div>
          </button>
        </div>
      </header>
      <div class="">
        <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
           
          <div class="__m__-R1mldeql">
            <div class="">
               
              <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm)" class="m-17884d0f mantine-Carousel-root __m__-Rdlmldeql mantine-hidden-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
                <div class="m-a2dae653 mantine-Carousel-viewport">
                  <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal">
                    <div class="m-d98df724 mantine-Carousel-slide" data-orientation="horizontal">
                       
                      <div style="overflow:hidden;background-image:url(https://tinggarsari-buleleng.desa.id/assets/files/artikel/sedang_1625100623IMG20210626083013.jpg)" class="_container_pkikq_1 m-2ce0de02 mantine-BackgroundImage-root __m__-R5bddlmldeql">
                        <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;height:inherit" class="_slide_pkikq_9 m-6d731127 mantine-Stack-root">
                           
                          <p style="--text-line-clamp:2;color:#fff;font-weight:bold;line-height:1.2em" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rrdbddlmldeql" data-line-clamp="true">
                            <span style="display:none">Selamat Datang <br />Website Resmi Desa Tinggarsari </span>
                            <span style="display:contents">Website Resmi <br />Desa Tinggarsari </span>
                          </p>
                          <div class="">
                             
                            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rbbdbddlmldeql">Sumber informasi terbaru tentang pemerintahan di
                              
                              Desa
                              
                              Tinggarsari
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
               
              <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-xl)" class="m-17884d0f mantine-Carousel-root __m__-Rllmldeql mantine-visible-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
                <div class="m-a2dae653 mantine-Carousel-viewport">
                  <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal">
                    <div class="m-d98df724 mantine-Carousel-slide" data-orientation="horizontal">
                       
                      <div style="overflow:hidden;background-image:url(https://tinggarsari-buleleng.desa.id/assets/files/artikel/sedang_1625100623IMG20210626083013.jpg)" class="_container_pkikq_1 m-2ce0de02 mantine-BackgroundImage-root __m__-R5bdllmldeql">
                        <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;height:inherit" class="_slide_pkikq_9 m-6d731127 mantine-Stack-root">
                           
                          <p style="--text-line-clamp:2;color:#fff;font-weight:bold;line-height:1.2em" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rrdbdllmldeql" data-line-clamp="true">
                            <span style="display:none">Selamat Datang <br />Website Resmi Desa Tinggarsari </span>
                            <span style="display:contents">Website Resmi <br />Desa Tinggarsari </span>
                          </p>
                          <div class="">
                             
                            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rbbdbdllmldeql">Sumber informasi terbaru tentang pemerintahan di
                              
                              Desa
                              
                              Tinggarsari
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="m-71ea3ab1 mantine-Carousel-indicators"></div>
                <div class="m-39bc3463 mantine-Carousel-controls">
                  <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-left" style="width:calc(1.875rem * var(--mantine-scale));height:calc(1.875rem * var(--mantine-scale))">
                      <path d="M5 12l14 0"></path>
                      <path d="M5 12l6 6"></path>
                      <path d="M5 12l6 -6"></path>
                    </svg>
                  </button>
                  <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right" style="width:calc(1.875rem * var(--mantine-scale));height:calc(1.875rem * var(--mantine-scale))">
                      <path d="M5 12l14 0"></path>
                      <path d="M13 18l6 -6"></path>
                      <path d="M13 6l6 6"></path>
                    </svg>
                  </button>
                </div>
              </div>
            </div>
          </div>
           
          <div style="overflow:visible;margin-bottom:var(--mantine-spacing-xl);padding-inline:var(--mantine-spacing-md);padding-block:var(--mantine-spacing-xl)" class="m-7485cace mantine-Container-root __m__-R2mldeql">
            <div style="--stack-gap:calc(6.25rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
              <div style="--stack-gap:calc(9.375rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                <div style="--group-gap:calc(3.75rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:wrap;margin-top:calc(-3.125rem * var(--mantine-scale));margin-right:calc(1.5625rem * var(--mantine-scale));padding:0rem" class="m-4081bf90 mantine-Group-root">
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore1-hgsCav96.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Profil Desa</p>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore2-ClNr9lEr.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Infografis</p>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" href="https://cekdptonline.kpu.go.id/" target="_blank">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore3-D3MWyIvk.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Cek DPT</p>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore4-WcKvEt40.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">IDM</p>
                        </div>
                      </div>
                    </a>
                  </div>
                </div>
                <div style="--group-gap:calc(3.75rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:wrap;margin-top:calc(-3.125rem * var(--mantine-scale));margin-right:calc(1.5625rem * var(--mantine-scale));padding:0rem" class="m-4081bf90 mantine-Group-root">
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore5-C1kEolkD.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore6-DeLSfFsB.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore7-Sw_ck4GL.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">PPID</p>
                        </div>
                      </div>
                    </a>
                  </div>
                  <div style="cursor:pointer;z-index:1;margin:0rem;padding:0rem;width:calc(1.5625rem * var(--mantine-scale));position:relative" class="">
                    <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                      <div style="z-index:-1;border-radius:10px;background:#C3EBE3;width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale));position:absolute" class="">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                          <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore9-iHmVAOLI.png" alt="Other" />
                          <p style="font-size:calc(0.6875rem * var(--mantine-scale));text-align:center;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bansos</p>
                        </div>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
               
              <div style="--grid-justify:center;--grid-align:center;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R8dmmldeql mantine-visible-from-sm">
                <div class="m-dee7bd2f mantine-Grid-inner">
                   
                  <div class="m-96bdd299 mantine-Grid-col __m__-R1modmmldeql">
                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">JELAJAHI
                      Desa
                    </h1>
                    <p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Melalui website ini Anda dapat menjelajahi segala hal yang terkait dengan
                      
                      <span style="text-transform:lowercase">Desa</span>. Aspek pemerintahan, penduduk, demografi, potensi
                      
                      <span style="text-transform:lowercase">Desa</span>, dan juga berita tentang
                      
                      <span style="text-transform:lowercase">Desa</span>.
                    </p>
                  </div>
                   
                  <div class="m-96bdd299 mantine-Grid-col __m__-R2modmmldeql">
                    <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                            <div style="position:relative" class="">
                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
                              <div class="">
                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-3-DFdUkXec.png" alt="Other" />
                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pasar Desa</p>
                                </div>
                              </div>
                            </div>
                          </a>
                        </div>
                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" href="https://cekdptonline.kpu.go.id/" target="_blank">
                            <div style="position:relative" class="">
                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
                              <div class="">
                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-2-SbK3LIat.png" alt="Other" />
                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Cek DPT Online</p>
                                </div>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                            <div style="position:relative" class="">
                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
                              <div class="">
                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-1-Dm8QiT59.png" alt="Other" />
                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita Desa</p>
                                </div>
                              </div>
                            </div>
                          </a>
                        </div>
                        <div style="cursor:pointer;z-index:1;padding:calc(0.625rem * var(--mantine-scale));width:40%" class="">
                          <a rel="noreferrer" style="text-decoration:none;color:#5A5E62" data-discover="true" href="/#" target="">
                            <div style="position:relative" class="">
                              <div style="z-index:-1;border-radius:5px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);background:#FFFFFF33;width:100%;height:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(-1.25rem * var(--mantine-scale))" class=""></div>
                              <div class="">
                                <div style="--stack-gap:var(--mantine-spacing-sm);--stack-align:center;--stack-justify:center" class="m-6d731127 mantine-Stack-root">
                                  <img style="width:80%" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/explore-menu-4-DRJ4tzz0.png" alt="Other" />
                                  <p style="text-transform:uppercase;font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Informasi Publik</p>
                                </div>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="overflow:visible" class="_rootContainer_nkf0g_35">
                <div class="_imageContainer_nkf0g_10 m-4451eb3a mantine-Center-root">
                  <img style="--image-radius:50%;--image-object-fit:contain;box-shadow:var(--mantine-shadow-lg)" class="_image_nkf0g_7 m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/fallback-B6dzNJxy.png" />
                </div>
                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.5rem * var(--mantine-scale))" class="_title_nkf0g_15 m-8a5d1357 mantine-Title-root" data-order="1"></h1>
                <p style="font-weight:600" class="mantine-focus-auto _position_nkf0g_19 m-b6d8b162 mantine-Text-root"></p>
                 
                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="_heading_nkf0g_23 m-8a5d1357 mantine-Title-root __m__-R4klmmldeql" data-order="1">Sambutan Kepala
                  Desa
                </h1>
                <div class="_content_nkf0g_27">
                   
                  <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.4rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root __m__-R1dklmmldeql">
                    <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy">
                      <div style="min-width:100%;display:table">
                         
                        <div class="m-559cce2d mantine-Spoiler-root __m__-R1krdklmmldeql" id="mantine-Rkrdklmmldeql">
                          <div class="m-b912df4e mantine-Spoiler-content" style="max-height:calc(13.950000000000001rem * var(--mantine-scale))" data-reduce-motion="true" role="region" id="mantine-Rkrdklmmldeql-region">
                            <div>
                               
                              <div style="--mantine-spacing-lg:1.55em;padding-left:0rem" class="m-d6493fad mantine-TypographyStylesProvider-root __m__-R1bkrdklmmldeql">
                                <div style="display:contents"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
                    <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
                  </div>
                </div>
              </div>
              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <div class="">
                   
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R1lktmmldeql" data-order="1">Peta
                    Desa
                  </h1>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lktmmldeql">Menampilkan Peta
                    Desa
                     Dengan <em>Interest Point</em>
                    Desa Tinggarsari
                  </p>
                </div>
                <div style="margin-top:var(--mantine-spacing-md)" class="">
                  <div style="position:relative;width:100%;height:100vh;max-height:calc(30rem * var(--mantine-scale))"></div>
                </div>
              </div>
              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <div class="">
                   
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="m-8a5d1357 mantine-Title-root __m__-R1ll5mmldeql" data-order="1">SOTK</h1>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2ll5mmldeql">Struktur Organisasi dan Tata Kerja
                    
                    Desa Tinggarsari
                  </p>
                </div>
                <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">
                  <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                    <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                      <span class="m-8d3afb97 mantine-ActionIcon-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
                          <path d="M5 12l14 0"></path>
                          <path d="M5 12l4 4"></path>
                          <path d="M5 12l4 -4"></path>
                        </svg>
                      </span>
                    </button>
                    <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                      <span class="m-8d3afb97 mantine-ActionIcon-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
                          <path d="M5 12l14 0"></path>
                          <path d="M15 16l4 -4"></path>
                          <path d="M15 8l4 4"></path>
                        </svg>
                      </span>
                    </button>
                  </div>
                   
                  <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);width:91vw" class="m-17884d0f mantine-Carousel-root __m__-R2ml5mmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
                    <div class="m-a2dae653 mantine-Carousel-viewport">
                      <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                    </div>
                  </div>
                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/#">
                    <span class="m-80f1301b mantine-Button-inner">
                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
                    </span>
                  </a>
                </div>
                <div class="mantine-visible-from-sm">
                   
                  <div class="m-410352e9 mantine-Grid-root __m__-R1nl5mmldeql">
                    <div class="m-dee7bd2f mantine-Grid-inner"></div>
                  </div>
                  <div style="display:none" class="">
                     
                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rmnl5mmldeql">
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-user-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
                          <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
                          <path d="M6 21v-2a4 4 0 0 1 4 -4h3.5"></path>
                          <path d="M22 22l-5 -5"></path>
                          <path d="M17 22l5 -5"></path>
                        </svg>
                         
                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dmnl5mmldeql">Belum ada data aparat desa</p>
                      </div>
                    </div>
                  </div>
                  <div style="display:none" class="">
                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                    <div style="--group-gap:0rem;--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/#">
                        <span class="m-80f1301b mantine-Button-inner">
                          <span class="m-a74036a mantine-Button-section" data-position="left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                              <path d="M9 7l6 0"></path>
                              <path d="M9 11l6 0"></path>
                              <path d="M9 15l4 0"></path>
                            </svg>
                          </span>
                          <span class="m-811560b9 mantine-Button-label">
                            <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">lihat struktur lebih lengkap</p>
                          </span>
                        </span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
              <div style="--stack-gap:calc(1.875rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <div class="">
                   
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="m-8a5d1357 mantine-Title-root __m__-R1lldmmldeql" data-order="1">Administrasi Penduduk</h1>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lldmmldeql mantine-visible-from-sm">Sistem digital yang berfungsi mempermudah pengelolaan data dan informasi terkait dengan kependudukan dan pendayagunaannya untuk pelayanan publik yang efektif dan efisien</p>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R3lldmmldeql mantine-hidden-from-sm">Efisiensi pengelolaan data dan informasi kependudukan yang lebih efektif.</p>
                  <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                   
                  <div style="text-align:center" class="m-2415a157 mantine-SimpleGrid-root __m__-R5lldmmldeql mantine-hidden-from-sm">
                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                      <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" />
                      <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">3953</h1>
                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
                    </div>
                     
                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-R8rdlldmmldeql mantine-visible-from-sm">
                      <div class="m-dee7bd2f mantine-Grid-inner">
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mordlldmmldeql">
                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">5.016</p>
                          </div>
                        </div>
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mordlldmmldeql">
                          <div style="display:block" class="">
                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                      <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" />
                      <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">2001</h1>
                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
                    </div>
                     
                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-R9bdlldmmldeql mantine-visible-from-sm">
                      <div class="m-dee7bd2f mantine-Grid-inner">
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mpbdlldmmldeql">
                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">2001</p>
                          </div>
                        </div>
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mpbdlldmmldeql">
                          <div style="display:block" class="">
                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                      <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" />
                      <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">501</h1>
                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
                    </div>
                     
                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-R9rdlldmmldeql mantine-visible-from-sm">
                      <div class="m-dee7bd2f mantine-Grid-inner">
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mprdlldmmldeql">
                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                          </div>
                        </div>
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mprdlldmmldeql">
                          <div style="display:block" class="">
                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                      <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" />
                      <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">1952</h1>
                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
                    </div>
                     
                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rabdlldmmldeql mantine-visible-from-sm">
                      <div class="m-dee7bd2f mantine-Grid-inner">
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqbdlldmmldeql">
                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                          </div>
                        </div>
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqbdlldmmldeql">
                          <div style="display:block" class="">
                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/penduduk-sementara-P644cOda.png" alt="other" />
                      <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">59</h1>
                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
                    </div>
                     
                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rardlldmmldeql mantine-visible-from-sm">
                      <div class="m-dee7bd2f mantine-Grid-inner">
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqrdlldmmldeql">
                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                          </div>
                        </div>
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqrdlldmmldeql">
                          <div style="display:block" class="">
                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                      <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/mutasi-penduduk-_1rO7gmp.png" alt="other" />
                      <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">50</h1>
                      <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
                    </div>
                     
                    <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rbbdlldmmldeql mantine-visible-from-sm">
                      <div class="m-dee7bd2f mantine-Grid-inner">
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mrbdlldmmldeql">
                          <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                            <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                          </div>
                        </div>
                         
                        <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mrbdlldmmldeql">
                          <div style="display:block" class="">
                            <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                 
                <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R2ldmmldeql mantine-visible-from-sm">
                  <div class="m-dee7bd2f mantine-Grid-inner">
                     
                    <div class="m-96bdd299 mantine-Grid-col __m__-Rdmldmmldeql">
                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                        <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" />
                        <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">3953</h1>
                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
                      </div>
                       
                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Raqdmldmmldeql mantine-visible-from-sm">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqqdmldmmldeql">
                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                            </div>
                          </div>
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqqdmldmmldeql">
                            <div style="display:block" class="">
                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                     
                    <div class="m-96bdd299 mantine-Grid-col __m__-Rlmldmmldeql">
                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                        <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" />
                        <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">2001</h1>
                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
                      </div>
                       
                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Raqlmldmmldeql mantine-visible-from-sm">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqqlmldmmldeql">
                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                            </div>
                          </div>
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqqlmldmmldeql">
                            <div style="display:block" class="">
                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                     
                    <div class="m-96bdd299 mantine-Grid-col __m__-Rtmldmmldeql">
                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                        <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" />
                        <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">501</h1>
                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
                      </div>
                       
                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Raqtmldmmldeql mantine-visible-from-sm">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqqtmldmmldeql">
                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                            </div>
                          </div>
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqqtmldmmldeql">
                            <div style="display:block" class="">
                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kepala Keluarga</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                     
                    <div class="m-96bdd299 mantine-Grid-col __m__-R15mldmmldeql">
                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                        <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" />
                        <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>
                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
                      </div>
                       
                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rar5mldmmldeql mantine-visible-from-sm">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqr5mldmmldeql">
                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                            </div>
                          </div>
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqr5mldmmldeql">
                            <div style="display:block" class="">
                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                     
                    <div class="m-96bdd299 mantine-Grid-col __m__-R1dmldmmldeql">
                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/penduduk-sementara-P644cOda.png" alt="other" />
                        <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">59</h1>
                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
                      </div>
                       
                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rardmldmmldeql mantine-visible-from-sm">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqrdmldmmldeql">
                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                            </div>
                          </div>
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqrdmldmmldeql">
                            <div style="display:block" class="">
                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk Sementara</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                     
                    <div class="m-96bdd299 mantine-Grid-col __m__-R1lmldmmldeql">
                      <div style="--stack-gap:calc(0.1875rem * var(--mantine-scale));--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
                        <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/mutasi-penduduk-_1rO7gmp.png" alt="other" />
                        <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">50</h1>
                        <p style="font-size:calc(0.875rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
                      </div>
                       
                      <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1)" class="m-410352e9 mantine-Grid-root __m__-Rarlmldmmldeql mantine-visible-from-sm">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R1mqrlmldmmldeql">
                            <div style="background:linear-gradient(163deg, var(--mantine-color-primary-5), var(--mantine-color-primary-2))" class="">
                              <p style="color:#fff;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                            </div>
                          </div>
                           
                          <div style="padding:0rem" class="m-96bdd299 mantine-Grid-col __m__-R2mqrlmldmmldeql">
                            <div style="display:block" class="">
                              <p style="color:#5A5E62;font-size:calc(1.625rem * var(--mantine-scale));font-weight:800;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Mutasi Penduduk</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="margin:0rem" class="mantine-hidden-from-sm">
                 
                <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R6llmmldeql" data-order="1">APB Desa </h1>
                 
                <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rallmmldeql">Akses cepat dan transparan terhadap APB Desa serta proyek pembangunan</p>
                <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                  <div style="--paper-radius:var(--mantine-radius-md);background:#F1FBF9" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root" data-with-border="true">
                    <div class="m-599a2148 mantine-Card-section" data-first-section="true">
                       
                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-R5ddillmmldeql">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="#029019" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-download">
                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
                              <path d="M7 11l5 5l5 -5"></path>
                              <path d="M12 4l0 12"></path>
                            </svg>
                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pendapatan</p>
                          </div>
                          <p style="color:#029019;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp1.950.506.200,00</p>
                        </div>
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="#D60505" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-upload">
                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
                              <path d="M7 9l5 -5l5 5"></path>
                              <path d="M12 4l0 12"></path>
                            </svg>
                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
                          </div>
                          <p style="color:#D60505;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp1.501.250.000,00</p>
                        </div>
                      </div>
                    </div>
                    <div class="m-599a2148 mantine-Card-section">
                      <p style="margin-bottom:calc(-0.625rem * var(--mantine-scale));color:var(--mantine-color-primary-3);font-size:calc(1rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pembiayaan</p>
                       
                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-Rlldillmmldeql">
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="#029019" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-download">
                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
                              <path d="M7 11l5 5l5 -5"></path>
                              <path d="M12 4l0 12"></path>
                            </svg>
                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penerimaan</p>
                          </div>
                          <p style="color:#029019;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
                        </div>
                        <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;padding-block:var(--mantine-spacing-sm)" class="m-6d731127 mantine-Stack-root">
                          <div style="--group-gap:calc(0.125rem * var(--mantine-scale));--group-align:center;--group-justify:center;--group-wrap:nowrap" class="m-4081bf90 mantine-Group-root">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="#D60505" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-upload">
                              <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
                              <path d="M7 9l5 -5l5 5"></path>
                              <path d="M12 4l0 12"></path>
                            </svg>
                            <p style="color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengeluaran</p>
                          </div>
                          <p style="color:#D60505;font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
                        </div>
                      </div>
                    </div>
                    <div style="border-top:1px solid #77D8C5" class="m-599a2148 mantine-Card-section" data-last-section="true">
                      <p style="padding-block:var(--mantine-spacing-sm);color:#5D5D5D;font-size:calc(0.875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Surplus/Defisit
                        
                        <b>Rp0,00</b>
                      </p>
                    </div>
                  </div>
                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-variant="outline" data-block="true" data-discover="true" href="/#">
                    <span class="m-80f1301b mantine-Button-inner">
                      <span class="m-811560b9 mantine-Button-label">Lihat Detail</span>
                    </span>
                  </a>
                </div>
              </div>
               
              <div class="m-410352e9 mantine-Grid-root __m__-R9lmmldeql mantine-visible-from-sm">
                <div class="m-dee7bd2f mantine-Grid-inner">
                   
                  <div class="m-96bdd299 mantine-Grid-col __m__-R1mplmmldeql">
                    <img style="padding:var(--mantine-spacing-xl)" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/other-D5R53cMR.png" alt="Other" />
                  </div>
                   
                  <div class="m-96bdd299 mantine-Grid-col __m__-R2mplmmldeql">
                    <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                      <div class="">
                         
                        <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-Rdddmmplmmldeql" data-order="1">APB Desa </h1>
                         
                        <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlddmmplmmldeql">Akses cepat dan transparan terhadap APB Desa serta proyek pembangunan</p>
                      </div>
                       
                      <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Rldmmplmmldeql">
                        <div class="m-dee7bd2f mantine-Grid-inner">
                           
                          <div class="m-96bdd299 mantine-Grid-col __m__-R1dldmmplmmldeql">
                            <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                              <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-inline:var(--mantine-spacing-xl);padding-block:var(--mantine-spacing-sm);background:rgba(255, 255, 255, 0.50)" class="">
                                <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                                  <p style="color:#5A5E62;font-size:calc(1.125rem * var(--mantine-scale));font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pendapatan Desa</p>
                                  <p style="color:#5A5E62;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:right" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
                                </div>
                              </div>
                              <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-inline:var(--mantine-spacing-xl);padding-block:var(--mantine-spacing-sm);background:rgba(255, 255, 255, 0.50)" class="">
                                <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                                  <p style="color:#5A5E62;font-size:calc(1.125rem * var(--mantine-scale));font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja Desa</p>
                                  <p style="color:#5A5E62;font-size:calc(2.75rem * var(--mantine-scale));font-weight:800;text-align:right" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Rp0,00</p>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                    <div style="--group-gap:0rem;--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/#">
                        <span class="m-80f1301b mantine-Button-inner">
                          <span class="m-a74036a mantine-Button-section" data-position="left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                              <path d="M9 7l6 0"></path>
                              <path d="M9 11l6 0"></path>
                              <path d="M9 15l4 0"></path>
                            </svg>
                          </span>
                          <span class="m-811560b9 mantine-Button-label">
                            <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">lihat data lebih lengkap</p>
                          </span>
                        </span>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <div class="">
                   
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5)" class="m-8a5d1357 mantine-Title-root __m__-R1lltmmldeql" data-order="1">Berita
                    Desa
                  </h1>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lltmmldeql">Menyajikan informasi terbaru tentang peristiwa, berita terkini, dan artikel-artikel jurnalistik dari
                    
                    Desa Tinggarsari
                  </p>
                  <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">
                    <div style="display:none" class="">
                       
                      <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rlnlltmmldeql">
                        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-news-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                            <path d="M16 6h3a1 1 0 0 1 1 1v9m-.606 3.435a2 2 0 0 1 -3.394 -1.435v-2m0 -4v-7a1 1 0 0 0 -1 -1h-7m-3.735 .321a1 1 0 0 0 -.265 .679v12a3 3 0 0 0 3 3h11"></path>
                            <path d="M8 12h4"></path>
                            <path d="M8 16h4"></path>
                            <path d="M3 3l18 18"></path>
                          </svg>
                           
                          <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dlnlltmmldeql">Belum Ada Data</p>
                        </div>
                      </div>
                    </div>
                    <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
                      <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
                              <path d="M5 12l14 0"></path>
                              <path d="M5 12l4 4"></path>
                              <path d="M5 12l4 -4"></path>
                            </svg>
                          </span>
                        </button>
                        <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
                              <path d="M5 12l14 0"></path>
                              <path d="M15 16l4 -4"></path>
                              <path d="M15 8l4 4"></path>
                            </svg>
                          </span>
                        </button>
                      </div>
                       
                      <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);width:90vw" class="m-17884d0f mantine-Carousel-root __m__-R2mnlltmmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
                        <div class="m-a2dae653 mantine-Carousel-viewport">
                          <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                        </div>
                      </div>
                      <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/#">
                        <span class="m-80f1301b mantine-Button-inner">
                          <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
                        </span>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="mantine-visible-from-sm">
                  <div style="display:none" class="">
                     
                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rlmltmmldeql">
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-news-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                          <path d="M16 6h3a1 1 0 0 1 1 1v9m-.606 3.435a2 2 0 0 1 -3.394 -1.435v-2m0 -4v-7a1 1 0 0 0 -1 -1h-7m-3.735 .321a1 1 0 0 0 -.265 .679v12a3 3 0 0 0 3 3h11"></path>
                          <path d="M8 12h4"></path>
                          <path d="M8 16h4"></path>
                          <path d="M3 3l18 18"></path>
                        </svg>
                         
                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dlmltmmldeql">Belum ada artikel berita yang diterbitkan</p>
                      </div>
                    </div>
                  </div>
                  <div style="display:none" class="">
                     
                    <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R1mmltmmldeql">
                      <div class="m-dee7bd2f mantine-Grid-inner"></div>
                    </div>
                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <button style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" type="button">
                        <span class="m-80f1301b mantine-Button-inner">
                          <span class="m-a74036a mantine-Button-section" data-position="left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                              <path d="M9 7l6 0"></path>
                              <path d="M9 11l6 0"></path>
                              <path d="M9 15l4 0"></path>
                            </svg>
                          </span>
                          <span class="m-811560b9 mantine-Button-label">
                            <a style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-discover="true" href="/#">LIHAT BERITA LEBIH BANYAK</a>
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
              <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">
                <div class="">
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(1.25rem * var(--mantine-scale));text-align:center;text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">POTENSI
                    Desa
                  </h1>
                  <p style="font-size:var(--mantine-font-size-md);text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Potensi dan kemajuan
                    
                    <span style="text-transform:lowercase">Desa</span> di berbagai bidang (ekonomi, pariwisata, dan lain-lain)
                  </p>
                </div>
                <div style="display:none" class="">
                   
                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2qm5mmldeql">
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-fish-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                        <path d="M16.69 7.44a6.973 6.973 0 0 0 -1.63 3.635"></path>
                        <path d="M2 9.504c5.307 5.948 10.293 8.57 14.597 7.1m2.583 -1.449c.988 -.788 1.93 -1.836 2.82 -3.153c-3 -4.443 -6.596 -5.812 -10.564 -4.548m-2.764 1.266c-2.145 1.266 -4.378 3.215 -6.672 5.786"></path>
                        <path d="M18 11v.01"></path>
                        <path d="M11.153 11.169c-.287 .777 -.171 1.554 .347 2.331"></path>
                        <path d="M3 3l18 18"></path>
                      </svg>
                       
                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmqm5mmldeql">Belum Ada Data</p>
                    </div>
                  </div>
                </div>
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
                   
                  <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm)" class="m-17884d0f mantine-Carousel-root __m__-R6um5mmldeql mantine-hidden-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
                    <div class="m-a2dae653 mantine-Carousel-viewport">
                      <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                    </div>
                  </div>
                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/#">
                    <span class="m-80f1301b mantine-Button-inner">
                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
                    </span>
                  </a>
                </div>
              </div>
              <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">
                 
                <div class="m-2415a157 mantine-SimpleGrid-root __m__-R6q5mmldeql">
                  <div class="">
                    <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">POTENSI
                      Desa
                    </h1>
                    <div class="">
                      <p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Informasi tentang potensi dan kemajuan
                        
                        <span style="text-transform:lowercase">Desa</span>
                        di berbagai bidang seperti ekonomi, pariwisata, pertanian, industri kreatif, dan kelestarian lingkungan
                      </p>
                    </div>
                  </div>
                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                    <div style="display:none" class="">
                      <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                      <button style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" type="button">
                        <span class="m-80f1301b mantine-Button-inner">
                          <span class="m-a74036a mantine-Button-section" data-position="left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                              <path d="M9 7l6 0"></path>
                              <path d="M9 11l6 0"></path>
                              <path d="M9 15l4 0"></path>
                            </svg>
                          </span>
                          <span class="m-811560b9 mantine-Button-label">
                            <a style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-discover="true" href="/#">LIHAT POTENSI LEBIH BANYAK</a>
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                </div>
                <div style="display:none" class="">
                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                     
                    <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-xs)" class="m-17884d0f mantine-Carousel-root __m__-R1mqq5mmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
                      <div class="m-a2dae653 mantine-Carousel-viewport">
                        <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                      </div>
                    </div>
                    <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
                            <path d="M5 12l14 0"></path>
                            <path d="M5 12l4 4"></path>
                            <path d="M5 12l4 -4"></path>
                          </svg>
                        </span>
                      </button>
                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
                            <path d="M5 12l14 0"></path>
                            <path d="M15 16l4 -4"></path>
                            <path d="M15 8l4 4"></path>
                          </svg>
                        </span>
                      </button>
                    </div>
                  </div>
                </div>
                <div style="display:none" class="">
                   
                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2uq5mmldeql">
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-fish-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                        <path d="M16.69 7.44a6.973 6.973 0 0 0 -1.63 3.635"></path>
                        <path d="M2 9.504c5.307 5.948 10.293 8.57 14.597 7.1m2.583 -1.449c.988 -.788 1.93 -1.836 2.82 -3.153c-3 -4.443 -6.596 -5.812 -10.564 -4.548m-2.764 1.266c-2.145 1.266 -4.378 3.215 -6.672 5.786"></path>
                        <path d="M18 11v.01"></path>
                        <path d="M11.153 11.169c-.287 .777 -.171 1.554 .347 2.331"></path>
                        <path d="M3 3l18 18"></path>
                      </svg>
                       
                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmuq5mmldeql">Belum ada potensi Desa yang terdaftar</p>
                    </div>
                  </div>
                </div>
              </div>
              <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">
                <div class="">
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(1.25rem * var(--mantine-scale));text-align:center" class="m-8a5d1357 mantine-Title-root" data-order="1">WISATA</h1>
                  <p style="font-size:var(--mantine-font-size-md);text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Layanan yang mempermudah promosi wisata
                    
                    <span style="text-transform:lowercase">Desa</span>
                    sehingga dapat menarik pengunjung
                    
                    <span style="text-transform:lowercase">Desa</span>
                  </p>
                </div>
                <div style="display:none" class="">
                   
                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2qmdmmldeql">
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-beach-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                        <path d="M15.071 15.102a7.502 7.502 0 0 0 -8.124 1.648"></path>
                        <path d="M10.27 6.269l9.926 5.731a6 6 0 0 0 -10.32 -6.123"></path>
                        <path d="M16.732 10c1.658 -2.87 2.225 -5.644 1.268 -6.196c-.957 -.552 -3.075 1.326 -4.732 4.196"></path>
                        <path d="M15 9l-.739 1.279"></path>
                        <path d="M12.794 12.82l-.794 1.376"></path>
                        <path d="M3 19.25a2.4 2.4 0 0 1 1 -.25a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 1.135 -.858"></path>
                        <path d="M3 3l18 18"></path>
                      </svg>
                       
                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmqmdmmldeql">Belum Ada Data</p>
                    </div>
                  </div>
                </div>
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
                   
                  <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm)" class="m-17884d0f mantine-Carousel-root __m__-R6umdmmldeql mantine-hidden-from-sm" data-orientation="horizontal" data-include-gap-in-size="true">
                    <div class="m-a2dae653 mantine-Carousel-viewport">
                      <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                    </div>
                  </div>
                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/#">
                    <span class="m-80f1301b mantine-Button-inner">
                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
                    </span>
                  </a>
                </div>
              </div>
              <div class="mantine-visible-from-sm">
                <div style="background-image:url(https://cdn.digitaldesa.com/statics/profil-v2/assets/background_wisata-DbjOCYPf.png)" class="m-2ce0de02 mantine-BackgroundImage-root">
                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;padding:calc(3.125rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
                    <div class="">
                      <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:white;font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">WISATA
                        Desa
                      </h1>
                      <p style="color:var(--mantine-color-white);font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Layanan yang mempermudah promosi wisata
                        
                        <span style="text-transform:lowercase">Desa</span>
                        sehingga dapat menarik pengunjung
                        
                        <span style="text-transform:lowercase">Desa</span>
                      </p>
                    </div>
                    <div style="display:none" class="">
                       
                      <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);control:[object Object];controls:[object Object]" class="m-17884d0f mantine-Carousel-root __m__-Rmmmqdmmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
                        <div class="m-a2dae653 mantine-Carousel-viewport">
                          <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                        </div>
                        <div class="m-39bc3463 mantine-Carousel-controls">
                          <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
                            <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
                              <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>
                            </svg>
                          </button>
                          <button class="mantine-focus-auto m-64f58e10 mantine-Carousel-control m-87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" tabindex="-1">
                            <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block">
                              <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>
                            </svg>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div style="display:none" class="">
                      <div style="padding:calc(1.25rem * var(--mantine-scale));background:transparent;opacity:0.7;width:max-content" class="m-1b7284a3 mantine-Paper-root">
                        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-beach-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                            <path d="M15.071 15.102a7.502 7.502 0 0 0 -8.124 1.648"></path>
                            <path d="M10.27 6.269l9.926 5.731a6 6 0 0 0 -10.32 -6.123"></path>
                            <path d="M16.732 10c1.658 -2.87 2.225 -5.644 1.268 -6.196c-.957 -.552 -3.075 1.326 -4.732 4.196"></path>
                            <path d="M15 9l-.739 1.279"></path>
                            <path d="M12.794 12.82l-.794 1.376"></path>
                            <path d="M3 19.25a2.4 2.4 0 0 1 1 -.25a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 1.135 -.858"></path>
                            <path d="M3 3l18 18"></path>
                          </svg>
                          <p style="color:var(--mantine-color-gray-4);font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belum ada titik wisata yang didaftarkan</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                  <div style="display:none" class="">
                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                    <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/#">
                      <span class="m-80f1301b mantine-Button-inner">
                        <span class="m-a74036a mantine-Button-section" data-position="left">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                            <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                            <path d="M9 7l6 0"></path>
                            <path d="M9 11l6 0"></path>
                            <path d="M9 15l4 0"></path>
                          </svg>
                        </span>
                        <span class="m-811560b9 mantine-Button-label">
                          <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">lihat wisata lebih banyak</p>
                        </span>
                      </span>
                    </a>
                  </div>
                </div>
              </div>
              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <div class="">
                   
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R1lmlmmldeql" data-order="1">BELI DARI
                    Desa
                  </h1>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2lmlmmldeql">Layanan yang disediakan promosi produk UMKM
                    
                    <span style="text-transform:lowercase">Desa</span>
                    sehingga mampu meningkatkan perekonomian masyarakat
                    
                    <span style="text-transform:lowercase">Desa</span>
                  </p>
                </div>
                <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">
                  <div style="display:none" class="">
                     
                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rlmmlmmldeql">
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shopping-cart-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                          <path d="M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
                          <path d="M17 17a2 2 0 1 0 2 2"></path>
                          <path d="M17 17h-11v-11"></path>
                          <path d="M9.239 5.231l10.761 .769l-1 7h-2m-4 0h-7"></path>
                          <path d="M3 3l18 18"></path>
                        </svg>
                         
                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dlmmlmmldeql">Belum Ada Data</p>
                      </div>
                    </div>
                  </div>
                  <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;display:none" class="m-6d731127 mantine-Stack-root">
                    <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-left">
                            <path d="M5 12l14 0"></path>
                            <path d="M5 12l4 4"></path>
                            <path d="M5 12l4 -4"></path>
                          </svg>
                        </span>
                      </button>
                      <button style="--ai-size:var(--ai-size-xl);--ai-bg:transparent;--ai-hover:var(--mantine-color-primary-light-hover);--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="xl" type="button">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <svg xmlns="http://www.w3.org/2000/svg" width="2.125rem" height="2.125rem" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-narrow-right">
                            <path d="M5 12l14 0"></path>
                            <path d="M15 16l4 -4"></path>
                            <path d="M15 8l4 4"></path>
                          </svg>
                        </span>
                      </button>
                    </div>
                     
                    <div style="--carousel-control-size:calc(1.625rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);width:90vw" class="m-17884d0f mantine-Carousel-root __m__-R2mmmlmmldeql" data-orientation="horizontal" data-include-gap-in-size="true">
                      <div class="m-a2dae653 mantine-Carousel-viewport">
                        <div class="m-fcd81474 mantine-Carousel-container" data-orientation="horizontal"></div>
                      </div>
                    </div>
                    <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-block="true" data-discover="true" href="/#">
                      <span class="m-80f1301b mantine-Button-inner">
                        <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
                      </span>
                    </a>
                  </div>
                </div>
                <div class="mantine-visible-from-sm">
                  <div style="display:none" class="">
                     
                    <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R1lnmlmmldeql">
                      <div class="m-dee7bd2f mantine-Grid-inner"></div>
                    </div>
                    <div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm">
                      <button style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" type="button">
                        <span class="m-80f1301b mantine-Button-inner">
                          <span class="m-a74036a mantine-Button-section" data-position="left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                              <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                              <path d="M9 7l6 0"></path>
                              <path d="M9 11l6 0"></path>
                              <path d="M9 15l4 0"></path>
                            </svg>
                          </span>
                          <span class="m-811560b9 mantine-Button-label">
                            <a style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-discover="true" href="/#">LIHAT PRODUK LEBIH BANYAK</a>
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div style="display:none" class="">
                     
                    <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2mnmlmmldeql">
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shopping-cart-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
                          <path d="M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
                          <path d="M17 17a2 2 0 1 0 2 2"></path>
                          <path d="M17 17h-11v-11"></path>
                          <path d="M9.239 5.231l10.761 .769l-1 7h-2m-4 0h-7"></path>
                          <path d="M3 3l18 18"></path>
                        </svg>
                         
                        <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmmnmlmmldeql">Belum ada produk Desa yang dipasarkan</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <div class="">
                   
                  <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root __m__-R39mtmmldeql" data-order="1">GALERI
                    Desa
                  </h1>
                   
                  <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R59mtmmldeql">Menampilkan kegiatan-kegiatan yang berlangsung di
                    
                    <span style="text-transform:lowercase">Desa</span>
                  </p>
                </div>
                <div style="display:none" class="">
                   
                  <div class="m-410352e9 mantine-Grid-root __m__-R3amtmmldeql">
                    <div class="m-dee7bd2f mantine-Grid-inner"></div>
                  </div>
                  <a style="--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:color-mix(in srgb, var(--mantine-color-primary-4), transparent 95%);--button-color:var(--mantine-color-primary-4);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-primary-4)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-variant="outline" data-block="true" data-discover="true" href="/#">
                    <span class="m-80f1301b mantine-Button-inner">
                      <span class="m-811560b9 mantine-Button-label">Lihat Semua</span>
                    </span>
                  </a>
                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm">
                    <a style="--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);border:0;background:transparent" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-with-left-section="true" data-discover="true" href="/#">
                      <span class="m-80f1301b mantine-Button-inner">
                        <span class="m-a74036a mantine-Button-section" data-position="left">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-notes">
                            <path d="M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
                            <path d="M9 7l6 0"></path>
                            <path d="M9 11l6 0"></path>
                            <path d="M9 15l4 0"></path>
                          </svg>
                        </span>
                        <span class="m-811560b9 mantine-Button-label">
                          <p style="color:var(--mantine-color-black);font-weight:bold;text-transform:uppercase" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">LIHAT FOTO LEBIH BANYAK</p>
                        </span>
                      </span>
                    </a>
                  </div>
                </div>
                <div style="display:none" class="mantine-visible-from-sm">
                   
                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R1bmtmmldeql">
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
                        <path d="M15 8h.01"></path>
                        <path d="M13 21h-7a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v7"></path>
                        <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l3 3"></path>
                        <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0"></path>
                        <path d="M22 22l-5 -5"></path>
                        <path d="M17 22l5 -5"></path>
                      </svg>
                       
                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rarbmtmmldeql">Belum ada foto galeri yang diunggah</p>
                    </div>
                  </div>
                </div>
                <div style="display:none" class="mantine-hidden-from-sm">
                   
                  <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R1cmtmmldeql">
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo-x" style="width:calc(2rem * var(--mantine-scale));height:auto">
                        <path d="M15 8h.01"></path>
                        <path d="M13 21h-7a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v7"></path>
                        <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l3 3"></path>
                        <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0"></path>
                        <path d="M22 22l-5 -5"></path>
                        <path d="M17 22l5 -5"></path>
                      </svg>
                       
                      <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rarcmtmmldeql">Belum Ada Data</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <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">
        <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">
          <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
            <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:var(--mantine-color-primary-4)" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/">
              <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">
                <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
              </svg>
              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Beranda</p>
            </a>
            <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="/#">
              <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">
                <path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697"></path>
                <path d="M18 14v4h4"></path>
                <path d="M18 11v-4a2 2 0 0 0 -2 -2h-2"></path>
                <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>
                <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
                <path d="M8 11h4"></path>
                <path d="M8 15h3"></path>
              </svg>
              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p>
            </a>
            <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="/#">
              <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">
                <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>
                <path d="M8 8l4 0"></path>
                <path d="M8 12l4 0"></path>
                <path d="M8 16l4 0"></path>
              </svg>
              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p>
            </a>
            <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="/#">
              <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">
                <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>
                <path d="M9 11v-5a3 3 0 0 1 6 0v5"></path>
              </svg>
              <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
            </a>
          </div>
        </div>
      </div>
      <div class="mantine-hidden-from-sm">
        <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">
          <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
            <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
              <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" />
              <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                <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 Tinggarsari</p>
                <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
                  
                  Busungbiu
                </p>
                <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
                  
                  Buleleng
                </p>
                <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
                  
                  Bali
                </p>
              </div>
            </div>
            <div style="color:#fff" class="m-9bdbb667 mantine-Accordion-root" data-variant="filled" id="mantine-Ramr7deql" data-accordion="true">
              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
                <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">
                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
                    <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">
                      <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>
                    </svg>
                  </span>
                  <span class="m-df3ffa0f mantine-Accordion-label">
                    <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>
                  </span>
                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
                    <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))">
                      <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
                      <path d="M3.6 9h16.8"></path>
                      <path d="M3.6 15h16.8"></path>
                      <path d="M11.5 3a17 17 0 0 0 0 18"></path>
                      <path d="M12.5 3a17 17 0 0 1 0 18"></path>
                    </svg>
                  </span>
                </button>
                <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">
                  <div class="m-4ba554d4 mantine-Accordion-content">
                    <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">
                       
                      <div class="m-2415a157 mantine-SimpleGrid-root __m__-R2radqmr7deql">
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Hari Ini</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kemarin</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Ini</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Lalu</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Ini</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Lalu</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                        <div class="">
                          <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Total Kunjungan</p>
                          <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
                <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">
                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
                    <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">
                      <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>
                    </svg>
                  </span>
                  <span class="m-df3ffa0f mantine-Accordion-label">
                    <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
                      Desa
                    </h1>
                  </span>
                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
                    <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))">
                      <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>
                    </svg>
                  </span>
                </button>
                <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">
                  <div class="m-4ba554d4 mantine-Accordion-content">
                    <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">
                      <ul style="font-size:calc(0.875rem * var(--mantine-scale))" class="m-abbac491 mantine-List-root">
                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                          <div class="m-75cd9f71 mantine-List-itemWrapper">
                            <span class="m-60f83e5b mantine-List-itemIcon">
                              <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">
                                <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>
                              </svg>
                            </span>
                            <span class="mantine-List-itemLabel">
                              <a style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:081391235522" target="_blank">081391235522</a>
                            </span>
                          </div>
                        </li>
                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                          <div class="m-75cd9f71 mantine-List-itemWrapper">
                            <span class="m-60f83e5b mantine-List-itemIcon">
                              <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">
                                <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>
                                <path d="M3 7l9 6l9 -6"></path>
                              </svg>
                            </span>
                            <span class="mantine-List-itemLabel">
                              <a style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/#" target="_blank">
                                <span class="__cf_email__" data-cfemail="3e595f534e5150594d575a7e59535f5752105d5153">[email protected]</span>
                              </a>
                            </span>
                          </div>
                        </li>
                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                          <div class="m-75cd9f71 mantine-List-itemWrapper">
                            <span class="m-60f83e5b mantine-List-itemIcon">
                              <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">
                                <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
                                <path d="M12 7v5l3 3"></path>
                              </svg>
                            </span>
                            <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
                          </div>
                        </li>
                        <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                          <div class="m-75cd9f71 mantine-List-itemWrapper">
                            <span class="m-60f83e5b mantine-List-itemIcon">
                              <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">
                                <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
                                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
                                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
                              </svg>
                            </span>
                            <span class="mantine-List-itemLabel">
                              <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. Desa Tinggarsari Kec. Busungbiu</p>
                            </span>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
                <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">
                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
                    <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">
                      <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>
                    </svg>
                  </span>
                  <span class="m-df3ffa0f mantine-Accordion-label">
                    <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>
                  </span>
                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
                    <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))">
                      <path d="M8 16v-4a4 4 0 0 1 8 0v4"></path>
                      <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
                      <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>
                    </svg>
                  </span>
                </button>
                <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">
                  <div class="m-4ba554d4 mantine-Accordion-content">
                    <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">
                      <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-social" id="mantine-Ramr7deql-control-social">
                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
                    <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">
                      <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>
                    </svg>
                  </span>
                  <span class="m-df3ffa0f mantine-Accordion-label">
                    <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>
                  </span>
                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
                    <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))">
                      <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
                    </svg>
                  </span>
                </button>
                <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">
                  <div class="m-4ba554d4 mantine-Accordion-content">
                    <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                      <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                        <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&mibextid=ZbWKwL" target="_blank">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <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">
                              <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
                            </svg>
                          </span>
                        </a>
                        <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.gampong?igshid=YmMyMTA2M2Y=" target="_blank">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-instagram">
                              <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>
                              <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
                              <path d="M16.5 7.5l0 .01"></path>
                            </svg>
                          </span>
                        </a>
                        <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/gampongdesaku?s=11&t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <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">
                              <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>
                            </svg>
                          </span>
                        </a>
                        <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">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <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">
                              <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>
                              <path d="M10 9l5 3l-5 3z"></path>
                            </svg>
                          </span>
                        </a>
                        <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">
                          <span class="m-8d3afb97 mantine-ActionIcon-icon">
                            <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">
                              <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>
                            </svg>
                          </span>
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
                <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-address" id="mantine-Ramr7deql-control-address">
                  <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
                    <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">
                      <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>
                    </svg>
                  </span>
                  <span class="m-df3ffa0f mantine-Accordion-label">
                    <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>
                  </span>
                  <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
                    <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))">
                      <path d="M9 15l6 -6"></path>
                      <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
                      <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>
                    </svg>
                  </span>
                </button>
                <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">
                  <div class="m-4ba554d4 mantine-Accordion-content">
                    <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">
                      <ul class="m-abbac491 mantine-List-root"></ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
                      <p style="color:#fff;font-size:calc(0.6875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
              2025
               Powered by
              
              <strong>
                <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>
              </strong>
            </p>
          </div>
          <div style="height:calc(5rem * var(--mantine-scale));min-height:calc(5rem * var(--mantine-scale))" class=""></div>
        </div>
      </div>
      <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">
        <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="">
           
          <div style="--grid-justify:space-between;padding-inline:calc(1.25rem * var(--mantine-scale));padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:calc(1.25rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R6rndeql">
            <div class="m-dee7bd2f mantine-Grid-inner">
               
              <div class="m-96bdd299 mantine-Grid-col __m__-R1mmrndeql">
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                    <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" />
                    <div class="">
                      <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 Tinggarsari</p>
                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan
                        
                        Busungbiu
                      </p>
                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten
                        
                        Buleleng
                      </p>
                      <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi
                        
                        Bali
                      </p>
                    </div>
                  </div>
                  <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                    <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>
                    <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                      <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&mibextid=ZbWKwL" target="_blank">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <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">
                            <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
                          </svg>
                        </span>
                      </a>
                      <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.gampong?igshid=YmMyMTA2M2Y=" target="_blank">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <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">
                            <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>
                            <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
                            <path d="M16.5 7.5l0 .01"></path>
                          </svg>
                        </span>
                      </a>
                      <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/gampongdesaku?s=11&t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <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">
                            <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
                            <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
                          </svg>
                        </span>
                      </a>
                      <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">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <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">
                            <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>
                            <path d="M10 9l5 3l-5 3z"></path>
                          </svg>
                        </span>
                      </a>
                      <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">
                        <span class="m-8d3afb97 mantine-ActionIcon-icon">
                          <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">
                            <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>
                          </svg>
                        </span>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
               
              <div class="m-96bdd299 mantine-Grid-col __m__-R2mmrndeql">
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                  <p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kontak
                    Desa
                  </p>
                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
                        <div style="min-width:100%;display:table">
                          <ul class="m-abbac491 mantine-List-root">
                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                              <div class="m-75cd9f71 mantine-List-itemWrapper">
                                <span class="m-60f83e5b mantine-List-itemIcon">
                                  <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">
                                    <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>
                                  </svg>
                                </span>
                                <span class="mantine-List-itemLabel">
                                  <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:081391235522" target="_blank">081391235522</a>
                                </span>
                              </div>
                            </li>
                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                              <div class="m-75cd9f71 mantine-List-itemWrapper">
                                <span class="m-60f83e5b mantine-List-itemIcon">
                                  <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">
                                    <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>
                                    <path d="M3 7l9 6l9 -6"></path>
                                  </svg>
                                </span>
                                <span class="mantine-List-itemLabel">
                                  <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/#" target="_blank">
                                    <span class="__cf_email__" data-cfemail="99fef8f4e9f6f7feeaf0fdd9fef4f8f0f5b7faf6f4">[email protected]</span>
                                  </a>
                                </span>
                              </div>
                            </li>
                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                              <div class="m-75cd9f71 mantine-List-itemWrapper">
                                <span class="m-60f83e5b mantine-List-itemIcon">
                                  <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">
                                    <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
                                    <path d="M12 7v5l3 3"></path>
                                  </svg>
                                </span>
                                <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
                              </div>
                            </li>
                            <li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
                              <div class="m-75cd9f71 mantine-List-itemWrapper">
                                <span class="m-60f83e5b mantine-List-itemIcon">
                                  <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">
                                    <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
                                    <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
                                    <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
                                  </svg>
                                </span>
                                <span class="mantine-List-itemLabel">
                                  <p style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jln. Desa Tinggarsari Kec. Busungbiu</p>
                                </span>
                              </div>
                            </li>
                          </ul>
                        </div>
                      </div>
                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
                    </div>
                  </div>
                </div>
              </div>
               
              <div class="m-96bdd299 mantine-Grid-col __m__-R3mmrndeql">
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                  <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>
                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
                        <div style="min-width:100%;display:table">
                          <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
                        </div>
                      </div>
                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
                    </div>
                  </div>
                </div>
              </div>
               
              <div class="m-96bdd299 mantine-Grid-col __m__-R4mmrndeql">
                <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
                  <p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Jelajahi</p>
                  <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
                    
                    Busungbiu
                  </p>
                  <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
                    
                    Buleleng
                  </p>
                  <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
                    
                    Bali
                  </p>
                  <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
                    <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
                      <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
                        <div style="min-width:100%;display:table">
                          <ul class="m-abbac491 mantine-List-root"></ul>
                        </div>
                      </div>
                      <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
                      <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div style="background:var(--mantine-color-primary-5)" class="m-4451eb3a mantine-Center-root">
            <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
              2025
               Powered by
              
              <strong>
                <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>
              </strong>
            </p>
          </div>
        </div>
      </footer>
      <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">
        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
          <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
            <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">
              <path d="M4 14v-3a8 8 0 1 1 16 0v3"></path>
              <path d="M18 19c0 1.657 -2.686 3 -6 3"></path>
              <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>
              <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>
            </svg>
          </div>
          <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>
        </div>
      </div>
      <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">
        <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
          <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
            <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">
              <path d="M14 12v.01"></path>
              <path d="M3 21h18"></path>
              <path d="M6 21v-16a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v16"></path>
            </svg>
            <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:700" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
          </div>
          <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>
          <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">
            <path d="M6 9l6 6l6 -6"></path>
          </svg>
        </div>
      </div>
    </div>
     
     
     
     
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/jsx-runtime-ByGpHSPZ.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-B-yzDlGl.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/components-Cw2tsM1o.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/oauth-CjmpoasG.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/polymorphic-factory-BmRSLjeU.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-reduced-motion-yJY9mgkS.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Loader-BrUd6zYV.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Transition-F2jjUCfr.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/UnstyledButton-BwnCZJiS.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/store-BqiOundV.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Image-BOqHIzWn.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Stack-CY4nQ1av.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Title-s_pNpi_m.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Text-DgvQ2Yzd.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Group-DaVFy2M0.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Button-B6l5RFbd.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Code-D2_oEjqG.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gql-DZiq67mF.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/utils-EFR0FJmZ.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-DpYVSX1o.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/metadata-BHaf7C0V.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/px-CiO0pVtX.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-contrast-color-DGT1xAlz.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-isomorphic-effect-BGcWboEs.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Center-BLgiunvn.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/is-element-CI8e1h0p.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-id-CBFaeZXz.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-merged-ref-BJm5sttg.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/InputBase-DbFNPVtF.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-DBv3gr79.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/createReactComponent-DG7S5Nwq.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/CloseButton-DetmG4UX.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-uncontrolled-DgPl9ViR.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/TextInput-B42PaN1w.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-BQVM1Jfk.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/assets-DLkOJ042.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/typebox-v0AVxb13.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DirectionProvider-CZrhDgZ9.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-safe-context-jSuPt_P6.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-default-z-index-CUjKoHex.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-floating-auto-update-Ng1_GWo4.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/OptionalPortal-BdNhCZIw.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ScrollArea-DwirfqyO.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Paper-DipXWK5o.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Overlay-ByElZ9nI.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/tslib.es6-DPLsjc5m.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-window-event-GzRQC4Pl.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-scoped-keydown-handler-DsNfVizA.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AccordionChevron-C5IsT1PJ.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-style-object-DUJZA7T_.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-base-value-BwMQOHSn.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-C4ad_PwK.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/vars-B3G_A55N.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/clamp-DTmYCdls.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Anchor-DHVUz_0m.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Select-CyCUsC6U.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-browser-layout-effect-D107Qizc.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/LoadingOverlay-DmTd0S_C.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/profile-D-KlsEcq.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/stats-DIaTQNWb.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/geojson-utils-BnCvOB4F.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/intl-DWyoUv85.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Card-D7oEcqHa.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconHome-DYujAcsf.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Accordion-hUQFw0Oc.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/SimpleGrid-MkCOfUZQ.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconPhone-BOyNJmdm.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/List-CoMlKvZm.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconClock-CvFi97kF.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconBrandX-KUtong76.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ActionIcon-T2wrklNi.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Space-BlY-_SlC.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Grid-TBLxdJ9j.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-CzLNwLPR.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/domain-handler-CjBNABR2.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Divider-ByTcktLA.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-zX0GNUb5.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/css-utils-Besm3d-a.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/date-iqfia02M.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconUser-BOVPdwjS.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconEye-DCwKv6TM.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Avatar-t1ZxVloE.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/marketplace-COsoHzI-.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AspectRatio-KzdXwOC_.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/StyleSwitcher-DiXS-qE9.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/string-strip-html.esm-ChUPuy61.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconSearch-DPc4z3Xz.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconDownload-DcAOnm_w.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconNotes-D62dAqR8.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DimmedNotice-B8Zg4xu5.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/articles-CvhJqmHu.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Carousel-B2wFBU8_.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gallery-Dlob3adk.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconArrowRight-C8cXQuKT.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/NewsCard-DR1zpLyY.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/date-BcFm9A5P.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-DoZmgI3r.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ProductCard-Ci2sVkVs.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/fallback-CKe0budL.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/org-CjV1wzlA.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Tooltip-DQjcBEub.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/HTMLRenderer-GRZM0zFv.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Spoiler-BoNHG3Os.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/MapSection-wS5c270V.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/PageContainer-IQNGUv2t.js" />
    <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-B2lGl7YC.js" />
     
     
  </body>
</html>