{"id":165,"date":"2026-01-02T06:10:48","date_gmt":"2026-01-02T06:10:48","guid":{"rendered":"https:\/\/jasatechno.com\/assalamkancilan.id\/?page_id=165"},"modified":"2026-01-13T14:00:02","modified_gmt":"2026-01-13T14:00:02","slug":"fasilitas-kemitraan","status":"publish","type":"page","link":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/","title":{"rendered":"Fasilitas &amp; Kemitraan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"165\" class=\"elementor elementor-165\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b7ae7b e-con-full e-flex e-con e-parent\" data-id=\"8b7ae7b\" 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-e4cb1b6 e-con-full e-flex e-con e-child\" data-id=\"e4cb1b6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ee3e6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"59ee3e6\" 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-7eb76b8 e-con-full e-flex e-con e-child\" data-id=\"7eb76b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ba7985 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=\"0ba7985\" 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-0ba7985\" 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-0ba7985\" 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-d33ae14 elementor-search-form--skin-classic elementor-search-form--button-type-icon elementor-widget elementor-widget-search-form\" data-id=\"d33ae14\" 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-d33ae14\">Search<\/label>\n\n\t\t\t\t\t\n\t\t\t\t\t<input id=\"elementor-search-form-d33ae14\" 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-ecb8cf2 e-con-full e-flex e-con e-parent\" data-id=\"ecb8cf2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6601338 elementor-widget elementor-widget-html\" data-id=\"6601338\" 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=\"hero-assalam\">\r\n  \r\n  <!-- Konten Teks Kiri -->\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-badge\">PENDIDIKAN ISLAM BERKUALITAS<\/div>\r\n    \r\n    <h1 class=\"hero-title\">\r\n      Yayasan <span class=\"hero-subtitle\">Pendidikan Islam<\/span><br>\r\n      <span class=\"hero-highlight\">As Salam Kembang<\/span>\r\n    <\/h1>\r\n    \r\n    <p class=\"hero-tagline\">\r\n      <span class=\"tagline-icon\">\u2728<\/span> Sukses \u2022 Sholih \u2022 Selamat\r\n    <\/p>\r\n    \r\n    <!-- Tombol CTA -->\r\n    <div class=\"hero-buttons\">\r\n      <a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\" class=\"btn-primary\">\r\n        <svg width=\"18\" height=\"18\" fill=\"white\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M12 2L2 7v2h20V7L12 2zm-1 9H9v10h2V11zm4 0h-2v10h2V11z\"\/>\r\n        <\/svg>\r\n        Selengkapnya\r\n      <\/a>\r\n      \r\n      <a href=\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\" class=\"btn-secondary\">\r\n        <svg width=\"18\" height=\"18\" fill=\"white\" viewBox=\"0 0 24 24\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/>\r\n          <path d=\"M12 8v4m0 4h.01\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n        Tentang Yayasan\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Gambar Siswa Kanan -->\r\n  <div class=\"hero-image\">\r\n    <div class=\"image-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image__3_-removebg-preview.png\" \r\n           alt=\"Siswa Yayasan As Salam Kembang\"\r\n           loading=\"lazy\">\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Elemen Dekoratif Background -->\r\n  <div class=\"hero-decoration decoration-1\"><\/div>\r\n  <div class=\"hero-decoration decoration-2\"><\/div>\r\n  <div class=\"hero-decoration decoration-3\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ========================================\r\n   HERO SECTION - ULTRA SMOOTH ANIMATION\r\n   ======================================== *\/\r\n\r\n.hero-assalam {\r\n  background: linear-gradient(135deg, #2ecc71 0%, #27ae60 50%, #1e8449 100%);\r\n  padding: 60px 5%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 500px;\r\n  gap: 50px;\r\n}\r\n\r\n\/* ========================================\r\n   LEFT CONTENT - SMOOTH SLIDE FROM LEFT\r\n   ======================================== *\/\r\n\r\n.hero-content {\r\n  flex: 1;\r\n  max-width: 550px;\r\n  z-index: 2;\r\n  animation: smoothSlideLeft 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes smoothSlideLeft {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(-120%);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\/* Badge - Smooth Entrance *\/\r\n.hero-badge {\r\n  display: inline-block;\r\n  background: rgba(255,255,255,0.25);\r\n  color: white;\r\n  padding: 8px 20px;\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255,255,255,0.3);\r\n  opacity: 0;\r\n  animation: \r\n    smoothSlideLeft 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothFadeScale 1s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes smoothFadeScale {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.85);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n\/* Title - Smooth Reveal *\/\r\n.hero-title {\r\n  font-size: 52px;\r\n  font-weight: 800;\r\n  color: white;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.1;\r\n  text-shadow: 3px 5px 10px rgba(0,0,0,0.3);\r\n  opacity: 0;\r\n  animation: \r\n    smoothSlideLeft 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothFadeUp 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes smoothFadeUp {\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.hero-subtitle {\r\n  color: rgba(255,255,255,0.85);\r\n  font-weight: 400;\r\n  font-size: 0.85em;\r\n}\r\n\r\n.hero-highlight {\r\n  color: #fff;\r\n  font-weight: 900;\r\n  display: inline-block;\r\n}\r\n\r\n\/* Tagline - Smooth Slide *\/\r\n.hero-tagline {\r\n  font-size: 18px;\r\n  color: white;\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  margin: 0 0 35px 0;\r\n  opacity: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  letter-spacing: 1px;\r\n  animation: \r\n    smoothSlideLeft 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothFadeUp 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n.tagline-icon {\r\n  font-size: 20px;\r\n  display: inline-block;\r\n  animation: smoothPulse 2s 2s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n}\r\n\r\n@keyframes smoothPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.15);\r\n  }\r\n}\r\n\r\n\/* Buttons - Smooth Entrance *\/\r\n.hero-buttons {\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: \r\n    smoothSlideLeft 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothFadeScale 1s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n.btn-primary,\r\n.btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 16px 32px;\r\n  border-radius: 50px;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-primary {\r\n  background: #1e8449;\r\n  color: white;\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background: #186a3b;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.4);\r\n}\r\n\r\n.btn-secondary {\r\n  background: transparent;\r\n  color: white;\r\n  border: 2px solid white;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n}\r\n\r\n.btn-secondary:hover {\r\n  background: rgba(255,255,255,0.15);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n}\r\n\r\n.btn-primary svg,\r\n.btn-secondary svg {\r\n  flex-shrink: 0;\r\n  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.btn-primary:hover svg,\r\n.btn-secondary:hover svg {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* ========================================\r\n   RIGHT IMAGE - SMOOTH SLIDE FROM RIGHT\r\n   ======================================== *\/\r\n\r\n.hero-image {\r\n  flex: 1;\r\n  z-index: 2;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  animation: smoothSlideRight 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes smoothSlideRight {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(120%);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.image-wrapper {\r\n  position: relative;\r\n  max-width: 100%;\r\n  opacity: 0;\r\n  animation: \r\n    smoothSlideRight 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothRotateIn 1.2s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes smoothRotateIn {\r\n  0% {\r\n    opacity: 0;\r\n    transform: rotate(15deg) scale(0.85);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: rotate(0) scale(1);\r\n  }\r\n}\r\n\r\n.image-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20px;\r\n  left: -20px;\r\n  right: -20px;\r\n  bottom: -20px;\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 20px;\r\n  z-index: -1;\r\n  opacity: 0;\r\n  animation: \r\n    smoothGlowIn 1.2s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothFloat 4s 2.5s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n}\r\n\r\n@keyframes smoothGlowIn {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.9);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes smoothFloat {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-12px);\r\n  }\r\n}\r\n\r\n.hero-image img {\r\n  width: 100%;\r\n  max-width: 520px;\r\n  height: auto;\r\n  object-fit: contain;\r\n  border-radius: 15px;\r\n  filter: drop-shadow(0 20px 50px rgba(0,0,0,0.4));\r\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  opacity: 0;\r\n  animation: \r\n    smoothSlideRight 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothZoomIn 1.4s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes smoothZoomIn {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.75);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.hero-image img:hover {\r\n  transform: scale(1.05);\r\n  filter: drop-shadow(0 25px 55px rgba(0,0,0,0.45));\r\n}\r\n\r\n\/* ========================================\r\n   DECORATIVE ELEMENTS - SMOOTH CONVERGE\r\n   ======================================== *\/\r\n\r\n.hero-decoration {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  z-index: 1;\r\n  opacity: 0;\r\n}\r\n\r\n\/* Decoration 1 - Smooth from Top Right *\/\r\n.decoration-1 {\r\n  top: -80px;\r\n  right: -80px;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);\r\n  animation: \r\n    smoothConvergeTopRight 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothRotate 30s 2.5s linear infinite;\r\n}\r\n\r\n@keyframes smoothConvergeTopRight {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translate(150%, -150%) scale(0.5);\r\n  }\r\n  100% {\r\n    opacity: 0.7;\r\n    transform: translate(0, 0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes smoothRotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Decoration 2 - Smooth from Bottom Left *\/\r\n.decoration-2 {\r\n  bottom: -100px;\r\n  left: -100px;\r\n  width: 350px;\r\n  height: 350px;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n  animation: \r\n    smoothConvergeBottomLeft 2.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothRotateReverse 35s 2.8s linear infinite;\r\n}\r\n\r\n@keyframes smoothConvergeBottomLeft {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translate(-150%, 150%) scale(0.5);\r\n  }\r\n  100% {\r\n    opacity: 0.7;\r\n    transform: translate(0, 0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes smoothRotateReverse {\r\n  from { transform: rotate(360deg); }\r\n  to { transform: rotate(0deg); }\r\n}\r\n\r\n\/* Decoration 3 - Smooth Expand from Center *\/\r\n.decoration-3 {\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\r\n  transform: translate(-50%, -50%);\r\n  animation: \r\n    smoothExpandCenter 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n    smoothBreathe 8s 3s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n}\r\n\r\n@keyframes smoothExpandCenter {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n  }\r\n  100% {\r\n    opacity: 0.6;\r\n    transform: translate(-50%, -50%) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes smoothBreathe {\r\n  0%, 100% { \r\n    transform: translate(-50%, -50%) scale(1);\r\n    opacity: 0.6;\r\n  }\r\n  50% { \r\n    transform: translate(-50%, -50%) scale(1.15);\r\n    opacity: 0.4;\r\n  }\r\n}\r\n\r\n\/* ========================================\r\n   RESPONSIVE BREAKPOINTS\r\n   ======================================== *\/\r\n\r\n\/* Tablet Large (1024px) *\/\r\n@media (max-width: 1024px) {\r\n  .hero-assalam {\r\n    padding: 50px 4%;\r\n    gap: 40px;\r\n    min-height: 450px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .hero-tagline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .hero-image img {\r\n    max-width: 450px;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-secondary {\r\n    padding: 14px 28px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .decoration-1,\r\n  .decoration-2,\r\n  .decoration-3 {\r\n    width: 300px;\r\n    height: 300px;\r\n  }\r\n}\r\n\r\n\/* Tablet (768px) - Smooth Vertical *\/\r\n@media (max-width: 768px) {\r\n  .hero-assalam {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 50px 25px;\r\n    gap: 40px;\r\n    min-height: auto;\r\n  }\r\n\r\n  \/* Text from TOP - Smooth *\/\r\n  .hero-content {\r\n    animation: smoothSlideDown 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  @keyframes smoothSlideDown {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(-100%);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* Image from BOTTOM - Smooth *\/\r\n  .hero-image {\r\n    animation: smoothSlideUp 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  @keyframes smoothSlideUp {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(100%);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  .hero-content {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .hero-badge {\r\n    font-size: 10px;\r\n    padding: 7px 18px;\r\n    animation: \r\n      smoothSlideDown 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n      smoothFadeScale 1s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 38px;\r\n    animation: \r\n      smoothSlideDown 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n      smoothFadeUp 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  .hero-tagline {\r\n    justify-content: center;\r\n    font-size: 15px;\r\n    animation: \r\n      smoothSlideDown 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n      smoothFadeUp 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  .hero-buttons {\r\n    justify-content: center;\r\n    animation: \r\n      smoothSlideDown 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n      smoothFadeScale 1s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  .hero-image {\r\n    width: 100%;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .image-wrapper {\r\n    animation: \r\n      smoothSlideUp 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n      smoothRotateIn 1.2s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  .hero-image img {\r\n    max-width: 380px;\r\n    animation: \r\n      smoothSlideUp 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n      smoothZoomIn 1.4s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n  }\r\n\r\n  .decoration-1,\r\n  .decoration-2,\r\n  .decoration-3 {\r\n    width: 250px;\r\n    height: 250px;\r\n  }\r\n}\r\n\r\n\/* Mobile Large (600px) *\/\r\n@media (max-width: 600px) {\r\n  .hero-assalam {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .hero-badge {\r\n    font-size: 9px;\r\n    padding: 6px 15px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .hero-tagline {\r\n    font-size: 14px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .hero-buttons {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-secondary {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 14px 24px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .hero-image img {\r\n    max-width: 320px;\r\n  }\r\n\r\n  .decoration-1 {\r\n    width: 200px;\r\n    height: 200px;\r\n    top: -50px;\r\n    right: -50px;\r\n  }\r\n\r\n  .decoration-2 {\r\n    width: 180px;\r\n    height: 180px;\r\n    bottom: -60px;\r\n    left: -60px;\r\n  }\r\n\r\n  .decoration-3 {\r\n    width: 150px;\r\n    height: 150px;\r\n  }\r\n}\r\n\r\n\/* Mobile Small (480px) *\/\r\n@media (max-width: 480px) {\r\n  .hero-assalam {\r\n    padding: 35px 18px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .hero-tagline {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-secondary {\r\n    padding: 12px 20px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .hero-image img {\r\n    max-width: 280px;\r\n  }\r\n}\r\n\r\n\/* Mobile Extra Small (360px) *\/\r\n@media (max-width: 360px) {\r\n  .hero-assalam {\r\n    padding: 30px 15px;\r\n  }\r\n\r\n  .hero-badge {\r\n    font-size: 8px;\r\n    padding: 5px 12px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .hero-tagline {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-secondary {\r\n    padding: 11px 18px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .btn-primary svg,\r\n  .btn-secondary svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .hero-image img {\r\n    max-width: 240px;\r\n  }\r\n}\r\n\r\n\/* ========================================\r\n   ACCESSIBILITY & PERFORMANCE\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 (hover: none) and (pointer: coarse) {\r\n  .btn-primary,\r\n  .btn-secondary {\r\n    min-height: 48px;\r\n    padding: 14px 28px;\r\n  }\r\n}\r\n\r\n@media (prefers-contrast: high) {\r\n  .hero-assalam {\r\n    border: 2px solid white;\r\n  }\r\n  \r\n  .btn-secondary {\r\n    border-width: 3px;\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 class=\"elementor-element elementor-element-d6f422b elementor-widget elementor-widget-html\" data-id=\"d6f422b\" 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=\"section-fasilitas\" style=\"max-width: 1150px; margin: 30px auto; padding: 0px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #fff;\">\r\n  \r\n  <!-- Badge Kecil -->\r\n  <div style=\"display: inline-block; background: #27ae60; color: #fff; font-size: 12px; font-weight: 700; padding: 10px 22px; border-radius: 8px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px;\">\r\n    Fasilitas\r\n  <\/div>\r\n\r\n  <!-- Judul -->\r\n  <h2 style=\"font-size: 38px; font-weight: 700; color: #2c3e50; margin: 0 0 50px 0; line-height: 1.2;\">\r\n    Fasilitas Yayasan\r\n  <\/h2>\r\n\r\n  <!-- Grid 12 Item Fasilitas -->\r\n  <div class=\"fasilitas-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 45px 30px; justify-items: center;\">\r\n    \r\n    <!-- Item 1: Kelas AC dan LCD -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M6 13c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm12-6c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm-6-13c-1.1 0-2 .9-2 2v2h4V8c0-1.1-.9-2-2-2zm-5 7h10v2H7zm0 3h10v2H7z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Kelas AC dan LCD<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 2: Asrama -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm12-3h-8v8H3V6H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4zm2 8h-8V8h6c1.1 0 2 .9 2 2v4z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Asrama<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 3: Ruang Musik -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6zm-2 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Ruang Musik<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 4: Gazebo -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm0 2.7l6 5.4V18h-2v-6H8v6H6v-6.9l6-5.4z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Gazebo<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 5: Lab Komputer -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Lab Komputer<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 6: Laboratorium -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M7 2v11c0 2.76 2.24 5 5 5s5-2.24 5-5V2H7zm8 11c0 1.65-1.35 3-3 3s-3-1.35-3-3V4h6v9z\"\/><path d=\"M8 5h2v4H8zm4 0h2v4h-2z\"\/><path d=\"M5 19.59V22h14v-2.41l-2-2-2 2-2-2-2 2-2-2z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Laboratorium<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 7: Lapangan -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h2v2H7zm8 0h2v2h-2zm-4 0h2v2h-2z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Lapangan<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 8: Aula -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h19v-3H2v3zm14-12v7h3v-7h-3zm-4.5-9L2 6v2h19V6l-9.5-5z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Aula<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 9: Masjid -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 3.18l7 3.11V11c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V7.29l7-3.11z\"\/><path d=\"M12 6L9 9l1.41 1.41L12 8.83l1.59 1.58L15 9z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Masjid<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 10: Klinik -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Klinik<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 11: Kantin -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Kantin<\/p>\r\n    <\/div>\r\n\r\n    <!-- Item 12: Perpustakaan -->\r\n    <div style=\"text-align: center; transition: transform 0.3s;\">\r\n      <div style=\"width: 90px; height: 90px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 2px solid #2c3e50; border-radius: 12px; transition: all 0.3s;\">\r\n        <svg width=\"50\" height=\"50\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z\"\/><\/svg>\r\n      <\/div>\r\n      <p style=\"font-size: 14px; color: #2c3e50; font-weight: 600; margin: 0;\">Perpustakaan<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .fasilitas-grid > div:hover {\r\n    transform: translateY(-8px);\r\n  }\r\n\r\n  .fasilitas-grid > div:hover > div {\r\n    border-color: #27ae60;\r\n    background: #f0fdf4;\r\n  }\r\n\r\n  .fasilitas-grid > div:hover > div svg {\r\n    fill: #27ae60 !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .section-fasilitas h2 { font-size: 30px !important; }\r\n    .section-fasilitas { padding: 40px 20px !important; }\r\n    .fasilitas-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 35px 20px !important; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26df3f3 elementor-widget elementor-widget-html\" data-id=\"26df3f3\" 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=\"hero-yayasan\" style=\"position: relative; background: linear-gradient(135deg, #1e7e53, #27ae60); padding: 0; margin: 0; overflow: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\r\n  \r\n  <div style=\"max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 500px;\">\r\n    \r\n    <!-- Kolom Kiri: Slider Foto Gedung\/Kegiatan -->\r\n    <div style=\"position: relative; padding: 0; overflow: hidden;\">\r\n      \r\n      <!-- Slider Container -->\r\n      <div class=\"slider-container\" style=\"position: relative; width: 100%; height: 500px;\">\r\n        \r\n        <!-- Slide 1 -->\r\n        <div class=\"slide active\" style=\"position: absolute; width: 100%; height: 100%; opacity: 1; transition: opacity 0.8s ease-in-out;\">\r\n          <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image-4.jpg\" alt=\"Yayasan Assalam Kancilan Slide 1\" style=\"width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.2);\">\r\n        <\/div>\r\n        \r\n        <!-- Slide 2 -->\r\n        <div class=\"slide\" style=\"position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease-in-out;\">\r\n          <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image-5.png\" alt=\"Yayasan Assalam Kancilan Slide 2\" style=\"width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.2);\">\r\n        <\/div>\r\n        \r\n        <!-- Slide 3 -->\r\n        <div class=\"slide\" style=\"position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease-in-out;\">\r\n          <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image-6.png\" alt=\"Yayasan Assalam Kancilan Slide 3\" style=\"width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.2);\">\r\n        <\/div>\r\n        \r\n      <\/div>\r\n      \r\n      <!-- Tombol Navigasi Prev -->\r\n      <button onclick=\"prevSlide()\" style=\"position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: all 0.3s; z-index: 10;\">\r\n        <svg width=\"24\" height=\"24\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n      <\/button>\r\n      \r\n      <!-- Tombol Navigasi Next -->\r\n      <button onclick=\"nextSlide()\" style=\"position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: all 0.3s; z-index: 10;\">\r\n        <svg width=\"24\" height=\"24\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/><\/svg>\r\n      <\/button>\r\n      \r\n      <!-- Indikator Dots Slider -->\r\n      <div class=\"dots-container\" style=\"position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 10;\">\r\n        <span class=\"dot active\" onclick=\"goToSlide(0)\" style=\"width: 35px; height: 8px; background: #fff; border-radius: 5px; opacity: 1; cursor: pointer; transition: all 0.3s;\"><\/span>\r\n        <span class=\"dot\" onclick=\"goToSlide(1)\" style=\"width: 8px; height: 8px; background: #fff; border-radius: 50%; opacity: 0.5; cursor: pointer; transition: all 0.3s;\"><\/span>\r\n        <span class=\"dot\" onclick=\"goToSlide(2)\" style=\"width: 8px; height: 8px; background: #fff; border-radius: 50%; opacity: 0.5; cursor: pointer; transition: all 0.3s;\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Kolom Kanan: Konten Teks -->\r\n    <div style=\"padding: 60px 70px; color: #fff; background: #fff; border-top-left-radius: 25px; border-bottom-left-radius: 25px;\">\r\n      \r\n      <!-- Judul -->\r\n      <h1 style=\"font-size: 42px; font-weight: 800; color: #2c3e50; margin: 0 0 20px 0; line-height: 1.2;\">\r\n        Yayasan Assalam Kancilan\r\n      <\/h1>\r\n\r\n      <!-- Deskripsi -->\r\n      <p style=\"font-size: 15px; color: #555; line-height: 1.8; margin: 0 0 30px 0;\">\r\n        Yayasan Assalam Kancilan menyediakan fasilitas lengkap: ruang belajar modern, laboratorium, asrama nyaman, sarana ibadah, dan lingkungan asri yang mendukung perkembangan akademik, spiritual, serta karakter santri secara terpadu.\r\n      <\/p>\r\n\r\n      <!-- Tombol CTA -->\r\n      <div style=\"display: flex; gap: 15px; flex-wrap: wrap;\">\r\n        <a href=\"#pelajari\" style=\"display: inline-block; background: #27ae60; color: white; padding: 14px 32px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 14px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(39,174,96,0.3);\">\r\n          Pelajari Lebih Lengkap\r\n        <\/a>\r\n        <a href=\"#daftar\" style=\"display: inline-block; background: transparent; color: #27ae60; padding: 14px 32px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 14px; border: 2px solid #27ae60; transition: all 0.3s;\">\r\n          Daftar Sekarang\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .hero-yayasan button:hover {\r\n    background: #fff !important;\r\n    transform: translateY(-50%) scale(1.1);\r\n  }\r\n\r\n  .hero-yayasan a:first-of-type:hover {\r\n    background: #1e8449;\r\n    box-shadow: 0 6px 20px rgba(39,174,96,0.45);\r\n  }\r\n\r\n  .hero-yayasan a:last-of-type:hover {\r\n    background: #27ae60;\r\n    color: #fff;\r\n  }\r\n\r\n  .dot:hover {\r\n    opacity: 0.8 !important;\r\n  }\r\n\r\n  @media (max-width: 968px) {\r\n    .hero-yayasan > div {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    .hero-yayasan > div > div:last-child {\r\n      padding: 40px 30px !important;\r\n      border-radius: 0 !important;\r\n    }\r\n    .hero-yayasan h1 {\r\n      font-size: 32px !important;\r\n    }\r\n    .slider-container {\r\n      height: 350px !important;\r\n    }\r\n    .slide img {\r\n      border-radius: 0 !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\nlet currentSlide = 0;\r\nconst slides = document.querySelectorAll('.slide');\r\nconst dots = document.querySelectorAll('.dot');\r\nlet autoSlideInterval;\r\n\r\n\/\/ Fungsi untuk menampilkan slide tertentu\r\nfunction showSlide(index) {\r\n  \/\/ Reset semua slide\r\n  slides.forEach(slide => {\r\n    slide.style.opacity = '0';\r\n    slide.classList.remove('active');\r\n  });\r\n  \r\n  \/\/ Reset semua dots\r\n  dots.forEach(dot => {\r\n    dot.style.width = '8px';\r\n    dot.style.opacity = '0.5';\r\n    dot.classList.remove('active');\r\n  });\r\n  \r\n  \/\/ Tampilkan slide yang dipilih\r\n  slides[index].style.opacity = '1';\r\n  slides[index].classList.add('active');\r\n  \r\n  \/\/ Aktifkan dot yang sesuai\r\n  dots[index].style.width = '35px';\r\n  dots[index].style.opacity = '1';\r\n  dots[index].classList.add('active');\r\n  \r\n  currentSlide = index;\r\n}\r\n\r\n\/\/ Fungsi next slide\r\nfunction nextSlide() {\r\n  currentSlide = (currentSlide + 1) % slides.length;\r\n  showSlide(currentSlide);\r\n  resetAutoSlide();\r\n}\r\n\r\n\/\/ Fungsi previous slide\r\nfunction prevSlide() {\r\n  currentSlide = (currentSlide - 1 + slides.length) % slides.length;\r\n  showSlide(currentSlide);\r\n  resetAutoSlide();\r\n}\r\n\r\n\/\/ Fungsi go to specific slide\r\nfunction goToSlide(index) {\r\n  showSlide(index);\r\n  resetAutoSlide();\r\n}\r\n\r\n\/\/ Auto slide setiap 5 detik\r\nfunction startAutoSlide() {\r\n  autoSlideInterval = setInterval(() => {\r\n    nextSlide();\r\n  }, 5000); \/\/ 5000ms = 5 detik\r\n}\r\n\r\n\/\/ Reset auto slide saat user klik manual\r\nfunction resetAutoSlide() {\r\n  clearInterval(autoSlideInterval);\r\n  startAutoSlide();\r\n}\r\n\r\n\/\/ Mulai auto slide saat halaman dimuat\r\nstartAutoSlide();\r\n\r\n\/\/ Pause slider saat mouse hover (opsional)\r\ndocument.querySelector('.slider-container').addEventListener('mouseenter', () => {\r\n  clearInterval(autoSlideInterval);\r\n});\r\n\r\ndocument.querySelector('.slider-container').addEventListener('mouseleave', () => {\r\n  startAutoSlide();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d32057 elementor-widget elementor-widget-html\" data-id=\"2d32057\" 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=\"fasilitas-penunjang-section\" style=\"max-width: 1200px; margin: 80px auto; padding: 50px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #fff;\">\r\n  \r\n  <!-- Badge -->\r\n  <div style=\"display: inline-block; background: #d4edda; color: #27ae60; font-size: 11px; font-weight: 700; padding: 8px 18px; border-radius: 6px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 18px;\">\r\n    Fasilitas\r\n  <\/div>\r\n\r\n  <!-- Judul -->\r\n  <h2 style=\"font-size: 36px; font-weight: 700; color: #2c3e50; margin: 0 0 15px 0; line-height: 1.2;\">\r\n    Fasilitas Penunjang\r\n  <\/h2>\r\n\r\n  <!-- Deskripsi -->\r\n  <p style=\"font-size: 15px; color: #666; line-height: 1.7; margin: 0 0 45px 0; max-width: 850px;\">\r\n    Berikut ini beberapa galeri fasilitas unggulan Yayasan Assalam Kancilan yang mendukung pembelajaran berkualitas.\r\n  <\/p>\r\n\r\n  <!-- Grid 3 Kolom Kartu -->\r\n  <div class=\"cards-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;\">\r\n    \r\n    <!-- Card 1: Asrama Santri -->\r\n    <div class=\"facility-card\" style=\"background: #fff; border: 1px solid #e0e0e0; border-radius: 15px; overflow: hidden; transition: all 0.3s; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\r\n      \r\n      <!-- Foto -->\r\n      <div style=\"width: 100%; height: 220px; overflow: hidden;\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image-5.png\" alt=\"Asrama Santri\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;\">\r\n      <\/div>\r\n      \r\n      <!-- Konten -->\r\n      <div style=\"padding: 25px;\">\r\n        <h3 style=\"font-size: 20px; font-weight: 700; color: #27ae60; margin: 0 0 12px 0;\">Asrama Santri<\/h3>\r\n        <p style=\"font-size: 14px; color: #666; line-height: 1.7; margin: 0;\">\r\n          Asrama santri Yayasan Assalam Kancilan nyaman dan tertata, mendukung pembinaan karakter serta kemandirian siswa.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Ruang Belajar -->\r\n    <div class=\"facility-card\" style=\"background: #fff; border: 1px solid #e0e0e0; border-radius: 15px; overflow: hidden; transition: all 0.3s; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\r\n      \r\n      <!-- Foto -->\r\n      <div style=\"width: 100%; height: 220px; overflow: hidden;\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-03-045349.png\" alt=\"Ruang Belajar\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;\">\r\n      <\/div>\r\n      \r\n      <!-- Konten -->\r\n      <div style=\"padding: 25px;\">\r\n        <h3 style=\"font-size: 20px; font-weight: 700; color: #27ae60; margin: 0 0 12px 0;\">Ruang Belajar<\/h3>\r\n        <p style=\"font-size: 14px; color: #666; line-height: 1.7; margin: 0;\">\r\n          Ruang belajar modern Yayasan Assalam Kancilan dirancang nyaman dan kondusif untuk mendukung prestasi siswa.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Fasilitas Penunjang -->\r\n    <div class=\"facility-card\" style=\"background: #fff; border: 1px solid #e0e0e0; border-radius: 15px; overflow: hidden; transition: all 0.3s; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\r\n      \r\n      <!-- Foto -->\r\n      <div style=\"width: 100%; height: 220px; overflow: hidden;\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-03-064124.png\" alt=\"Masjid Raya\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;\">\r\n      <\/div>\r\n      \r\n      <!-- Konten -->\r\n      <div style=\"padding: 25px;\">\r\n        <h3 style=\"font-size: 20px; font-weight: 700; color: #27ae60; margin: 0 0 12px 0;\">Fasilitas Penunjang<\/h3>\r\n        <p style=\"font-size: 14px; color: #666; line-height: 1.7; margin: 0;\">\r\n          Fasilitas penunjang kesyariaan meliputi Masjid Raya sebagai pusat pembinaan spiritual santri.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .facility-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 12px 30px rgba(39,174,96,0.15);\r\n    border-color: #27ae60;\r\n  }\r\n\r\n  .facility-card:hover img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  @media (max-width: 968px) {\r\n    .cards-grid {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 25px !important;\r\n    }\r\n    .fasilitas-penunjang-section {\r\n      padding: 40px 20px !important;\r\n    }\r\n    .fasilitas-penunjang-section h2 {\r\n      font-size: 28px !important;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 969px) and (max-width: 1100px) {\r\n    .cards-grid {\r\n      grid-template-columns: repeat(2, 1fr) !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-54063ae7 e-con-full e-flex e-con e-parent\" data-id=\"54063ae7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70c8f7c1 elementor-widget elementor-widget-html\" data-id=\"70c8f7c1\" 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-697b598 elementor-widget elementor-widget-html\" data-id=\"697b598\" 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 PENDIDIKAN ISLAM BERKUALITAS Yayasan Pendidikan Islam As Salam Kembang \u2728 Sukses \u2022 Sholih \u2022 Selamat Selengkapnya Tentang&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-165","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>Fasilitas &amp; Kemitraan - 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\/fasilitas-kemitraan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fasilitas &amp; Kemitraan - Assalamkancilan\" \/>\n<meta property=\"og:description\" content=\"YPI As SalamKembang PENDIDIKAN ISLAM BERKUALITAS Yayasan Pendidikan Islam As Salam Kembang \u2728 Sukses \u2022 Sholih \u2022 Selamat Selengkapnya Tentang&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\" \/>\n<meta property=\"og:site_name\" content=\"Assalamkancilan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-13T14:00:02+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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\",\"url\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\",\"name\":\"Fasilitas &amp; Kemitraan - Assalamkancilan\",\"isPartOf\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\",\"datePublished\":\"2026-01-02T06:10:48+00:00\",\"dateModified\":\"2026-01-13T14:00:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#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\/fasilitas-kemitraan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fasilitas &amp; Kemitraan\"}]},{\"@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":"Fasilitas &amp; Kemitraan - 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\/fasilitas-kemitraan\/","og_locale":"en_US","og_type":"article","og_title":"Fasilitas &amp; Kemitraan - Assalamkancilan","og_description":"YPI As SalamKembang PENDIDIKAN ISLAM BERKUALITAS Yayasan Pendidikan Islam As Salam Kembang \u2728 Sukses \u2022 Sholih \u2022 Selamat Selengkapnya Tentang&hellip;","og_url":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/","og_site_name":"Assalamkancilan","article_modified_time":"2026-01-13T14:00:02+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":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/","url":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/","name":"Fasilitas &amp; Kemitraan - Assalamkancilan","isPartOf":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#primaryimage"},"image":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#primaryimage"},"thumbnailUrl":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","datePublished":"2026-01-02T06:10:48+00:00","dateModified":"2026-01-13T14:00:02+00:00","breadcrumb":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/fasilitas-kemitraan\/#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\/fasilitas-kemitraan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jasatechno.com\/assalamkancilan.id\/"},{"@type":"ListItem","position":2,"name":"Fasilitas &amp; Kemitraan"}]},{"@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\/165","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=165"}],"version-history":[{"count":40,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":1140,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/165\/revisions\/1140"}],"wp:attachment":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}