{"id":158,"date":"2026-01-02T06:08:51","date_gmt":"2026-01-02T06:08:51","guid":{"rendered":"https:\/\/jasatechno.com\/assalamkancilan.id\/?page_id=158"},"modified":"2026-01-13T13:40:57","modified_gmt":"2026-01-13T13:40:57","slug":"berita-alumni","status":"publish","type":"page","link":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/","title":{"rendered":"Berita"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"158\" class=\"elementor elementor-158\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c13a1 e-con-full e-flex e-con e-parent\" data-id=\"d3c13a1\" 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-27e9557 e-con-full e-flex e-con e-child\" data-id=\"27e9557\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-880902f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"880902f\" 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-c89c06c e-con-full e-flex e-con e-child\" data-id=\"c89c06c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-464d260 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=\"464d260\" 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-464d260\" 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-464d260\" 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-127aa93 elementor-search-form--skin-classic elementor-search-form--button-type-icon elementor-widget elementor-widget-search-form\" data-id=\"127aa93\" 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-127aa93\">Search<\/label>\n\n\t\t\t\t\t\n\t\t\t\t\t<input id=\"elementor-search-form-127aa93\" 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-2d9274b e-con-full e-flex e-con e-parent\" data-id=\"2d9274b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-25958b1 e-con-full e-flex e-con e-child\" data-id=\"25958b1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b9d4e2 elementor-widget elementor-widget-html\" data-id=\"5b9d4e2\" 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-bd773af elementor-widget elementor-widget-html\" data-id=\"bd773af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-berita\" style=\"max-width: 1150px; margin: 0px auto; padding: 0px 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #fff;\">\r\n  \r\n  <!-- Badge kecil -->\r\n  <div style=\"display: inline-block; background: #eaf6f0; color: #27ae60; font-size: 12px; font-weight: 700; padding: 8px 18px; border-radius: 8px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px;\">\r\n    Berita Terkini\r\n  <\/div>\r\n\r\n  <!-- Judul -->\r\n  <h2 style=\"font-size: 36px; font-weight: 700; color: #2c3e50; margin: 0 0 14px 0; line-height: 1.2;\">\r\n    Berita & Kegiatan\r\n  <\/h2>\r\n\r\n  <!-- Deskripsi -->\r\n  <p style=\"font-size: 14px; color: #555; margin: 0; line-height: 1.8; max-width: 980px;\">\r\n    Ikuti perkembangan terbaru, kegiatan, dan prestasi Yayasan Assalam Kancilan. Kami berbagi informasi seputar program pendidikan, kegiatan santri, dan pencapaian yang menginspirasi untuk membangun generasi Islami yang unggul dan berakhlak mulia.\r\n  <\/p>\r\n<\/div>\r\n\r\n<style>\r\n  @media (max-width: 768px) {\r\n    .section-berita { padding: 30px 18px !important; }\r\n    .section-berita h2 { font-size: 28px !important; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb3c76 elementor-widget elementor-widget-html\" data-id=\"bfb3c76\" 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=\"berita-section\" style=\"max-width: 1300px; margin: 30px auto; padding: 40px 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\r\n  \r\n  <!-- Container Grid 4 Card Berita -->\r\n  <div class=\"card-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 35px; animation: fadeInUp 0.8s ease;\">\r\n    \r\n    <!-- Card 1: Berita Terbaru -->\r\n    <div class=\"card\" style=\"background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.08); transition: transform 0.4s, box-shadow 0.4s;\">\r\n      <div style=\"height: 220px; background: linear-gradient(135deg, rgba(39,174,96,0.15), rgba(72,201,176,0.15)), url('https:\/\/via.placeholder.com\/400x250\/e8f5e9\/333?text=Berita+Terbaru') center\/cover; position: relative;\">\r\n        <div style=\"position: absolute; top: 20px; left: 20px; width: 60px; height: 60px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\r\n          <svg width=\"35\" height=\"35\" fill=\"#27ae60\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div style=\"padding: 28px 25px;\">\r\n        <h3 style=\"font-size: 22px; font-weight: 700; color: #27ae60; margin: 0 0 5px 0;\">Berita Terbaru<\/h3>\r\n        <p style=\"font-size: 13px; color: #7f8c8d; margin: 0 0 15px 0; font-weight: 600;\">Yayasan Assalam Kancilan<\/p>\r\n        <div style=\"border-top: 2px dashed #e0e0e0; margin: 15px 0;\"><\/div>\r\n        <p style=\"font-size: 14px; color: #555; line-height: 1.7; margin: 0 0 20px 0;\">Update terkini seputar kegiatan, program, dan perkembangan Yayasan Assalam Kancilan yang inspiratif dan informatif.<\/p>\r\n        <a href=\"#berita-terbaru\" style=\"display: inline-block; background: #27ae60; color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(39,174,96,0.3);\">Selengkapnya<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Achievement Pondok -->\r\n    <div class=\"card\" style=\"background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.08); transition: transform 0.4s, box-shadow 0.4s;\">\r\n      <div style=\"height: 220px; background: linear-gradient(135deg, rgba(39,174,96,0.15), rgba(72,201,176,0.15)), url('https:\/\/via.placeholder.com\/400x250\/e8f5e9\/333?text=Achievement') center\/cover; position: relative;\">\r\n        <div style=\"position: absolute; top: 20px; left: 20px; width: 60px; height: 60px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\r\n          <svg width=\"35\" height=\"35\" fill=\"#27ae60\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div style=\"padding: 28px 25px;\">\r\n        <h3 style=\"font-size: 22px; font-weight: 700; color: #27ae60; margin: 0 0 5px 0;\">Achievement Pondok<\/h3>\r\n        <p style=\"font-size: 13px; color: #7f8c8d; margin: 0 0 15px 0; font-weight: 600;\">Yayasan Assalam Kancilan<\/p>\r\n        <div style=\"border-top: 2px dashed #e0e0e0; margin: 15px 0;\"><\/div>\r\n        <p style=\"font-size: 14px; color: #555; line-height: 1.7; margin: 0 0 20px 0;\">Pencapaian dan penghargaan gemilang Pondok Pesantren Assalam Kancilan di tingkat regional, nasional, hingga internasional.<\/p>\r\n        <a href=\"#achievement\" style=\"display: inline-block; background: #27ae60; color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(39,174,96,0.3);\">Selengkapnya<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Prestasi Santri -->\r\n    <div class=\"card\" style=\"background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.08); transition: transform 0.4s, box-shadow 0.4s;\">\r\n      <div style=\"height: 220px; background: linear-gradient(135deg, rgba(39,174,96,0.15), rgba(72,201,176,0.15)), url('https:\/\/via.placeholder.com\/400x250\/e8f5e9\/333?text=Prestasi+Santri') center\/cover; position: relative;\">\r\n        <div style=\"position: absolute; top: 20px; left: 20px; width: 60px; height: 60px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\r\n          <svg width=\"35\" height=\"35\" fill=\"#27ae60\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div style=\"padding: 28px 25px;\">\r\n        <h3 style=\"font-size: 22px; font-weight: 700; color: #27ae60; margin: 0 0 5px 0;\">Prestasi Santri<\/h3>\r\n        <p style=\"font-size: 13px; color: #7f8c8d; margin: 0 0 15px 0; font-weight: 600;\">Yayasan Assalam Kancilan<\/p>\r\n        <div style=\"border-top: 2px dashed #e0e0e0; margin: 15px 0;\"><\/div>\r\n        <p style=\"font-size: 14px; color: #555; line-height: 1.7; margin: 0 0 20px 0;\">Deretan prestasi membanggakan para santri Assalam Kancilan di bidang akademik, tahfidz, olahraga, seni, dan kompetisi lainnya.<\/p>\r\n        <a href=\"#prestasi-santri\" style=\"display: inline-block; background: #27ae60; color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(39,174,96,0.3);\">Selengkapnya<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4: Galeri Kegiatan -->\r\n    <div class=\"card\" style=\"background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.08); transition: transform 0.4s, box-shadow 0.4s;\">\r\n      <div style=\"height: 220px; background: linear-gradient(135deg, rgba(39,174,96,0.15), rgba(72,201,176,0.15)), url('https:\/\/via.placeholder.com\/400x250\/e8f5e9\/333?text=Galeri') center\/cover; position: relative;\">\r\n        <div style=\"position: absolute; top: 20px; left: 20px; width: 60px; height: 60px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\r\n          <svg width=\"35\" height=\"35\" fill=\"#27ae60\" viewBox=\"0 0 24 24\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div style=\"padding: 28px 25px;\">\r\n        <h3 style=\"font-size: 22px; font-weight: 700; color: #27ae60; margin: 0 0 5px 0;\">Galeri Kegiatan<\/h3>\r\n        <p style=\"font-size: 13px; color: #7f8c8d; margin: 0 0 15px 0; font-weight: 600;\">Yayasan Assalam Kancilan<\/p>\r\n        <div style=\"border-top: 2px dashed #e0e0e0; margin: 15px 0;\"><\/div>\r\n        <p style=\"font-size: 14px; color: #555; line-height: 1.7; margin: 0 0 20px 0;\">Dokumentasi visual kegiatan santri, acara tahunan, pembelajaran, dan momen berharga di lingkungan Yayasan Assalam Kancilan.<\/p>\r\n        <a href=\"#galeri\" style=\"display: inline-block; background: #27ae60; color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(39,174,96,0.3);\">Selengkapnya<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  .card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 12px 40px rgba(39,174,96,0.25);\r\n  }\r\n\r\n  .card a:hover {\r\n    background: #229954;\r\n    box-shadow: 0 6px 20px rgba(39,174,96,0.45);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .card-grid {\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44bf236b e-con-full e-flex e-con e-parent\" data-id=\"44bf236b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b7ba1c5 elementor-widget elementor-widget-html\" data-id=\"2b7ba1c5\" 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-18abf51a elementor-widget elementor-widget-html\" data-id=\"18abf51a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   FOOTER BOTTOM BAR - PROFESSIONAL DESIGN\r\n   ======================================== *\/\r\n\r\n.footer-bottom-bar {\r\n  background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%);\r\n  padding: 50px 20px 30px;\r\n  border-top: 4px solid transparent;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.footer-bottom-bar::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #1e7e5a 0%, #27ae60 25%, #2ecc71 50%, #27ae60 75%, #1e7e5a 100%);\r\n  background-size: 200% 100%;\r\n  animation: gradientShift 3s linear infinite;\r\n}\r\n\r\n@keyframes gradientShift {\r\n  0% { background-position: 0% 0%; }\r\n  100% { background-position: 200% 0%; }\r\n}\r\n\r\n.footer-bottom-bar::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -10%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(39, 174, 96, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 1;\r\n}\r\n\r\n.footer-bottom-wrapper {\r\n  max-width: 1350px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* ========================================\r\n   STATS BAR - ENHANCED\r\n   ======================================== *\/\r\n\r\n.footer-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n  margin-bottom: 45px;\r\n  padding: 35px 30px;\r\n  background: white;\r\n  border-radius: 20px;\r\n  box-shadow: \r\n    0 8px 30px rgba(0,0,0,0.06),\r\n    0 2px 8px rgba(0,0,0,0.04);\r\n  border: 1px solid rgba(39, 174, 96, 0.1);\r\n  animation: fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.stat-item {\r\n  text-align: center;\r\n  padding: 20px 15px;\r\n  border-right: 2px solid #e9ecef;\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.stat-item:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.stat-item:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.stat-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.stat-item:hover::before {\r\n  width: 60%;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 36px;\r\n  font-weight: 900;\r\n  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 8px;\r\n  line-height: 1;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 13px;\r\n  color: #7f8c8d;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ========================================\r\n   GRID INFO - PROFESSIONAL LAYOUT\r\n   ======================================== *\/\r\n\r\n.footer-info-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr 1.5fr;\r\n  gap: 40px;\r\n  margin-bottom: 40px;\r\n  padding-bottom: 40px;\r\n  border-bottom: 2px solid #e9ecef;\r\n}\r\n\r\n\/* ========================================\r\n   KETUA YAYASAN - MODERN CARD\r\n   ======================================== *\/\r\n\r\n.footer-ketua {\r\n  background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%);\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  box-shadow: \r\n    0 8px 30px rgba(0,0,0,0.06),\r\n    0 2px 8px rgba(0,0,0,0.04);\r\n  border: 2px solid transparent;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.footer-ketua::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.footer-ketua:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.footer-ketua:hover {\r\n  border-color: rgba(39, 174, 96, 0.3);\r\n  box-shadow: \r\n    0 12px 40px rgba(39, 174, 96, 0.15),\r\n    0 4px 12px rgba(0,0,0,0.08);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.ketua-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n}\r\n\r\n.ketua-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 30px;\r\n  box-shadow: 0 6px 20px rgba(39,174,96,0.35);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-ketua:hover .ketua-icon {\r\n  transform: rotate(5deg) scale(1.05);\r\n}\r\n\r\n.ketua-info {\r\n  flex: 1;\r\n}\r\n\r\n.ketua-title {\r\n  font-size: 11px;\r\n  color: #95a5a6;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.2px;\r\n  font-weight: 700;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.ketua-name {\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  color: #2c3e50;\r\n  margin-bottom: 4px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.ketua-degree {\r\n  font-size: 14px;\r\n  color: #27ae60;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ========================================\r\n   LOKASI - CLEAN DESIGN\r\n   ======================================== *\/\r\n\r\n.footer-location h5 {\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  color: #2c3e50;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.location-icon {\r\n  font-size: 20px;\r\n}\r\n\r\n.footer-location p {\r\n  font-size: 14px;\r\n  color: #555;\r\n  line-height: 1.9;\r\n  margin: 0;\r\n}\r\n\r\n.location-highlight {\r\n  color: #27ae60;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n\/* ========================================\r\n   MEDIA SOSIAL - MODERN GRID\r\n   ======================================== *\/\r\n\r\n.footer-social h5 {\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  color: #2c3e50;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.social-icon-header {\r\n  font-size: 20px;\r\n}\r\n\r\n.social-icons {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 15px;\r\n}\r\n\r\n.social-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 20px 12px;\r\n  text-decoration: none;\r\n  color: #555;\r\n  background: white;\r\n  border-radius: 16px;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  border: 2px solid #e9ecef;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.social-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.3);\r\n  transform: translate(-50%, -50%);\r\n  transition: width 0.6s, height 0.6s;\r\n}\r\n\r\n.social-item:hover::before {\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n.social-item:hover {\r\n  color: white;\r\n  border-color: transparent;\r\n  transform: translateY(-8px) scale(1.05);\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n.social-item.instagram:hover {\r\n  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n}\r\n\r\n.social-item.facebook:hover {\r\n  background: #1877f2;\r\n}\r\n\r\n.social-item.youtube:hover {\r\n  background: #ff0000;\r\n}\r\n\r\n.social-item.tiktok:hover {\r\n  background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\r\n}\r\n\r\n.social-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 26px;\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.social-item:hover .social-icon {\r\n  transform: scale(1.2) rotate(5deg);\r\n}\r\n\r\n.social-icon svg {\r\n  width: 26px;\r\n  height: 26px;\r\n}\r\n\r\n.social-label {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  position: relative;\r\n  z-index: 1;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* ========================================\r\n   BOTTOM SECTION - PROFESSIONAL\r\n   ======================================== *\/\r\n\r\n.footer-bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-top: 30px;\r\n}\r\n\r\n.footer-copyright {\r\n  flex: 1;\r\n}\r\n\r\n.copyright-text {\r\n  font-size: 14px;\r\n  color: #7f8c8d;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n}\r\n\r\n.copyright-highlight {\r\n  color: #27ae60;\r\n  font-weight: 800;\r\n}\r\n\r\n.footer-links {\r\n  display: flex;\r\n  gap: 15px;\r\n}\r\n\r\n.footer-links a {\r\n  font-size: 13px;\r\n  color: #555;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  transition: all 0.3s ease;\r\n  padding: 10px 18px;\r\n  border-radius: 10px;\r\n  background: white;\r\n  border: 1px solid #e9ecef;\r\n}\r\n\r\n.footer-links a:hover {\r\n  color: white;\r\n  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n  border-color: transparent;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(39, 174, 96, 0.3);\r\n}\r\n\r\n\/* ========================================\r\n   RESPONSIVE - TABLET\r\n   ======================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .footer-info-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .footer-social {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .social-icons {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  .footer-stats {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    padding: 30px 25px;\r\n  }\r\n\r\n  .stat-item {\r\n    border-right: none;\r\n    border-bottom: 2px solid #e9ecef;\r\n    padding: 18px 12px;\r\n  }\r\n\r\n  .stat-item:nth-child(2) {\r\n    border-bottom: 2px solid #e9ecef;\r\n  }\r\n\r\n  .stat-item:nth-child(3),\r\n  .stat-item:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n\r\n\/* ========================================\r\n   RESPONSIVE - MOBILE\r\n   ======================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n  .footer-bottom-bar {\r\n    padding: 40px 20px 25px;\r\n  }\r\n\r\n  .footer-info-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .footer-social {\r\n    grid-column: 1;\r\n  }\r\n\r\n  .social-icons {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .footer-bottom {\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-links {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    width: 100%;\r\n  }\r\n\r\n  .footer-links a {\r\n    display: block;\r\n  }\r\n\r\n  .footer-stats {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n    padding: 25px 20px;\r\n  }\r\n\r\n  .stat-item {\r\n    border-right: none;\r\n    border-bottom: 2px solid #e9ecef;\r\n    padding: 20px 15px;\r\n  }\r\n\r\n  .stat-item:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .footer-bottom-bar {\r\n    padding: 35px 18px 20px;\r\n  }\r\n\r\n  .footer-ketua {\r\n    padding: 25px;\r\n  }\r\n\r\n  .ketua-header {\r\n    gap: 15px;\r\n  }\r\n\r\n  .ketua-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    font-size: 26px;\r\n  }\r\n\r\n  .ketua-name {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .ketua-degree {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .footer-location h5,\r\n  .footer-social h5 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .social-item {\r\n    padding: 18px 10px;\r\n  }\r\n\r\n  .social-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .social-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .social-label {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .copyright-text {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .footer-links a {\r\n    font-size: 12px;\r\n    padding: 9px 16px;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .footer-bottom-bar {\r\n    padding: 30px 15px 18px;\r\n  }\r\n\r\n  .footer-ketua {\r\n    padding: 20px;\r\n  }\r\n\r\n  .ketua-header {\r\n    gap: 12px;\r\n  }\r\n\r\n  .ketua-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .ketua-title {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ketua-name {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .ketua-degree {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .footer-location h5,\r\n  .footer-social h5 {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .footer-location p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .social-item {\r\n    padding: 16px 8px;\r\n  }\r\n\r\n  .social-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    font-size: 22px;\r\n  }\r\n\r\n  .social-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .social-label {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .copyright-text {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .footer-links a {\r\n    font-size: 11px;\r\n    padding: 8px 14px;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* ========================================\r\n   ACCESSIBILITY\r\n   ======================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}\r\n\r\n@media (prefers-contrast: high) {\r\n  .footer-bottom-bar {\r\n    border-top: 4px solid #27ae60;\r\n  }\r\n  \r\n  .footer-ketua,\r\n  .social-item,\r\n  .footer-stats {\r\n    border-width: 3px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"footer-bottom-bar\">\r\n  <div class=\"footer-bottom-wrapper\">\r\n    \r\n    <!-- Stats Bar -->\r\n    <div class=\"footer-stats\">\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">9<\/div>\r\n        <div class=\"stat-label\">Lembaga Pendidikan<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">14<\/div>\r\n        <div class=\"stat-label\">Tahun Berpengalaman<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">1000+<\/div>\r\n        <div class=\"stat-label\">Santri Aktif<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-number\">100+<\/div>\r\n        <div class=\"stat-label\">Tenaga Pendidik<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Grid 3 Kolom Info -->\r\n    <div class=\"footer-info-grid\">\r\n      \r\n      <!-- Kolom 1: Ketua Yayasan -->\r\n      <div class=\"footer-ketua\">\r\n        <div class=\"ketua-header\">\r\n          <div class=\"ketua-icon\">\ud83d\udc64<\/div>\r\n          <div class=\"ketua-info\">\r\n            <div class=\"ketua-title\">Ketua Yayasan<\/div>\r\n            <div class=\"ketua-name\">Luqman Hakim<\/div>\r\n            <div class=\"ketua-degree\">S.Pd.I, M.Pd<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 2: Lokasi -->\r\n      <div class=\"footer-location\">\r\n        <h5>\r\n          <span class=\"location-icon\">\ud83d\udccd<\/span>\r\n          Lokasi\r\n        <\/h5>\r\n        <p>\r\n          <span class=\"location-highlight\">As Salam Center<\/span>\r\n          Desa Kancilan, RT 01 RW 09<br>\r\n          Kec. Kembang, Kab. Jepara<br>\r\n          Jawa Tengah 59458\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <!-- Kolom 3: Media Sosial -->\r\n      <div class=\"footer-social\">\r\n        <h5>\r\n          <span class=\"social-icon-header\">\ud83c\udf10<\/span>\r\n          Media Sosial\r\n        <\/h5>\r\n        \r\n        <div class=\"social-icons\">\r\n          \r\n          <!-- Instagram -->\r\n          <a href=\"https:\/\/www.instagram.com\/mtsassalamkancilan?igsh=MWU3cDE4Nmgzb2s0ag==\" class=\"social-item instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\ud83d\udcf7<\/div>\r\n            <div class=\"social-label\">Instagram<\/div>\r\n          <\/a>\r\n          \r\n          <!-- Facebook -->\r\n          <a href=\"https:\/\/www.facebook.com\/share\/p\/1HagJwkq62\/\" class=\"social-item facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\ud83d\udc64<\/div>\r\n            <div class=\"social-label\">Facebook<\/div>\r\n          <\/a>\r\n          \r\n          <!-- YouTube -->\r\n          <a href=\"https:\/\/youtube.com\/@tasmedia6419?si=4xuetepqOp4uKFNl\" class=\"social-item youtube\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\u25b6\ufe0f<\/div>\r\n            <div class=\"social-label\">YouTube<\/div>\r\n          <\/a>\r\n          \r\n          <!-- TikTok -->\r\n          <a href=\"https:\/\/www.tiktok.com\/@mts.as.salam.kancilan?_r=1&_t=ZS-92qWLCLabZJ\" class=\"social-item tiktok\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"social-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                <path d=\"M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"social-label\">TikTok<\/div>\r\n          <\/a>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n    <!-- Bottom Copyright -->\r\n    <div class=\"footer-bottom\">\r\n      <div class=\"footer-copyright\">\r\n        <p class=\"copyright-text\">\r\n          \u00a9 2026 <span class=\"copyright-highlight\">Yayasan Pendidikan Islam As Salam Kembang<\/span>. All Rights Reserved.<br>\r\n          Berdiri sejak 2012 | NPWP: 31.627.541.1-516.000\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>YPI As SalamKembang PENDIDIKAN ISLAM BERKUALITAS Yayasan Pendidikan Islam As Salam Kembang \u2728 Sukses \u2022 Sholih \u2022 Selamat Selengkapnya Tentang&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-158","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>Berita - 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\/berita-alumni\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Berita - 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\/berita-alumni\/\" \/>\n<meta property=\"og:site_name\" content=\"Assalamkancilan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-13T13:40:57+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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/\",\"url\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/\",\"name\":\"Berita - Assalamkancilan\",\"isPartOf\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png\",\"datePublished\":\"2026-01-02T06:08:51+00:00\",\"dateModified\":\"2026-01-13T13:40:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#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\/berita-alumni\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jasatechno.com\/assalamkancilan.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Berita\"}]},{\"@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":"Berita - 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\/berita-alumni\/","og_locale":"en_US","og_type":"article","og_title":"Berita - 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\/berita-alumni\/","og_site_name":"Assalamkancilan","article_modified_time":"2026-01-13T13:40:57+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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/","url":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/","name":"Berita - Assalamkancilan","isPartOf":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#primaryimage"},"image":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#primaryimage"},"thumbnailUrl":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-02-103216.png","datePublished":"2026-01-02T06:08:51+00:00","dateModified":"2026-01-13T13:40:57+00:00","breadcrumb":{"@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jasatechno.com\/assalamkancilan.id\/berita-alumni\/#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\/berita-alumni\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jasatechno.com\/assalamkancilan.id\/"},{"@type":"ListItem","position":2,"name":"Berita"}]},{"@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\/158","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=158"}],"version-history":[{"count":26,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":1114,"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/pages\/158\/revisions\/1114"}],"wp:attachment":[{"href":"https:\/\/jasatechno.com\/assalamkancilan.id\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}