{"id":174,"date":"2026-01-02T06:11:52","date_gmt":"2026-01-02T06:11:52","guid":{"rendered":"https:\/\/jasatechno.com\/assalamkancilan.id\/?page_id=174"},"modified":"2026-01-13T14:14:21","modified_gmt":"2026-01-13T14:14:21","slug":"maps","status":"publish","type":"page","link":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/","title":{"rendered":"Maps"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"174\" class=\"elementor elementor-174\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b02f382 e-con-full e-flex e-con e-parent\" data-id=\"b02f382\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-10f8f2b e-con-full e-flex e-con e-child\" data-id=\"10f8f2b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d2877f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5d2877f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* 1. RESET & BASIC STYLES *\/\r\n    .custom-navbar-container {\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        background-color: #ffffff;\r\n        border-bottom: 1px solid #e0e0e0;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .custom-navbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 20px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n    }\r\n\r\n    \/* 2. LOGO SECTION *\/\r\n    .nav-brand {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        text-decoration: none;\r\n        z-index: 101; \/* Supaya logo tetap di atas saat menu mobile buka *\/\r\n    }\r\n\r\n    .nav-brand img {\r\n        height: 45px;\r\n        width: auto;\r\n    }\r\n\r\n    .brand-text {\r\n        font-weight: 700;\r\n        color: #00985B;\r\n        font-size: 16px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* 3. MENU ITEMS (DESKTOP) *\/\r\n    .nav-menu {\r\n        display: flex;\r\n        gap: 20px;\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Styling untuk Item List (Li) agar bisa handle dropdown *\/\r\n    .nav-item {\r\n        position: relative; \/* Penting untuk posisi dropdown *\/\r\n    }\r\n\r\n    .nav-link {\r\n        text-decoration: none;\r\n        color: #333;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        transition: color 0.3s;\r\n        padding: 10px 0;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .nav-link:hover {\r\n        color: #00985B;\r\n    }\r\n\r\n    .dropdown-icon {\r\n        font-size: 10px;\r\n        color: #777;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    \/* --- CSS UNTUK SUB-MENU (DROPDOWN) --- *\/\r\n    .dropdown-menu {\r\n        display: none; \/* Sembunyikan default *\/\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 0;\r\n        background-color: #fff;\r\n        min-width: 180px;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n        border-top: 2px solid #00985B; \/* Aksen hijau di atas dropdown *\/\r\n        padding: 0;\r\n        list-style: none;\r\n        z-index: 999;\r\n        border-radius: 0 0 4px 4px;\r\n    }\r\n\r\n    .dropdown-menu li {\r\n        width: 100%;\r\n    }\r\n\r\n    .dropdown-menu a {\r\n        display: block;\r\n        padding: 10px 15px;\r\n        text-decoration: none;\r\n        color: #333;\r\n        font-size: 13px;\r\n        border-bottom: 1px solid #f5f5f5;\r\n        transition: background 0.2s;\r\n    }\r\n\r\n    .dropdown-menu a:hover {\r\n        background-color: #f9f9f9;\r\n        color: #00985B;\r\n        padding-left: 20px; \/* Efek geser sedikit saat hover *\/\r\n    }\r\n\r\n    \/* HOVER EFFECT DESKTOP: Munculkan menu saat mouse diarahkan *\/\r\n    @media (min-width: 769px) {\r\n        .nav-item:hover .dropdown-menu {\r\n            display: block;\r\n        }\r\n        .nav-item:hover .dropdown-icon {\r\n            transform: rotate(180deg); \/* Putar panah saat hover *\/\r\n        }\r\n    }\r\n\r\n    \/* Search Icon *\/\r\n    .search-icon {\r\n        font-size: 16px;\r\n        margin-left: 10px;\r\n    }\r\n\r\n    \/* 4. MOBILE MENU STYLES *\/\r\n    .mobile-toggle {\r\n        display: none;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        color: #00985B;\r\n        z-index: 102;\r\n    }\r\n\r\n    \/* 5. RESPONSIVE (TAMPILAN HP) *\/\r\n    @media (max-width: 768px) {\r\n        .custom-navbar {\r\n            padding: 10px 15px;\r\n        }\r\n\r\n        .mobile-toggle {\r\n            display: block;\r\n        }\r\n\r\n        .nav-menu {\r\n            display: none;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            background: white;\r\n            position: absolute;\r\n            top: 70px;\r\n            left: 0;\r\n            padding: 0 0 20px 0;\r\n            box-shadow: 0 10px 10px rgba(0,0,0,0.1);\r\n            z-index: 100;\r\n            gap: 0;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .nav-menu.active {\r\n            display: flex;\r\n        }\r\n\r\n        .nav-item {\r\n            width: 100%;\r\n            border-bottom: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .nav-link {\r\n            font-size: 14px;\r\n            padding: 15px 20px;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            justify-content: space-between; \/* Agar panah ada di ujung kanan *\/\r\n        }\r\n\r\n        \/* Sub Menu di Mobile *\/\r\n        .dropdown-menu {\r\n            position: static; \/* Tidak melayang, tapi nempel di bawah parent *\/\r\n            box-shadow: none;\r\n            border-top: none;\r\n            background-color: #f8f8f8; \/* Warna agak abu untuk bedakan sub menu *\/\r\n            width: 100%;\r\n        }\r\n        \r\n        .dropdown-menu a {\r\n            padding-left: 40px; \/* Indentasi ke dalam *\/\r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* Class khusus JS untuk buka sub menu di HP *\/\r\n        .show-dropdown {\r\n            display: block !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-navbar-container\">\r\n    <div class=\"custom-navbar\">\r\n        \r\n        <a href=\"#\" class=\"nav-brand\">\r\n            <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\" alt=\"Logo Yayasan\">\r\n            <div class=\"brand-text\">\r\n                YPI As Salam<br>Kembang\r\n            <\/div>\r\n        <\/a>\r\n\r\n    \r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ 1. Fungsi Buka\/Tutup Menu Utama di HP\r\n    function toggleMobileMenu() {\r\n        var menu = document.getElementById(\"primaryNav\");\r\n        menu.classList.toggle(\"active\");\r\n    }\r\n\r\n    \/\/ 2. Fungsi Buka\/Tutup Sub-Menu (Hanya berjalan di layar HP)\r\n    function toggleDropdown(element) {\r\n        \/\/ Cek lebar layar, jika di bawah 768px (Mobile) jalankan fungsi ini\r\n        if (window.innerWidth <= 768) {\r\n            \/\/ Cari elemen <ul> dropdown setelah link yang diklik\r\n            var submenu = element.nextElementSibling;\r\n            if (submenu) {\r\n                submenu.classList.toggle(\"show-dropdown\");\r\n            }\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f73f0f7 e-con-full e-flex e-con e-child\" data-id=\"f73f0f7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bada38 elementor-nav-menu__align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"6bada38\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-6bada38\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-143\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/\" class=\"elementor-item\">Beranda<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-150\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\" class=\"elementor-item\">Tentang<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-153\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/info-ppdb\/\" class=\"elementor-item\">Info PPDB<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-196\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ra\/\" class=\"elementor-sub-item\">RA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-190\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ma\/\" class=\"elementor-sub-item\">MA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-193\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/mts\/\" class=\"elementor-sub-item\">MTS<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-202\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpq\/\" class=\"elementor-sub-item\">TPQ<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-199\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/pondok-pesantren\/\" class=\"elementor-sub-item\">Pondok Pesantren<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-156\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tingkat-pendidikan\/\" class=\"elementor-item\">Tingkat Pendidikan<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-205\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpra\/\" class=\"elementor-sub-item\">RA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-214\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpmi\/\" class=\"elementor-sub-item\">MI<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-208\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpma\/\" class=\"elementor-sub-item\">MA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-211\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpmts\/\" class=\"elementor-sub-item\">MTS<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-217\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpondok-pesantren\/\" class=\"elementor-sub-item\">Pondok Pesantren<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-220\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ttpq\/\" class=\"elementor-sub-item\">TPQ<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-159\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/\" class=\"elementor-item\">Berita<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-226\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-terbaru\/\" class=\"elementor-sub-item\">Berita Terbaru<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-235\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/achievement-pondok\/\" class=\"elementor-sub-item\">Achievement Pondok<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-238\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/prestasi-pondok\/\" class=\"elementor-sub-item\">Prestasi Santri<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-223\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/galeri-kegiatan\/\" class=\"elementor-sub-item\">Galeri Kegiatan<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-163\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/alumni\/\" class=\"elementor-item\">Alumni<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-166\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\" class=\"elementor-item\">Fasilitas &amp; Kemitraan<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-169\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/event\/\" class=\"elementor-item\">Event<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-172\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/kontak\/\" class=\"elementor-item\">Kontak<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-175\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\" class=\"elementor-item\">Maps<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-944\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/donasi\/\" class=\"elementor-item\">Donasi<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-6bada38\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-143\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/\" class=\"elementor-item\" tabindex=\"-1\">Beranda<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-150\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\" class=\"elementor-item\" tabindex=\"-1\">Tentang<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-153\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/info-ppdb\/\" class=\"elementor-item\" tabindex=\"-1\">Info PPDB<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-196\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ra\/\" class=\"elementor-sub-item\" tabindex=\"-1\">RA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-190\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ma\/\" class=\"elementor-sub-item\" tabindex=\"-1\">MA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-193\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/mts\/\" class=\"elementor-sub-item\" tabindex=\"-1\">MTS<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-202\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpq\/\" class=\"elementor-sub-item\" tabindex=\"-1\">TPQ<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-199\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/pondok-pesantren\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Pondok Pesantren<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-156\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tingkat-pendidikan\/\" class=\"elementor-item\" tabindex=\"-1\">Tingkat Pendidikan<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-205\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpra\/\" class=\"elementor-sub-item\" tabindex=\"-1\">RA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-214\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpmi\/\" class=\"elementor-sub-item\" tabindex=\"-1\">MI<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-208\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpma\/\" class=\"elementor-sub-item\" tabindex=\"-1\">MA<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-211\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpmts\/\" class=\"elementor-sub-item\" tabindex=\"-1\">MTS<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-217\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpondok-pesantren\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Pondok Pesantren<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-220\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ttpq\/\" class=\"elementor-sub-item\" tabindex=\"-1\">TPQ<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-159\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/\" class=\"elementor-item\" tabindex=\"-1\">Berita<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-226\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-terbaru\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Berita Terbaru<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-235\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/achievement-pondok\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Achievement Pondok<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-238\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/prestasi-pondok\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Prestasi Santri<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-223\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/galeri-kegiatan\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Galeri Kegiatan<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-163\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/alumni\/\" class=\"elementor-item\" tabindex=\"-1\">Alumni<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-166\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\" class=\"elementor-item\" tabindex=\"-1\">Fasilitas &amp; Kemitraan<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-169\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/event\/\" class=\"elementor-item\" tabindex=\"-1\">Event<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-172\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/kontak\/\" class=\"elementor-item\" tabindex=\"-1\">Kontak<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-175\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\" class=\"elementor-item\" tabindex=\"-1\">Maps<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-944\"><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/donasi\/\" class=\"elementor-item\" tabindex=\"-1\">Donasi<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ca21d6 elementor-search-form--skin-classic elementor-search-form--button-type-icon elementor-widget elementor-widget-search-form\" data-id=\"2ca21d6\" data-element_type=\"widget\" data-settings=\"{&quot;skin&quot;:&quot;classic&quot;}\" data-widget_type=\"search-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<search role=\"search\">\n\t\t\t<form class=\"elementor-search-form\" action=\"https:\/\/jasatechno.com\/assalamkancilan.id\" method=\"get\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-search-form__container\">\n\t\t\t\t\t<label class=\"elementor-screen-only\" for=\"elementor-search-form-2ca21d6\">Search<\/label>\n\n\t\t\t\t\t\n\t\t\t\t\t<input id=\"elementor-search-form-2ca21d6\" placeholder=\"\" class=\"elementor-search-form__input\" type=\"search\" name=\"s\" value=\"\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"elementor-search-form__submit\" type=\"submit\" aria-label=\"Search\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-font-icon-svg-container\"><svg class=\"fa fa-search e-font-icon-svg e-fas-search\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg><\/div>\t\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Search<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/form>\n\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37645fe e-con-full e-flex e-con e-parent\" data-id=\"37645fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a19e9 elementor-widget elementor-widget-html\" data-id=\"e1a19e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"maps-section\" style=\"max-width: 1200px; margin: 80px auto; padding: 50px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f8f9fa;\">\r\n  \r\n  <!-- Judul -->\r\n  <h2 style=\"font-size: 38px; font-weight: 700; color: #2c3e50; margin: 0 0 50px 0; text-align: center; line-height: 1.2;\">\r\n    Yayasan Assalam Kancilan\r\n  <\/h2>\r\n\r\n  <!-- Container Map dengan Card Styling -->\r\n  <div style=\"background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.1); margin-bottom: 30px;\">\r\n    \r\n    <!-- Card Header dengan Info Nama -->\r\n    <div style=\"background: #27ae60; padding: 20px 25px; display: flex; align-items: center; gap: 15px;\">\r\n      <div style=\"width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\r\n        <svg width=\"26\" height=\"26\" fill=\"#27ae60\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h3 style=\"font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 4px 0;\">MTS Assalam Kancilan<\/h3>\r\n        <p style=\"font-size: 13px; color: rgba(255,255,255,0.9); margin: 0;\">Desa Kancilan, RT. 04 RW. 01,  \r\n      Kecamatan Kembang, Kabupaten Jepara,  \r\n      Propinsi Jawa Tengah, 59457 <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Google Maps Embed -->\r\n    <div style=\"position: relative; width: 100%; height: 450px; overflow: hidden;\">\r\n      <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3964.155691388343!2d110.77540067475306!3d-6.501966093490245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e712379b2fb8f61%3A0x843d2a4a1e31b2cd!2sPONDOK%20ASSALAM%20KANCILAN%20KEMBANG!5e0!3m2!1sen!2sid!4v1767400914976!5m2!1sen!2sid\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n      \r\n      <!-- Button \"Lihat peta lebih besar\" -->\r\n      <a href=\"https:\/\/maps.app.goo.gl\/4Fqpf2ag2WbzTigFA\" target=\"_blank\" style=\"position: absolute; bottom: 20px; left: 20px; background: #27ae60; color: #fff; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-size: 13px; font-weight: 600; box-shadow: 0 4px 15px rgba(39,174,96,0.3); transition: all 0.3s; display: inline-block;\">\r\n        \ud83d\udccd Lihat peta lebih besar\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Alamat Lengkap di Bawah Map -->\r\n  <div style=\"background: #fff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); display: flex; align-items: start; gap: 20px;\">\r\n    <div style=\"min-width: 50px; width: 50px; height: 50px; background: #27ae60; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n      <svg width=\"24\" height=\"24\" fill=\"#fff\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <h4 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Alamat Lengkap<\/h4>\r\n      <p style=\"font-size: 15px; color: #555; line-height: 1.7; margin: 0;\">\r\n        Desa Kancilan, RT. 04 RW. 01,  \r\n      Kecamatan Kembang, Kabupaten Jepara,  \r\n      Propinsi Jawa Tengah, 59457 \r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  .maps-section a:hover {\r\n    background: #1e8449 !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(39,174,96,0.4) !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .maps-section {\r\n      padding: 40px 20px !important;\r\n    }\r\n    .maps-section h2 {\r\n      font-size: 30px !important;\r\n      margin-bottom: 35px !important;\r\n    }\r\n    .maps-section iframe {\r\n      height: 350px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a4a7f59 e-con-full e-flex e-con e-parent\" data-id=\"5a4a7f59\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6911cd60 elementor-widget elementor-widget-html\" data-id=\"6911cd60\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Footer Container *\/\r\n.footer-section {\r\n  background: linear-gradient(135deg, #1e7e5a 0%, #27ae60 50%, #2ecc71 100%);\r\n  padding: 80px 20px 30px;\r\n  color: white;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Decorative Pattern *\/\r\n.footer-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: \r\n    radial-gradient(circle at 15% 20%, rgba(255,255,255,0.05) 0%, transparent 50%),\r\n    radial-gradient(circle at 85% 80%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n  z-index: 1;\r\n}\r\n\r\n.footer-wrapper {\r\n  max-width: 1350px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Grid 4 Kolom *\/\r\n.footer-grid {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1.2fr 1.2fr 1.5fr;\r\n  gap: 60px;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* Kolom Kiri: Deskripsi *\/\r\n.footer-left h3 {\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  line-height: 1.3;\r\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n  color: white;\r\n}\r\n\r\n.footer-tagline {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  opacity: 0.95;\r\n  margin-bottom: 20px;\r\n  font-style: italic;\r\n  color: white;\r\n}\r\n\r\n.footer-desc {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  opacity: 0.95;\r\n  margin-bottom: 20px;\r\n  text-align: justify;\r\n  color: white;\r\n}\r\n\r\n.footer-sk {\r\n  font-size: 13px;\r\n  opacity: 0.9;\r\n  margin-bottom: 25px;\r\n  padding: 12px 18px;\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 10px;\r\n  border-left: 4px solid white;\r\n  backdrop-filter: blur(5px);\r\n  color: white;\r\n}\r\n\r\n\/* Logo Akreditasi *\/\r\n.footer-badges {\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.badge-item {\r\n  height: 65px;\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 10px 15px;\r\n  transition: all 0.3s ease;\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n.badge-item:hover {\r\n  background: rgba(255,255,255,0.95);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n.badge-item img {\r\n  height: 100%;\r\n  width: auto;\r\n  object-fit: contain;\r\n  \/* Hapus filter yang membuat logo tidak terlihat *\/\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.badge-item:hover img {\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* Kolom Menu 1: Lembaga *\/\r\n.footer-menu-col h4 {\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n  position: relative;\r\n  padding-bottom: 12px;\r\n  color: white !important;\r\n}\r\n\r\n.footer-menu-col h4::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 50px;\r\n  height: 3px;\r\n  background: white;\r\n  border-radius: 2px;\r\n}\r\n\r\n.footer-menu {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.footer-menu li {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.footer-menu a {\r\n  color: white !important;\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  opacity: 0.9;\r\n  transition: all 0.3s ease;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.footer-menu a::before {\r\n  content: '\u25b8';\r\n  font-size: 12px;\r\n  transition: transform 0.3s ease;\r\n  color: white;\r\n}\r\n\r\n.footer-menu a:hover {\r\n  opacity: 1;\r\n  transform: translateX(5px);\r\n}\r\n\r\n.footer-menu a:hover::before {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* Kolom Kanan: Kontak & Logo *\/\r\n.footer-right h4 {\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n  position: relative;\r\n  padding-bottom: 12px;\r\n  color: white !important;\r\n}\r\n\r\n.footer-right h4::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 50px;\r\n  height: 3px;\r\n  background: white;\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* Kontak Info *\/\r\n.contact-info {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  margin-bottom: 15px;\r\n  font-size: 14px;\r\n  opacity: 0.95;\r\n  line-height: 1.6;\r\n  color: white !important;\r\n}\r\n\r\n.contact-icon {\r\n  font-size: 18px;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n  color: white;\r\n}\r\n\r\n.contact-item a {\r\n  color: white !important;\r\n  text-decoration: none;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.contact-item a:hover {\r\n  opacity: 0.8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.contact-item span {\r\n  color: white;\r\n}\r\n\r\n\/* Logo Footer *\/\r\n.footer-logo {\r\n  width: 140px;\r\n  height: 140px;\r\n  margin: 0 0 25px 0;\r\n  background: white;\r\n  border-radius: 20px;\r\n  padding: 15px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-logo:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n}\r\n\r\n.footer-logo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* Social Media *\/\r\n.social-media {\r\n  display: flex;\r\n  gap: 12px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.social-link {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(255,255,255,0.15);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: white;\r\n  text-decoration: none;\r\n  font-size: 20px;\r\n  transition: all 0.3s ease;\r\n  border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.social-link:hover {\r\n  background: white;\r\n  color: #27ae60;\r\n  transform: translateY(-3px) rotate(5deg);\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Button WA *\/\r\n.btn-footer {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 30px;\r\n  background: white;\r\n  color: #27ae60 !important;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  border-radius: 30px;\r\n  text-decoration: none;\r\n  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  border: 2px solid transparent;\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.btn-footer:hover {\r\n  background: transparent;\r\n  color: white !important;\r\n  border-color: white;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\r\n}\r\n\r\n.btn-icon {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Bottom Copyright *\/\r\n.footer-bottom {\r\n  border-top: 2px solid rgba(255,255,255,0.2);\r\n  padding-top: 30px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  font-size: 13px;\r\n  opacity: 0.9;\r\n  color: white;\r\n}\r\n\r\n.footer-copyright {\r\n  flex: 1;\r\n  color: white;\r\n}\r\n\r\n.footer-links {\r\n  display: flex;\r\n  gap: 20px;\r\n}\r\n\r\n.footer-links a {\r\n  color: white !important;\r\n  text-decoration: none;\r\n  opacity: 0.9;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.footer-links a:hover {\r\n  opacity: 1;\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* Responsive Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .footer-grid {\r\n    grid-template-columns: 1.5fr 1fr 1fr;\r\n    gap: 50px;\r\n  }\r\n  \r\n  .footer-right {\r\n    grid-column: span 3;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    align-items: start;\r\n  }\r\n\r\n  .footer-right h4 {\r\n    grid-column: span 3;\r\n  }\r\n\r\n  .contact-info {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .footer-right > div:last-child {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n\/* Responsive Mobile *\/\r\n@media (max-width: 768px) {\r\n  .footer-section {\r\n    padding: 60px 20px 30px;\r\n  }\r\n\r\n  .footer-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .footer-right {\r\n    grid-column: 1;\r\n    display: block;\r\n  }\r\n  \r\n  .footer-left,\r\n  .footer-menu-col {\r\n    text-align: left;\r\n  }\r\n\r\n  .footer-left h3 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .footer-tagline {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .footer-desc {\r\n    text-align: left;\r\n  }\r\n  \r\n  .footer-badges {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .footer-menu-col h4,\r\n  .footer-right h4 {\r\n    font-size: 18px;\r\n  }\r\n  \r\n  .footer-bottom {\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-links {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .social-media {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .btn-footer {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .footer-section {\r\n    padding: 50px 20px 25px;\r\n  }\r\n\r\n  .footer-left h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .footer-tagline {\r\n    font-size: 11px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .footer-desc {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .footer-sk {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .badge-item {\r\n    height: 55px;\r\n  }\r\n\r\n  .footer-menu a {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .contact-item {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .footer-logo {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n\r\n  .social-link {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .footer-section {\r\n    padding: 40px 15px 20px;\r\n  }\r\n\r\n  .footer-left h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .footer-desc {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .footer-menu-col h4,\r\n  .footer-right h4 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .badge-item {\r\n    height: 50px;\r\n  }\r\n\r\n  .btn-footer {\r\n    padding: 12px 24px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n.contact-text {\r\n  color: white !important;\r\n  display: block;\r\n}\r\n\r\n.contact-text a {\r\n  color: white !important;\r\n  text-decoration: none;\r\n}\r\n\r\n.contact-text a:hover {\r\n  text-decoration: underline;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* Force text visibility - Override semua style *\/\r\n.footer-section * {\r\n  color: white !important;\r\n}\r\n\r\n.footer-section a {\r\n  color: white !important;\r\n}\r\n\r\n.badge-item,\r\n.badge-item * {\r\n  color: inherit !important;\r\n}\r\n\r\n.btn-footer,\r\n.btn-footer * {\r\n  color: #27ae60 !important;\r\n}\r\n\r\n.btn-footer:hover,\r\n.btn-footer:hover * {\r\n  color: white !important;\r\n}\r\n\r\n\/* ===== PERBAIKAN KONTAK INFO ===== *\/\r\n\r\n\/* Reset dan Force Visibility untuk Semua Teks di Footer *\/\r\n.footer-section,\r\n.footer-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Kontak Item - Perbaikan Utama *\/\r\n.contact-item {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 12px !important;\r\n  margin-bottom: 15px !important;\r\n  font-size: 14px !important;\r\n  line-height: 1.6 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* Icon Kontak *\/\r\n.contact-icon {\r\n  font-size: 18px !important;\r\n  flex-shrink: 0 !important;\r\n  margin-top: 2px !important;\r\n  color: #ffffff !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Text Kontak *\/\r\n.contact-text {\r\n  color: #ffffff !important;\r\n  display: inline !important;\r\n  opacity: 1 !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n\/* Link dalam Kontak *\/\r\n.contact-item a,\r\n.contact-text a {\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  opacity: 1 !important;\r\n  transition: all 0.3s ease !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n.contact-item a:hover,\r\n.contact-text a:hover {\r\n  text-decoration: underline !important;\r\n  opacity: 0.85 !important;\r\n}\r\n\r\n\/* Span dalam Contact Item *\/\r\n.contact-item > span:not(.contact-icon) {\r\n  color: #ffffff !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Force untuk semua child elements *\/\r\n.contact-info,\r\n.contact-info * {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* Heading Hubungi Kami *\/\r\n.footer-right h4 {\r\n  font-size: 19px !important;\r\n  font-weight: 700 !important;\r\n  margin-bottom: 25px !important;\r\n  position: relative !important;\r\n  padding-bottom: 12px !important;\r\n  color: #ffffff !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Override Theme Styles *\/\r\n.footer-section .contact-item,\r\n.footer-section .contact-item *:not(.contact-icon) {\r\n  background: none !important;\r\n  text-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;\r\n}\r\n\r\n\/* Untuk memastikan tidak ada background yang menghalangi *\/\r\n.contact-info {\r\n  background: transparent !important;\r\n  margin-bottom: 30px !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<footer class=\"footer-section\">\r\n  <div class=\"footer-wrapper\">\r\n    \r\n    <!-- Grid 4 Kolom -->\r\n    <div class=\"footer-grid\">\r\n      \r\n      <!-- Kolom 1: Deskripsi & Logo Akreditasi -->\r\n      <div class=\"footer-left\">\r\n        <h3>As Salam Kembang<\/h3>\r\n        \r\n        <p class=\"footer-tagline\">Sukses \u2022 Sholih \u2022 Selamat<\/p>\r\n        \r\n        <p class=\"footer-desc\">\r\n          Yayasan Pendidikan Islam As Salam Kembang adalah lembaga berbadan hukum yang menaungi 9 satuan pendidikan dari RA hingga MA, termasuk Pondok Pesantren, TPQ, dan Majlis Talim, dengan pendekatan Islam Ahlussunnah wal Jamaah yang mengintegrasikan nilai-nilai Islam, pendidikan nasional, serta pengembangan karakter.\r\n        <\/p>\r\n        \r\n        <div class=\"footer-sk\">\r\n          \ud83d\udcdc Akta Notaris H. A. Qomar Nasikh, SH.<br>\r\n          Nomor 10, tanggal 02 November 2012\r\n        <\/div>\r\n        \r\n        <!-- Logo Akreditasi & Sertifikasi -->\r\n        <div class=\"footer-badges\">\r\n          \r\n         \r\n          <div class=\"badge-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9c\/Logo_of_Ministry_of_Education_and_Culture_of_Republic_of_Indonesia.svg\/200px-Logo_of_Ministry_of_Education_and_Culture_of_Republic_of_Indonesia.svg.png\" alt=\"Kemdikbud\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 2: Menu Lembaga -->\r\n      <div class=\"footer-menu-col\">\r\n        <h4>Lembaga Pendidikan<\/h4>\r\n        \r\n        <ul class=\"footer-menu\">\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpra\/\">RA As Salam<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpmi\/\">MI As Salam<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpmts\/\">MTs As Salam<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpma\/\">MA As Salam<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tpondok-pesantren\/\">Pondok Pesantren<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/ttpq\/\">TPQ As Salam<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 3: Menu Navigasi -->\r\n      <div class=\"footer-menu-col\">\r\n        <h4>Navigasi<\/h4>\r\n        \r\n        <ul class=\"footer-menu\">\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\">Profil Yayasan<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\">Fasilitas<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/\">Berita & Prestasi<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/donasi\/\">Donasi<\/a><\/li>\r\n          <li><a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/kontak\/\">Kontak<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 4: Kontak & Logo -->\r\n      <div class=\"footer-right\">\r\n        <h4>Hubungi Kami<\/h4>\r\n        \r\n        <div class=\"contact-info\">\r\n          <div class=\"contact-item\">\r\n            <span class=\"contact-icon\">\ud83d\udccd<\/span>\r\n            <span class=\"contact-text\">As Salam Center, Desa Kancilan RT 01 RW 09, Kec. Kembang, Kab. Jepara, Jawa Tengah 59458<\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"contact-item\">\r\n            <span class=\"contact-icon\">\ud83d\udcde<\/span>\r\n            <span class=\"contact-text\"><a href=\"tel:085200207070\">0852-0020-7070<\/a><\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"contact-item\">\r\n            <span class=\"contact-icon\">\u2709\ufe0f<\/span>\r\n            <span class=\"contact-text\"><a href=\"mailto:ponpes.assalam.kancilan@gmail.com\">ponpes.assalam.kancilan@gmail.com<\/a><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div>\r\n          <div class=\"footer-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot_2026-01-02_103216-removebg-preview.png\" alt=\"Logo As Salam Kembang\">\r\n          <\/div>\r\n          \r\n          <div class=\"social-media\">\r\n            \r\n            <a href=\"https:\/\/www.facebook.com\/PPAsSalamAmtsilati\" class=\"social-link\" target=\"_blank\">\ud83d\udc64<\/a>\r\n            <a href=\"https:\/\/wa.me\/6285200207070\" class=\"social-link\" target=\"_blank\">\ud83d\udcac<\/a>\r\n          <\/div>\r\n          \r\n          <a href=\"https:\/\/wa.me\/6285200207070\" class=\"btn-footer\">\r\n            <span class=\"btn-icon\">\ud83d\udcac<\/span>\r\n            <span>Hubungi Kami<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22cccc2 elementor-widget elementor-widget-html\" data-id=\"22cccc2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   FOOTER BOTTOM BAR - PROFESSIONAL DESIGN\r\n   ======================================== *\/\r\n\r\n.footer-bottom-bar {\r\n  background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%);\r\n  padding: 50px 20px 30px;\r\n  border-top: 4px solid transparent;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.footer-bottom-bar::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #1e7e5a 0%, #27ae60 25%, #2ecc71 50%, #27ae60 75%, #1e7e5a 100%);\r\n  background-size: 200% 100%;\r\n  animation: gradientShift 3s linear infinite;\r\n}\r\n\r\n@keyframes gradientShift {\r\n  0% { background-position: 0% 0%; }\r\n  100% { background-position: 200% 0%; }\r\n}\r\n\r\n.footer-bottom-bar::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -10%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(39, 174, 96, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 1;\r\n}\r\n\r\n.footer-bottom-wrapper {\r\n  max-width: 1350px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* ========================================\r\n   STATS BAR - ENHANCED\r\n   ======================================== *\/\r\n\r\n.footer-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n  margin-bottom: 45px;\r\n  padding: 35px 30px;\r\n  background: white;\r\n  border-radius: 20px;\r\n  box-shadow: \r\n    0 8px 30px rgba(0,0,0,0.06),\r\n    0 2px 8px rgba(0,0,0,0.04);\r\n  border: 1px solid rgba(39, 174, 96, 0.1);\r\n  animation: fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.stat-item {\r\n  text-align: center;\r\n  padding: 20px 15px;\r\n  border-right: 2px solid #e9ecef;\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.stat-item:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.stat-item:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.stat-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.stat-item:hover::before {\r\n  width: 60%;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 36px;\r\n  font-weight: 900;\r\n  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 8px;\r\n  line-height: 1;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 13px;\r\n  color: #7f8c8d;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ========================================\r\n   GRID INFO - PROFESSIONAL LAYOUT\r\n   ======================================== *\/\r\n\r\n.footer-info-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr 1.5fr;\r\n  gap: 40px;\r\n  margin-bottom: 40px;\r\n  padding-bottom: 40px;\r\n  border-bottom: 2px solid #e9ecef;\r\n}\r\n\r\n\/* ========================================\r\n   KETUA YAYASAN - MODERN CARD\r\n   ======================================== *\/\r\n\r\n.footer-ketua {\r\n  background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%);\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  box-shadow: \r\n    0 8px 30px rgba(0,0,0,0.06),\r\n    0 2px 8px rgba(0,0,0,0.04);\r\n  border: 2px solid transparent;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.footer-ketua::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.footer-ketua:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.footer-ketua:hover {\r\n  border-color: rgba(39, 174, 96, 0.3);\r\n  box-shadow: \r\n    0 12px 40px rgba(39, 174, 96, 0.15),\r\n    0 4px 12px rgba(0,0,0,0.08);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.ketua-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n}\r\n\r\n.ketua-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 30px;\r\n  box-shadow: 0 6px 20px rgba(39,174,96,0.35);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-ketua:hover .ketua-icon {\r\n  transform: rotate(5deg) scale(1.05);\r\n}\r\n\r\n.ketua-info {\r\n  flex: 1;\r\n}\r\n\r\n.ketua-title {\r\n  font-size: 11px;\r\n  color: #95a5a6;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.2px;\r\n  font-weight: 700;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.ketua-name {\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  color: #2c3e50;\r\n  margin-bottom: 4px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.ketua-degree {\r\n  font-size: 14px;\r\n  color: #27ae60;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ========================================\r\n   LOKASI - CLEAN DESIGN\r\n   ======================================== *\/\r\n\r\n.footer-location h5 {\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  color: #2c3e50;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.location-icon {\r\n  font-size: 20px;\r\n}\r\n\r\n.footer-location p {\r\n  font-size: 14px;\r\n  color: #555;\r\n  line-height: 1.9;\r\n  margin: 0;\r\n}\r\n\r\n.location-highlight {\r\n  color: #27ae60;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n\/* ========================================\r\n   MEDIA SOSIAL - MODERN GRID\r\n   ======================================== *\/\r\n\r\n.footer-social h5 {\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  color: #2c3e50;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.social-icon-header {\r\n  font-size: 20px;\r\n}\r\n\r\n.social-icons {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 15px;\r\n}\r\n\r\n.social-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 20px 12px;\r\n  text-decoration: none;\r\n  color: #555;\r\n  background: white;\r\n  border-radius: 16px;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  border: 2px solid #e9ecef;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.social-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.3);\r\n  transform: translate(-50%, -50%);\r\n  transition: width 0.6s, height 0.6s;\r\n}\r\n\r\n.social-item:hover::before {\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n.social-item:hover {\r\n  color: white;\r\n  border-color: transparent;\r\n  transform: translateY(-8px) scale(1.05);\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n.social-item.instagram:hover {\r\n  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n}\r\n\r\n.social-item.facebook:hover {\r\n  background: #1877f2;\r\n}\r\n\r\n.social-item.youtube:hover {\r\n  background: #ff0000;\r\n}\r\n\r\n.social-item.tiktok:hover {\r\n  background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\r\n}\r\n\r\n.social-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 26px;\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.social-item:hover .social-icon {\r\n  transform: scale(1.2) rotate(5deg);\r\n}\r\n\r\n.social-icon svg {\r\n  width: 26px;\r\n  height: 26px;\r\n}\r\n\r\n.social-label {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  position: relative;\r\n  z-index: 1;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* ========================================\r\n   BOTTOM SECTION - PROFESSIONAL\r\n   ======================================== *\/\r\n\r\n.footer-bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-top: 30px;\r\n}\r\n\r\n.footer-copyright {\r\n  flex: 1;\r\n}\r\n\r\n.copyright-text {\r\n  font-size: 14px;\r\n  color: #7f8c8d;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n}\r\n\r\n.copyright-highlight {\r\n  color: #27ae60;\r\n  font-weight: 800;\r\n}\r\n\r\n.footer-links {\r\n  display: flex;\r\n  gap: 15px;\r\n}\r\n\r\n.footer-links a {\r\n  font-size: 13px;\r\n  color: #555;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  transition: all 0.3s ease;\r\n  padding: 10px 18px;\r\n  border-radius: 10px;\r\n  background: white;\r\n  border: 1px solid #e9ecef;\r\n}\r\n\r\n.footer-links a:hover {\r\n  color: white;\r\n  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n  border-color: transparent;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(39, 174, 96, 0.3);\r\n}\r\n\r\n\/* ========================================\r\n   RESPONSIVE - TABLET\r\n   ======================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .footer-info-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .footer-social {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .social-icons {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  .footer-stats {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    padding: 30px 25px;\r\n  }\r\n\r\n  .stat-item {\r\n    border-right: none;\r\n    border-bottom: 2px solid #e9ecef;\r\n    padding: 18px 12px;\r\n  }\r\n\r\n  .stat-item:nth-child(2) {\r\n    border-bottom: 2px solid #e9ecef;\r\n  }\r\n\r\n  .stat-item:nth-child(3),\r\n  .stat-item:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n\r\n\/* ========================================\r\n   RESPONSIVE - MOBILE\r\n   ======================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n  .footer-bottom-bar {\r\n    padding: 40px 20px 25px;\r\n  }\r\n\r\n  .footer-info-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .footer-social {\r\n    grid-column: 1;\r\n  }\r\n\r\n  .social-icons {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .footer-bottom {\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-links {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    width: 100%;\r\n  }\r\n\r\n  .footer-links a {\r\n    display: block;\r\n  }\r\n\r\n  .footer-stats {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n    padding: 25px 20px;\r\n  }\r\n\r\n  .stat-item {\r\n    border-right: none;\r\n    border-bottom: 2px solid #e9ecef;\r\n    padding: 20px 15px;\r\n  }\r\n\r\n  .stat-item:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .footer-bottom-bar {\r\n    padding: 35px 18px 20px;\r\n  }\r\n\r\n  .footer-ketua {\r\n    padding: 25px;\r\n  }\r\n\r\n  .ketua-header {\r\n    gap: 15px;\r\n  }\r\n\r\n  .ketua-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    font-size: 26px;\r\n  }\r\n\r\n  .ketua-name {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .ketua-degree {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .footer-location h5,\r\n  .footer-social h5 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .social-item {\r\n    padding: 18px 10px;\r\n  }\r\n\r\n  .social-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .social-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .social-label {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .copyright-text {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .footer-links a {\r\n    font-size: 12px;\r\n    padding: 9px 16px;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .footer-bottom-bar {\r\n    padding: 30px 15px 18px;\r\n  }\r\n\r\n  .footer-ketua {\r\n    padding: 20px;\r\n  }\r\n\r\n  .ketua-header {\r\n    gap: 12px;\r\n  }\r\n\r\n  .ketua-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .ketua-title {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ketua-name {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .ketua-degree {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .footer-location h5,\r\n  .footer-social h5 {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .footer-location p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .social-item {\r\n    padding: 16px 8px;\r\n  }\r\n\r\n  .social-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    font-size: 22px;\r\n  }\r\n\r\n  .social-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .social-label {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .copyright-text {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .footer-links a {\r\n    font-size: 11px;\r\n    padding: 8px 14px;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* ========================================\r\n   ACCESSIBILITY\r\n   ======================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}\r\n\r\n@media (prefers-contrast: high) {\r\n  .footer-bottom-bar {\r\n    border-top: 4px solid #27ae60;\r\n  }\r\n  \r\n  .footer-ketua,\r\n  .social-item,\r\n  .footer-stats {\r\n    border-width: 3px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"footer-bottom-bar\">\r\n  <div class=\"footer-bottom-wrapper\">\r\n    \r\n    <!-- Stats Bar -->\r\n    <div class=\"footer-stats\">\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">9<\/div>\r\n        <div class=\"stat-label\">Lembaga Pendidikan<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">14<\/div>\r\n        <div class=\"stat-label\">Tahun Berpengalaman<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">1000+<\/div>\r\n        <div class=\"stat-label\">Santri Aktif<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">100+<\/div>\r\n        <div class=\"stat-label\">Tenaga Pendidik<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Grid 3 Kolom Info -->\r\n    <div class=\"footer-info-grid\">\r\n      \r\n      <!-- Kolom 1: Ketua Yayasan -->\r\n      <div class=\"footer-ketua\">\r\n        <div class=\"ketua-header\">\r\n          <div class=\"ketua-icon\">\ud83d\udc64<\/div>\r\n          <div class=\"ketua-info\">\r\n            <div class=\"ketua-title\">Ketua Yayasan<\/div>\r\n            <div class=\"ketua-name\">Luqman Hakim<\/div>\r\n            <div class=\"ketua-degree\">S.Pd.I, M.Pd<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 2: Lokasi -->\r\n      <div class=\"footer-location\">\r\n        <h5>\r\n          <span class=\"location-icon\">\ud83d\udccd<\/span>\r\n          Lokasi\r\n        <\/h5>\r\n        <p>\r\n          <span class=\"location-highlight\">As Salam Center<\/span>\r\n          Desa Kancilan, RT 01 RW 09<br>\r\n          Kec. Kembang, Kab. Jepara<br>\r\n          Jawa Tengah 59458\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 3: Media Sosial -->\r\n      <div class=\"footer-social\">\r\n        <h5>\r\n          <span class=\"social-icon-header\">\ud83c\udf10<\/span>\r\n          Media Sosial\r\n        <\/h5>\r\n        \r\n        <div class=\"social-icons\">\r\n          \r\n          <!-- Instagram -->\r\n          <a href=\"https:\/\/www.instagram.com\/mtsassalamkancilan?igsh=MWU3cDE4Nmgzb2s0ag==\" class=\"social-item instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\ud83d\udcf7<\/div>\r\n            <div class=\"social-label\">Instagram<\/div>\r\n          <\/a>\r\n          \r\n          <!-- Facebook -->\r\n          <a href=\"https:\/\/www.facebook.com\/share\/p\/1HagJwkq62\/\" class=\"social-item facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\ud83d\udc64<\/div>\r\n            <div class=\"social-label\">Facebook<\/div>\r\n          <\/a>\r\n          \r\n          <!-- YouTube -->\r\n          <a href=\"https:\/\/youtube.com\/@tasmedia6419?si=4xuetepqOp4uKFNl\" class=\"social-item youtube\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\u25b6\ufe0f<\/div>\r\n            <div class=\"social-label\">YouTube<\/div>\r\n          <\/a>\r\n          \r\n          <!-- TikTok -->\r\n          <a href=\"https:\/\/www.tiktok.com\/@mts.as.salam.kancilan?_r=1&_t=ZS-92qWLCLabZJ\" class=\"social-item tiktok\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                <path d=\"M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"social-label\">TikTok<\/div>\r\n          <\/a>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n    <!-- Bottom Copyright -->\r\n    <div class=\"footer-bottom\">\r\n      <div class=\"footer-copyright\">\r\n        <p class=\"copyright-text\">\r\n          \u00a9 2026 <span class=\"copyright-highlight\">Yayasan Pendidikan Islam As Salam Kembang<\/span>. All Rights Reserved.<br>\r\n          Berdiri sejak 2012 | NPWP: 31.627.541.1-516.000\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>YPI As SalamKembang Yayasan Assalam Kancilan MTS Assalam Kancilan Desa Kancilan, RT. 04 RW. 01, Kecamatan Kembang, Kabupaten Jepara, Propinsi&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-174","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Maps - Assalamkancilan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maps - Assalamkancilan\" \/>\n<meta property=\"og:description\" content=\"YPI As SalamKembang Yayasan Assalam Kancilan MTS Assalam Kancilan Desa Kancilan, RT. 04 RW. 01, Kecamatan Kembang, Kabupaten Jepara, Propinsi&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\" \/>\n<meta property=\"og:site_name\" content=\"Assalamkancilan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-13T14:14:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\",\"url\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\",\"name\":\"Maps - Assalamkancilan\",\"isPartOf\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\",\"datePublished\":\"2026-01-02T06:11:52+00:00\",\"dateModified\":\"2026-01-13T14:14:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#primaryimage\",\"url\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\",\"contentUrl\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\",\"width\":311,\"height\":284},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/#website\",\"url\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/\",\"name\":\"Assalamkancilan\",\"description\":\"Bersama Assalam, mari ciptakan generasi berberakhlak mulia !\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Maps - Assalamkancilan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/","og_locale":"en_US","og_type":"article","og_title":"Maps - Assalamkancilan","og_description":"YPI As SalamKembang Yayasan Assalam Kancilan MTS Assalam Kancilan Desa Kancilan, RT. 04 RW. 01, Kecamatan Kembang, Kabupaten Jepara, Propinsi&hellip;","og_url":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/","og_site_name":"Assalamkancilan","article_modified_time":"2026-01-13T14:14:21+00:00","og_image":[{"url":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/","url":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/","name":"Maps - Assalamkancilan","isPartOf":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#primaryimage"},"image":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#primaryimage"},"thumbnailUrl":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","datePublished":"2026-01-02T06:11:52+00:00","dateModified":"2026-01-13T14:14:21+00:00","breadcrumb":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#primaryimage","url":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","contentUrl":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","width":311,"height":284},{"@type":"BreadcrumbList","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jasatechno.com\/assalamkancilan.id\/"},{"@type":"ListItem","position":2,"name":"Maps"}]},{"@type":"WebSite","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/#website","url":"https:\/\/jasatechno.com\/assalamkancilan.id\/","name":"Assalamkancilan","description":"Bersama Assalam, mari ciptakan generasi berberakhlak mulia !","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jasatechno.com\/assalamkancilan.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":16,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/174\/revisions\/1152"}],"wp:attachment":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/media?parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}