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

Source: https://polreslabuhanbatu.com/

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

Home · About · News · Docs · Terms

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