{"id":142,"date":"2026-01-02T06:06:30","date_gmt":"2026-01-02T06:06:30","guid":{"rendered":"https:\/\/jasatechno.com\/assalamkancilan.id\/?page_id=142"},"modified":"2026-01-16T13:42:41","modified_gmt":"2026-01-16T13:42:41","slug":"tentang","status":"publish","type":"page","link":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/","title":{"rendered":"tentang"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"142\" class=\"elementor elementor-142\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc05122 e-con-full e-flex e-con e-parent\" data-id=\"cc05122\" 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-5d322f2 e-con-full e-flex e-con e-child\" data-id=\"5d322f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2197a76 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2197a76\" 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-c9fd256 e-con-full e-flex e-con e-child\" data-id=\"c9fd256\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea59500 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=\"ea59500\" 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-ea59500\" 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-ea59500\" 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-13c51a6 elementor-search-form--skin-classic elementor-search-form--button-type-icon elementor-widget elementor-widget-search-form\" data-id=\"13c51a6\" 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-13c51a6\">Search<\/label>\n\n\t\t\t\t\t\n\t\t\t\t\t<input id=\"elementor-search-form-13c51a6\" 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-311f8e2 e-con-full e-flex e-con e-parent\" data-id=\"311f8e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3246e55 elementor-widget elementor-widget-html\" data-id=\"3246e55\" 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-2221660 elementor-widget elementor-widget-html\" data-id=\"2221660\" 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=\"sejarah-pengasuh\" style=\"max-width: 1000px; margin: 0 auto; padding: 80px 30px; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; line-height: 1.9; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\">\r\n  \r\n  <!-- Badge Label -->\r\n  <div style=\"display: inline-block; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; padding: 10px 25px; border-radius: 25px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 25px 0; box-shadow: 0 4px 15px rgba(39,174,96,0.3);\">TENTANG YAYASAN<\/div>\r\n  \r\n  <!-- Judul Utama -->\r\n  <h1 style=\"font-size: 48px; font-weight: 800; color: #2c3e50; margin: 0 0 20px 0; line-height: 1.2;\">Sejarah Yayasan As Salam Kembang<\/h1>\r\n  \r\n  <!-- Subtitle -->\r\n  <p style=\"font-size: 18px; font-weight: 600; color: #27ae60; margin: 0 0 40px 0; font-style: italic; letter-spacing: 0.5px;\">Sukses \u2022 Sholih \u2022 Selamat<\/p>\r\n  \r\n  <!-- Section Latar Belakang -->\r\n  <h2 style=\"font-size: 24px; font-weight: 700; color: #27ae60; margin: 0 0 20px 0; text-transform: uppercase; border-left: 5px solid #27ae60; padding-left: 20px;\">LATAR BELAKANG PENDIRIAN<\/h2>\r\n  <p style=\"text-align: justify; margin: 0 0 25px 0; font-size: 16px; color: #555;\">\r\n    Yayasan Pendidikan Islam As Salam Kembang didirikan pada tanggal <strong style=\"color: #27ae60;\">02 November 2012<\/strong> berdasarkan Akta Notaris <strong>H. A. Qomar Nasikh, SH. Nomor 10<\/strong>. Yayasan ini berdiri di tengah-tengah masyarakat Desa Kancilan, Kecamatan Kembang, Kabupaten Jepara, Jawa Tengah, dengan tekad mulia untuk membentuk generasi muslim yang berkarakter, berakhlak mulia, dan berprestasi.\r\n  <\/p>\r\n  <p style=\"text-align: justify; margin: 0 0 40px 0; font-size: 16px; color: #555;\">\r\n    Berawal dari keprihatinan terhadap kondisi pendidikan Islam di daerah setempat, para pendiri yayasan berinisiatif mendirikan lembaga pendidikan yang mampu mengintegrasikan pendidikan agama dan pendidikan umum secara seimbang, dengan landasan <strong style=\"color: #27ae60;\">Islam Ahlussunnah wal Jamaah<\/strong>.\r\n  <\/p>\r\n  \r\n  <!-- Section Visi & Misi -->\r\n  <h2 style=\"font-size: 24px; font-weight: 700; color: #27ae60; margin: 0 0 20px 0; text-transform: uppercase; border-left: 5px solid #27ae60; padding-left: 20px;\">VISI & MISI<\/h2>\r\n  \r\n  <div style=\"background: white; padding: 30px; border-radius: 15px; margin-bottom: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border: 2px solid #e9ecef;\">\r\n    <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 15px 0; display: flex; align-items: center; gap: 10px;\">\r\n      <span style=\"font-size: 24px;\">\ud83c\udfaf<\/span> VISI\r\n    <\/h3>\r\n    <p style=\"text-align: justify; margin: 0; font-size: 16px; color: #555; font-weight: 600; font-style: italic;\">\r\n      \"Membentuk generasi muslim yang <span style=\"color: #27ae60;\">Sukses, Sholih, dan Selamat<\/span> di dunia dan akhirat (S3)\"\r\n    <\/p>\r\n  <\/div>\r\n  \r\n  <div style=\"background: white; padding: 30px; border-radius: 15px; margin-bottom: 40px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border: 2px solid #e9ecef;\">\r\n    <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 15px 0; display: flex; align-items: center; gap: 10px;\">\r\n      <span style=\"font-size: 24px;\">\ud83d\udccb<\/span> MISI\r\n    <\/h3>\r\n    <ul style=\"margin: 0; padding-left: 20px; font-size: 16px; color: #555; line-height: 2;\">\r\n      <li style=\"margin-bottom: 12px;\">Meningkatkan kualitas pendidikan Islam Ahlussunnah wal Jamaah<\/li>\r\n      <li style=\"margin-bottom: 12px;\">Membangun karakter muslim yang sholih dan bermanfaat (nafi')<\/li>\r\n      <li style=\"margin-bottom: 12px;\">Membentuk masyarakat yang madani<\/li>\r\n      <li style=\"margin-bottom: 12px;\">Membina masyarakat berdasarkan keimanan dan ketakwaan melalui pembinaan akhlak dan budi pekerti<\/li>\r\n      <li style=\"margin-bottom: 12px;\">Meningkatkan pelayanan kemanusiaan, keagamaan, dan sosial bagi masyarakat<\/li>\r\n      <li style=\"margin-bottom: 12px;\">Menyebarkan semangat moderat, gotong-royong, dan belajar sepanjang hayat<\/li>\r\n      <li>Mengantarkan masyarakat mencapai harapan kehidupan melalui pembinaan dan pelatihan bakat dan minat<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n  \r\n  <!-- Section Ketua Yayasan -->\r\n  <h2 style=\"font-size: 24px; font-weight: 700; color: #27ae60; margin: 0 0 20px 0; text-transform: uppercase; border-left: 5px solid #27ae60; padding-left: 20px;\">KETUA YAYASAN<\/h2>\r\n  \r\n  <div style=\"background: linear-gradient(135deg, #e8f5f0 0%, #d5f4e6 100%); padding: 35px; border-radius: 15px; margin-bottom: 40px; box-shadow: 0 8px 25px rgba(39,174,96,0.2); border: 3px solid #27ae60;\">\r\n    <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 20px;\">\r\n      <div style=\"width: 80px; height: 80px; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; box-shadow: 0 6px 20px rgba(39,174,96,0.4);\">\ud83d\udc64<\/div>\r\n      <div>\r\n        <p style=\"margin: 0 0 5px 0; font-size: 14px; color: #7f8c8d; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;\">Ketua Yayasan<\/p>\r\n        <h3 style=\"font-size: 26px; font-weight: 800; color: #2c3e50; margin: 0;\">Luqman Hakim<\/h3>\r\n        <p style=\"margin: 5px 0 0 0; font-size: 16px; color: #27ae60; font-weight: 700;\">S.Pd.I, M.Pd<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <p style=\"text-align: justify; margin: 0; font-size: 15px; color: #555; line-height: 1.8;\">\r\n      Beliau memimpin Yayasan Pendidikan Islam As Salam Kembang dengan dedikasi penuh untuk mengembangkan pendidikan Islam yang berkualitas, berakhlak mulia, dan berwawasan global, sesuai dengan visi misi yayasan untuk membentuk generasi yang Sukses, Sholih, dan Selamat.\r\n    <\/p>\r\n  <\/div>\r\n  \r\n  <!-- Section Lembaga Pendidikan -->\r\n  <h2 style=\"font-size: 24px; font-weight: 700; color: #27ae60; margin: 0 0 20px 0; text-transform: uppercase; border-left: 5px solid #27ae60; padding-left: 20px;\">LEMBAGA YANG DIJALANKAN<\/h2>\r\n  <p style=\"text-align: justify; margin: 0 0 25px 0; font-size: 16px; color: #555;\">\r\n    Yayasan Pendidikan Islam As Salam Kembang menaungi <strong style=\"color: #27ae60;\">9 (sembilan) lembaga pendidikan<\/strong> yang meliputi:\r\n  <\/p>\r\n  \r\n  <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 40px;\">\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83c\udf93<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Raudlatul Athfal (RA)<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83d\udcda<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Madrasah Ibtidaiyah (MI)<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83d\udcd6<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Madrasah Tsanawiyah (MTs)<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83c\udf93<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Madrasah Aliyah (MA)<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83d\udd4c<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Pondok Pesantren<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83d\udcff<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">TPQ As Salam<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83c\udfeb<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Sekolah Akhlaq Mulia<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83d\udd4c<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Masjid At-Taufiqiyah<\/strong>\r\n    <\/div>\r\n    <div style=\"background: white; padding: 20px; border-radius: 12px; text-align: center; border: 2px solid #e9ecef; transition: all 0.3s ease;\">\r\n      <div style=\"font-size: 32px; margin-bottom: 10px;\">\ud83d\udcda<\/div>\r\n      <strong style=\"color: #2c3e50; font-size: 15px;\">Majlis Talim<\/strong>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Section Data Yayasan -->\r\n  <h2 style=\"font-size: 24px; font-weight: 700; color: #27ae60; margin: 0 0 20px 0; text-transform: uppercase; border-left: 5px solid #27ae60; padding-left: 20px;\">DATA YAYASAN<\/h2>\r\n  \r\n  <div style=\"background: white; padding: 30px; border-radius: 15px; margin-bottom: 40px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border: 2px solid #e9ecef;\">\r\n    <table style=\"width: 100%; border-collapse: collapse; font-size: 15px;\">\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600; width: 200px;\">Nama Yayasan<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50; font-weight: 600;\">Yayasan Pendidikan Islam As Salam Kembang<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Akta Notaris<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">H. A. Qomar Nasikh, SH.<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Nomor<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">10, tanggal 02 November 2012<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">NPWP<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">31.627.541.1-516.000<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Klasifikasi<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">Pendidikan, Dakwah dan Sosial<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Alamat<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">Desa Kancilan, RT. 01 RW. 09, Kecamatan Kembang, Kabupaten Jepara, Jawa Tengah 59458<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Status Modal<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">Swasta<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Telepon<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">0852-4330-3543 \/ 0852-0020-7070<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Ketua Yayasan<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">Luqman Hakim, S.Pd.I, M.Pd<\/td>\r\n      <\/tr>\r\n      <tr style=\"border-bottom: 1px solid #e9ecef;\">\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Tahun Berdiri<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">2012<\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td style=\"padding: 12px 0; color: #7f8c8d; font-weight: 600;\">Tahun Diresmikan<\/td>\r\n        <td style=\"padding: 12px 0; color: #2c3e50;\">2012<\/td>\r\n      <\/tr>\r\n    <\/table>\r\n  <\/div>\r\n  \r\n  <!-- Section Fasilitas -->\r\n  <h2 style=\"font-size: 24px; font-weight: 700; color: #27ae60; margin: 0 0 20px 0; text-transform: uppercase; border-left: 5px solid #27ae60; padding-left: 20px;\">FASILITAS<\/h2>\r\n  <p style=\"text-align: justify; margin: 0 0 25px 0; font-size: 16px; color: #555;\">\r\n    Tercatat sampai tahun 2025, Yayasan Pendidikan Islam As Salam Kembang telah memiliki fasilitas yang memadai untuk menunjang proses pembelajaran, antara lain:\r\n  <\/p>\r\n  \r\n  <ul style=\"margin: 0 0 40px 0; padding-left: 20px; font-size: 16px; color: #555; line-height: 2;\">\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Ruang kelas yang memadai untuk 9 lembaga pendidikan<\/li>\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Balai Latihan Komunitas Teknik Informatika sebagai laboratorium komputer terpadu<\/li>\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Masjid At-Taufiqiyah sebagai pusat kegiatan ibadah<\/li>\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Asrama pesantren yang nyaman<\/li>\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Perpustakaan dengan koleksi buku yang lengkap<\/li>\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Lapangan olahraga<\/li>\r\n    <li style=\"margin-bottom: 12px;\">\u2705 Tiga kendaraan operasional<\/li>\r\n    <li>\u2705 Jaringan internet di seluruh area<\/li>\r\n  <\/ul>\r\n  \r\n  <!-- Call to Action -->\r\n  <div style=\"background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); padding: 40px; border-radius: 15px; text-align: center; box-shadow: 0 10px 35px rgba(39,174,96,0.3);\">\r\n    <h3 style=\"font-size: 24px; font-weight: 700; color: white; margin: 0 0 15px 0;\">Bergabunglah Bersama Kami!<\/h3>\r\n    <p style=\"font-size: 16px; color: white; margin: 0 0 25px 0; opacity: 0.95;\">Wujudkan impian pendidikan Islam yang berkualitas untuk putra-putri Anda<\/p>\r\n    <a href=\"https:\/\/wa.me\/6282245197804?text=Assalamu%27alaikum%2C%20saya%20ingin%20menghubungi%20ASsalam\" style=\"display: inline-block; background: white; color: #27ae60; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; box-shadow: 0 6px 20px rgba(0,0,0,0.2); transition: all 0.3s ease;\">HUBUNGI KAMI<\/a>\r\n  <\/div>\r\n  \r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d953b0d elementor-widget elementor-widget-html\" data-id=\"d953b0d\" 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=\"alasan-memilih\" style=\"max-width: 1200px; margin: 60px auto; padding: 40px 30px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\r\n  \r\n  <!-- Judul Utama dengan Animasi -->\r\n  <h1 class=\"fade-in-center\" style=\"font-size: 40px; font-weight: 700; color: #2c3e50; margin: 0 0 15px 0; animation: fadeInCenter 1s ease-out;\">\r\n    Alasan Memilih Yayasan Assalam Kancilan?\r\n  <\/h1>\r\n  \r\n  <!-- Subtitle Hijau -->\r\n  <p class=\"fade-in-center\" style=\"font-size: 16px; color: #27ae60; font-weight: 600; margin: 0 0 50px 0; animation: fadeInCenter 1.2s ease-out;\">\r\n    Yayasan Assalam Kancilan Jombang\r\n  <\/p>\r\n  \r\n  <!-- Kotak Hijau dengan Grid 2 Kolom -->\r\n  <div style=\"background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%); border: 2px solid #a3cfbb; border-radius: 20px; padding: 50px 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.08);\">\r\n    \r\n    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px 60px; text-align: left;\">\r\n      \r\n      <!-- Poin Kiri (Animasi dari Kiri) -->\r\n      <div class=\"slide-in-left\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInLeft 0.8s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Biaya sekolah terjangkau untuk semua kalangan masyarakat.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-right\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInRight 0.8s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Sistem pengajaran dan manajemen unggul menjadikan sekolah ini sebagai salah satu sekolah terbaik di Jombang.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-left\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInLeft 1s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Kesempatan studi lanjut ke luar negeri seperti Mesir, Maroko, Sudan, Yaman, dan lainnya.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-right\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInRight 1s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Bimbingan intensif tidak hanya untuk UN tapi juga tes masuk PTN.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-left\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInLeft 1.2s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Jaminan melanjutkan studi di PTN favorit seperti ITB, ITS, UGM, UNAIR dengan beasiswa Kemenag RI.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-right\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInRight 1.2s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">20 kali try out tahunan untuk memastikan kesiapan siswa menghadapi ujian nasional.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-left\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInLeft 1.4s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Kelas kecil dengan hanya 22-26 siswa per kelas untuk pembelajaran optimal.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-right\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInRight 1.4s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Fasilitas pendaftaran ke PTN\/PTS baik dalam maupun luar negeri.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-left\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInLeft 1.6s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Diajar oleh guru profesional berkualifikasi S1, S2, hingga S3.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-right\" style=\"display: flex; align-items: flex-start; gap: 12px; animation: slideInRight 1.6s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Garansi diterima di universitas favorit bagi seluruh siswa.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"slide-in-left\" style=\"display: flex; align-items: flex-start; gap: 12px; grid-column: 1 \/ -1; animation: slideInLeft 1.8s ease-out;\">\r\n        <span style=\"color: #27ae60; font-size: 22px; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span>\r\n        <p style=\"margin: 0; font-size: 15px; color: #2c3e50; line-height: 1.6;\">Pembimbing bahasa asing native speaker dari berbagai negara untuk program bahasa internasional.<\/p>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Animasi Fade In Center untuk Judul *\/\r\n  @keyframes fadeInCenter {\r\n    0% {\r\n      opacity: 0;\r\n      transform: scale(0.8);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n  \r\n  \/* Animasi Slide dari Kiri *\/\r\n  @keyframes slideInLeft {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(-80px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n  \r\n  \/* Animasi Slide dari Kanan *\/\r\n  @keyframes slideInRight {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(80px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n  \r\n  \/* Responsif Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .alasan-memilih h1 {\r\n      font-size: 28px !important;\r\n    }\r\n    .alasan-memilih > div > div {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 20px !important;\r\n    }\r\n    .alasan-memilih {\r\n      padding: 30px 20px !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 class=\"elementor-element elementor-element-39701ba elementor-widget elementor-widget-html\" data-id=\"39701ba\" 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=\"visi-misi-section\" style=\"background: linear-gradient(135deg, #1e7e5a 0%, #2ecc71 100%); border-radius: 40px; padding: 80px 60px; display: flex; align-items: center; justify-content: space-between; max-width: 1400px; margin: 60px auto; box-shadow: 0 20px 60px rgba(0,0,0,0.2); position: relative; overflow: hidden;\">\r\n  \r\n  <!-- Background Dekoratif -->\r\n  <div style=\"position: absolute; top: -100px; left: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); border-radius: 50%;\"><\/div>\r\n  <div style=\"position: absolute; bottom: -80px; right: -80px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); border-radius: 50%;\"><\/div>\r\n  \r\n  <!-- Bagian Kiri: Foto Guru & Stats (DIPERBAIKI) -->\r\n  <div style=\"position: relative; z-index: 2; flex-shrink: 0; padding-top: 85px;\">\r\n    \r\n    <!-- Badge Alumni di Atas (tidak menutupi foto) -->\r\n    <div class=\"fade-in-top\" style=\"position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: rgba(44, 62, 80, 0.95); padding: 12px 25px; border-radius: 15px; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.4); z-index: 10; animation: fadeInTop 1s ease-out;\">\r\n      <div style=\"display: flex; align-items: center; gap: 8px; justify-content: center; margin-bottom: 5px;\">\r\n        <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z\"\/><\/svg>\r\n        <span style=\"color: white; font-size: 12px; font-weight: 600;\">Alumni 2021 - 2025<\/span>\r\n      <\/div>\r\n      <div style=\"font-size: 32px; font-weight: 700; color: white; line-height: 1;\">850<\/div>\r\n      <div style=\"font-size: 11px; color: #2ecc71; font-weight: 600; background: rgba(46, 204, 113, 0.25); padding: 4px 12px; border-radius: 10px; margin-top: 5px;\">120 Universitas<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Foto Guru Bulat dengan Shadow (posisi sempurna) -->\r\n    <div class=\"zoom-in\" style=\"width: 380px; height: 380px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 15px 50px rgba(0,0,0,0.4); overflow: hidden; position: relative; z-index: 5; animation: zoomIn 1.2s ease-out;\">\r\n      <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image__1_-removebg-preview.png\" alt=\"Ustadz Yayasan Assalam Kancilan\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center 20%;\">\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Bagian Kanan: Visi Misi -->\r\n  <div style=\"flex: 1; padding-left: 80px; z-index: 2; color: white;\">\r\n    \r\n    <!-- Visi -->\r\n    <div class=\"fade-in-right\" style=\"margin-bottom: 40px; animation: fadeInRight 1s ease-out;\">\r\n      <h2 style=\"font-size: 42px; font-weight: 700; margin: 0 0 20px 0; text-shadow: 2px 4px 8px rgba(0,0,0,0.3);\">Visi :<\/h2>\r\n      <p style=\"font-size: 17px; line-height: 1.8; margin: 0; text-align: justify; text-shadow: 1px 2px 4px rgba(0,0,0,0.2);\">\r\n        Terwujudnya manusia yang unggul, utuh, dan berakhlaqul karimah untuk kemuliaan dan kejayaan Islam dan kaum muslimin, kemuliaan dan kejayaan seluruh bangsa Indonesia dan untuk keberhasilan cita-cita kemerdekaan yaitu terwujudnya kesahjetraan dan tegaknya keadilan bagi seluruh bangsa Indonesia tanpa terkecuali.\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Misi -->\r\n    <div class=\"fade-in-right\" style=\"animation: fadeInRight 1.3s ease-out;\">\r\n      <h2 style=\"font-size: 42px; font-weight: 700; margin: 0 0 20px 0; text-shadow: 2px 4px 8px rgba(0,0,0,0.3);\">Misi :<\/h2>\r\n      <p style=\"font-size: 17px; line-height: 1.8; margin: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; text-shadow: 1px 2px 4px rgba(0,0,0,0.2);\">\r\n        MELAKSANAKAN SISTEM YANG BERLAKU DI LEMBAGA PENDIDIKAN UNGGULAN YAYASAN ASSALAM KANCILAN SECARA KETAT, DAN BERTANGGUNG JAWAB.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Animasi Zoom In untuk Foto *\/\r\n  @keyframes zoomIn {\r\n    0% {\r\n      opacity: 0;\r\n      transform: scale(0.5);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n  \r\n  \/* Animasi Fade In dari Atas untuk Badge *\/\r\n  @keyframes fadeInTop {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translate(-50%, -40px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translate(-50%, 0);\r\n    }\r\n  }\r\n  \r\n  \/* Animasi Fade In dari Kanan untuk Teks *\/\r\n  @keyframes fadeInRight {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(50px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n  \r\n  \/* Responsif Mobile *\/\r\n  @media (max-width: 968px) {\r\n    .visi-misi-section {\r\n      flex-direction: column !important;\r\n      padding: 60px 30px !important;\r\n      text-align: center !important;\r\n    }\r\n    .visi-misi-section > div:first-child {\r\n      padding-top: 85px !important;\r\n    }\r\n    .visi-misi-section > div:last-child {\r\n      padding-left: 0 !important;\r\n      margin-top: 50px;\r\n    }\r\n    .visi-misi-section h2 {\r\n      font-size: 32px !important;\r\n    }\r\n    .visi-misi-section p {\r\n      font-size: 15px !important;\r\n    }\r\n    .visi-misi-section > div:first-child > div:last-child {\r\n      width: 300px !important;\r\n      height: 300px !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 class=\"elementor-element elementor-element-8a713b2 elementor-widget elementor-widget-html\" data-id=\"8a713b2\" 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=\"tujuh-kunci-sukses\" style=\"max-width: 1200px; margin: 80px auto; padding: 60px 30px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\r\n  \r\n  <!-- Judul Utama dengan Animasi Zoom -->\r\n  <h1 class=\"zoom-in-title\" style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin: 0 0 15px 0; animation: zoomInTitle 1s ease-out;\">\r\n    7 Kunci Sukses\r\n  <\/h1>\r\n  \r\n  <!-- Subtitle -->\r\n  <p class=\"fade-in-subtitle\" style=\"font-size: 16px; color: #666; margin: 0 0 60px 0; line-height: 1.6; animation: fadeInSubtitle 1.2s ease-out;\">\r\n    Tujuh kunci kesuksesan menurut Al-Qur'an dan Hadits,<br>yang dirumuskan oleh KH. Muhammad Sholeh untuk santri Yayasan Assalam Kancilan:\r\n  <\/p>\r\n  \r\n  <!-- Grid 7 Kunci (4 atas, 3 bawah) -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 30px;\">\r\n    \r\n    <!-- Card 1 -->\r\n    <div class=\"card-kunci slide-in-left\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInLeftCard 0.8s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">1<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Bertakwa Kepada Allah<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(At-Thalaq: 2-3)<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Card 2 -->\r\n    <div class=\"card-kunci slide-in-top\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInTopCard 0.8s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">2<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Menuntut Ilmu<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(Al-Mujadilah: 11)<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Card 3 -->\r\n    <div class=\"card-kunci slide-in-top\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInTopCard 1s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">3<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Bekerja Keras & Ikhtiar<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(Ar-Ra'd: 11)<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Card 4 -->\r\n    <div class=\"card-kunci slide-in-right\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInRightCard 0.8s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">4<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Berdoa & Tawakal<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(Ali Imran: 159)<\/p>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n  \r\n  <!-- Baris Kedua (3 card tengah) -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 900px; margin: 0 auto;\">\r\n    \r\n    <!-- Card 5 -->\r\n    <div class=\"card-kunci slide-in-left\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInLeftCard 1.2s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">5<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Bersedekah<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(Al-Baqarah: 261)<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Card 6 -->\r\n    <div class=\"card-kunci slide-in-bottom\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInBottomCard 1.2s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">6<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Sabar & Istiqomah<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(Al-Baqarah: 153)<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Card 7 -->\r\n    <div class=\"card-kunci slide-in-right\" style=\"background: #f9f9f9; padding: 30px 20px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; animation: slideInRightCard 1.2s ease-out;\">\r\n      <div style=\"font-size: 48px; font-weight: 700; color: #27ae60; margin-bottom: 15px;\">7<\/div>\r\n      <h3 style=\"font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0;\">Bersyukur<\/h3>\r\n      <p style=\"font-size: 13px; color: #7f8c8d; margin: 0; font-style: italic;\">(Ibrahim: 7)<\/p>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Animasi Zoom In untuk Judul *\/\r\n  @keyframes zoomInTitle {\r\n    0% { opacity: 0; transform: scale(0.7); }\r\n    100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  \r\n  \/* Animasi Fade In untuk Subtitle *\/\r\n  @keyframes fadeInSubtitle {\r\n    0% { opacity: 0; transform: translateY(-20px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n  \r\n  \/* Animasi Slide dari Kiri *\/\r\n  @keyframes slideInLeftCard {\r\n    0% { opacity: 0; transform: translateX(-80px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n  }\r\n  \r\n  \/* Animasi Slide dari Atas *\/\r\n  @keyframes slideInTopCard {\r\n    0% { opacity: 0; transform: translateY(-80px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n  \r\n  \/* Animasi Slide dari Kanan *\/\r\n  @keyframes slideInRightCard {\r\n    0% { opacity: 0; transform: translateX(80px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n  }\r\n  \r\n  \/* Animasi Slide dari Bawah *\/\r\n  @keyframes slideInBottomCard {\r\n    0% { opacity: 0; transform: translateY(80px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n  \r\n  \/* Hover Effect Card *\/\r\n  .card-kunci:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 15px 40px rgba(39,174,96,0.25) !important;\r\n  }\r\n  \r\n  \/* Responsif Mobile *\/\r\n  @media (max-width: 968px) {\r\n    .tujuh-kunci-sukses h1 { font-size: 36px !important; }\r\n    .tujuh-kunci-sukses > div:nth-child(3),\r\n    .tujuh-kunci-sukses > div:nth-child(4) {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 20px !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 class=\"elementor-element elementor-element-aab161b elementor-widget elementor-widget-html\" data-id=\"aab161b\" 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=\"susunan-pengurus\" style=\"max-width: 1200px; margin: 0px auto; padding: 40px 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\r\n  \r\n  <!-- Judul Utama -->\r\n  <h1 style=\"font-size: 36px; font-weight: 700; color: #2c3e50; margin: 0 0 10px 0; line-height: 1.2;\">\r\n    Susunan Pengurus Yayasan\r\n  <\/h1>\r\n  \r\n  <!-- Subtitle Hijau -->\r\n  <p style=\"font-size: 16px; color: #27ae60; font-weight: 600; margin: 0; line-height: 1.5;\">\r\n    Yayasan Assalam Kancilan Jombang\r\n  <\/p>\r\n  \r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eecfb8 elementor-widget elementor-widget-html\" data-id=\"3eecfb8\" 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<!-- Section 1: Pengurus Inti Yayasan -->\r\n<div class=\"struktur-organisasi\" style=\"max-width: 1200px; margin: 60px auto; padding: 40px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f8f9fa;\">\r\n  \r\n  <h2 style=\"text-align: center; font-size: 28px; font-weight: 700; color: #2c3e50; margin: 0 0 50px 0;\">\r\n    Pengurus Yayasan Pendidikan Islam As Salam Kembang\r\n  <\/h2>\r\n  \r\n  <!-- Grid 2 Kolom (Ketua dan Co-Founder) -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 60px;\">\r\n    \r\n    <!-- Card 1: Ketua Yayasan -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/generated-image__1_-removebg-preview.png\" alt=\"Ketua Yayasan\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Luqman Hakim, S.Pd.I, M.Pd<\/h3>\r\n      <div class=\"badge-jabatan\">Ketua Yayasan & Pendiri<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Card 2: Co-Founder -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-06-at-20.03.07.jpeg\" alt=\"Co-Founder\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Sistya Ningsih, S.Pd<\/h3>\r\n      <div class=\"badge-jabatan\">Co-Founder Yayasan<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Section 2: Lembaga Pendidikan -->\r\n<div class=\"struktur-organisasi\" style=\"max-width: 1200px; margin: 60px auto; padding: 40px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #ffffff;\">\r\n  \r\n  <h2 style=\"text-align: center; font-size: 28px; font-weight: 700; color: #2c3e50; margin: 0 0 50px 0;\">\r\n    Lembaga Pendidikan As Salam Kembang\r\n  <\/h2>\r\n  \r\n  <!-- Grid 5 Kolom -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; margin-bottom: 60px;\">\r\n    \r\n    <!-- Card 1: RA -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/250x250\/e0e0e0\/555?text=RA\" alt=\"Raudhatul Athfal\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Raudhatul Athfal (RA)<\/h3>\r\n      <div class=\"badge-jabatan\">Pendidikan Usia Dini<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Card 2: MI -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-14-055446.png\" alt=\"Madrasah Ibtidaiyah\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Madrasah Ibtidaiyah (MI)<\/h3>\r\n      <div class=\"badge-jabatan\">Pendidikan Dasar<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Card 3: MTs -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Azam-Muslim-S.H.-M.Pd_.-Gr.-Kepala-Madrasah-scaled.jpg\" alt=\"Madrasah Tsanawiyah\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Madrasah Tsanawiyah (MTs)<\/h3>\r\n      <div class=\"badge-jabatan\">Pendidikan Menengah<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Card 4: MA -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-06-at-20.03.07.jpeg\" alt=\"Madrasah Aliyah\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Madrasah Aliyah (MA)<\/h3>\r\n      <div class=\"badge-jabatan\">Pendidikan Atas<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Card 5: Pondok Pesantren -->\r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/250x250\/e0e0e0\/555?text=Ponpes\" alt=\"Pondok Pesantren\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Pondok Pesantren<\/h3>\r\n      <div class=\"badge-jabatan\">Pendidikan Pesantren<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Section 3: Lembaga Dakwah & Sosial -->\r\n<div class=\"struktur-organisasi\" style=\"max-width: 1000px; margin: 60px auto; padding: 40px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f8f9fa;\">\r\n  \r\n  <h2 style=\"text-align: center; font-size: 28px; font-weight: 700; color: #2c3e50; margin: 0 0 50px 0;\">\r\n    Lembaga Dakwah & Sosial\r\n  <\/h2>\r\n  \r\n  <!-- Grid 4 Kolom -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;\">\r\n    \r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/250x250\/e0e0e0\/555?text=TPQ\" alt=\"TPQ\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Taman Pendidikan Al Qur'an (TPQ)<\/h3>\r\n      <div class=\"badge-jabatan\">Pendidikan Al-Qur'an<\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/250x250\/e0e0e0\/555?text=Sekolah+Akhlaq\" alt=\"Sekolah Akhlaq Mulia\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Sekolah Akhlaq Mulia<\/h3>\r\n      <div class=\"badge-jabatan\">Sekolah Sore<\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/250x250\/e0e0e0\/555?text=Masjid\" alt=\"Masjid At Taufiqiyah\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Masjid At Taufiqiyah<\/h3>\r\n      <div class=\"badge-jabatan\">Ibadah & Dakwah<\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"card-person\">\r\n      <div class=\"photo-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/250x250\/e0e0e0\/555?text=Majlis\" alt=\"Majlis Ta'lim\">\r\n      <\/div>\r\n      <h3 class=\"person-name\">Majlis Ta'lim As Salam<\/h3>\r\n      <div class=\"badge-jabatan\">Pengajian Umum<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Card Person Styling *\/\r\n  .card-person {\r\n    text-align: center;\r\n    background: white;\r\n    padding: 25px 15px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08);\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  \/* Hover Effect: Background Hijau Tosca Terang *\/\r\n  .card-person:hover {\r\n    background: linear-gradient(135deg, #1abc9c 0%, #48c9b0 100%);\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 12px 30px rgba(26, 188, 156, 0.35);\r\n  }\r\n  \r\n  .card-person:hover .person-name,\r\n  .card-person:hover p {\r\n    color: white !important;\r\n  }\r\n  \r\n  .card-person:hover .badge-jabatan {\r\n    background: rgba(255,255,255,0.25) !important;\r\n    color: white !important;\r\n  }\r\n  \r\n  \/* Photo Wrapper *\/\r\n  .photo-wrapper {\r\n    width: 140px;\r\n    height: 140px;\r\n    margin: 0 auto 20px auto;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    border: 4px solid #e0e0e0;\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  .card-person:hover .photo-wrapper {\r\n    border-color: white;\r\n    transform: scale(1.05);\r\n  }\r\n  \r\n  .photo-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n  \r\n  \/* Person Name *\/\r\n  .person-name {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #2c3e50;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n  }\r\n  \r\n  \/* Badge Jabatan *\/\r\n  .badge-jabatan {\r\n    display: inline-block;\r\n    background: #27ae60;\r\n    color: white;\r\n    padding: 8px 16px;\r\n    border-radius: 20px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  \/* Responsive *\/\r\n  @media (max-width: 968px) {\r\n    .struktur-organisasi > div {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n      gap: 20px !important;\r\n    }\r\n  }\r\n  \r\n  @media (max-width: 568px) {\r\n    .struktur-organisasi > div {\r\n      grid-template-columns: 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-421345a e-con-full e-flex e-con e-parent\" data-id=\"421345a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25143196 elementor-widget elementor-widget-html\" data-id=\"25143196\" 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-1986d3fb elementor-widget elementor-widget-html\" data-id=\"1986d3fb\" 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\/ypiassalam_kembang?igsh=MWwybGx6ZXdpa2J2aA==\" 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-142","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>tentang - 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\/tentang\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"tentang - 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\/tentang\/\" \/>\n<meta property=\"og:site_name\" content=\"Assalamkancilan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-16T13:42:41+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=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\",\"url\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\",\"name\":\"tentang - Assalamkancilan\",\"isPartOf\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\",\"datePublished\":\"2026-01-02T06:06:30+00:00\",\"dateModified\":\"2026-01-16T13:42:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#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\/tentang\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"tentang\"}]},{\"@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":"tentang - 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\/tentang\/","og_locale":"en_US","og_type":"article","og_title":"tentang - 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\/tentang\/","og_site_name":"Assalamkancilan","article_modified_time":"2026-01-16T13:42:41+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":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/","url":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/","name":"tentang - Assalamkancilan","isPartOf":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#primaryimage"},"image":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#primaryimage"},"thumbnailUrl":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","datePublished":"2026-01-02T06:06:30+00:00","dateModified":"2026-01-16T13:42:41+00:00","breadcrumb":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/tentang\/#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\/tentang\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jasatechno.com\/assalamkancilan.id\/"},{"@type":"ListItem","position":2,"name":"tentang"}]},{"@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\/142","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=142"}],"version-history":[{"count":79,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":1182,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/142\/revisions\/1182"}],"wp:attachment":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}