{"id":105,"date":"2025-09-05T04:37:45","date_gmt":"2025-09-05T04:37:45","guid":{"rendered":"https:\/\/diplomailmi.my.id\/?page_id=105"},"modified":"2026-01-29T07:04:10","modified_gmt":"2026-01-29T07:04:10","slug":"elementor-105","status":"publish","type":"page","link":"https:\/\/diplomailmi.my.id\/","title":{"rendered":"Beranda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"105\" class=\"elementor elementor-105\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86e9f05 she-header-yes she-header-transparent-yes e-flex e-con-boxed e-con e-parent\" data-id=\"86e9f05\" data-element_type=\"container\" data-settings=\"{&quot;transparent&quot;:&quot;yes&quot;,&quot;scroll_distance&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:83,&quot;sizes&quot;:[]},&quot;transparent_header_show&quot;:&quot;yes&quot;,&quot;background_show&quot;:&quot;yes&quot;,&quot;background&quot;:&quot;#316E35&quot;,&quot;transparent_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;scroll_distance_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;scroll_distance_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;she_offset_top_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;she_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:0,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:0,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-734c786 elementor-widget elementor-widget-html\" data-id=\"734c786\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BAGIAN 1: HTML (Struktur Navbar) -->\r\n<nav class=\"custom-navbar\">\r\n    <div class=\"nav-logo\">\r\n        <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\" alt=\"Logo Diploma Ilmi\">\r\n        <\/a>\r\n    <\/div>\r\n    \r\n    <!-- Tombol Hamburger untuk Mobile -->\r\n    <input type=\"checkbox\" id=\"menu-toggle\">\r\n    <label for=\"menu-toggle\" class=\"hamburger\">\r\n        <span class=\"line\"><\/span>\r\n        <span class=\"line\"><\/span>\r\n        <span class=\"line\"><\/span>\r\n    <\/label>\r\n\r\n    <!-- Menu Links -->\r\n    <ul class=\"nav-links\">\r\n        <li><a href=\"#beranda\">Beranda<\/a><\/li>\r\n        <li><a href=\"#tentang\">Tentang Kami<\/a><\/li>\r\n        <li><a href=\"#kurikulum\">Kurikulum<\/a><\/li>\r\n        \r\n        <!-- DROPDOWN AKADEMIK -->\r\n        <li class=\"dropdown\">\r\n            <a href=\"#\" class=\"dropbtn\">Akademik <span class=\"arrow\">&#9662;<\/span><\/a>\r\n            <ul class=\"dropdown-content\">\r\n                <li><a href=\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/\">Nilai Mustawa 1<\/a><\/li>\r\n                <li><a href=\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-2-reguler\/\">Nilai Mustawa 2<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <!-- END DROPDOWN -->\r\n\r\n        <li><a href=\"#pendaftaran\">Pendaftaran<\/a><\/li>\r\n        <li><a href=\"#pengajar\">Pengajar<\/a><\/li>\r\n        <li class=\"cta-button\"><a href=\"#\">Daftar<\/a><\/li>\r\n    <\/ul>\r\n<\/nav>\r\n\r\n<!-- BAGIAN 2: CSS (Styling & Efek) -->\r\n<style>\r\n    \/* Import Font *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\r\n    \r\n    :root {\r\n        --glass-background: rgba(26, 26, 26, 0.65); \r\n        --brand-color-green: #316E35; \r\n        --text-color: #F5F5F5; \r\n        --navbar-height: 80px;\r\n    }\r\n\r\n    \/* Reset & Base Styles *\/\r\n    .elementor-widget-html {\r\n        position: relative;\r\n        z-index: 1000;\r\n    }\r\n\r\n    \/* Navbar Container *\/\r\n    .custom-navbar {\r\n        font-family: 'Montserrat', sans-serif;\r\n        background: var(--glass-background);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid rgba(245, 245, 245, 0.1);\r\n        color: var(--text-color);\r\n        padding: 0 2rem;\r\n        height: var(--navbar-height);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%;\r\n        z-index: 1000;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n        \r\n        \/* Hidden by default (scroll up logic) *\/\r\n        transform: translateY(-100%);\r\n        transition: transform 0.4s ease-in-out;\r\n    }\r\n    \r\n    \/* Class untuk memunculkan navbar saat scroll *\/\r\n    .custom-navbar.navbar-visible {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Logo *\/\r\n    .nav-logo a { display: flex; align-items: center; }\r\n    .nav-logo img { height: 45px; width: auto; }\r\n\r\n    \/* Nav Links Container *\/\r\n    .nav-links {\r\n        list-style: none; margin: 0; padding: 0;\r\n        display: flex; align-items: center;\r\n    }\r\n    \r\n    .nav-links li { position: relative; } \/* Penting untuk posisi dropdown absolute *\/\r\n\r\n    .nav-links li a {\r\n        color: var(--text-color);\r\n        text-decoration: none;\r\n        padding: 1rem;\r\n        display: block;\r\n        transition: color 0.3s ease;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    \/* Hover Effect *\/\r\n    .nav-links li a:hover, .dropdown:hover .dropbtn {\r\n        color: var(--brand-color-green);\r\n    }\r\n\r\n    \/* --- DROPDOWN CSS (Desktop) --- *\/\r\n    .arrow { font-size: 10px; vertical-align: middle; margin-left: 4px; }\r\n    \r\n    .dropdown-content {\r\n        display: none;\r\n        position: absolute;\r\n        background: rgba(26, 26, 26, 0.95); \/* Background lebih pekat agar tulisan terbaca *\/\r\n        min-width: 220px;\r\n        box-shadow: 0 8px 16px rgba(0,0,0,0.2);\r\n        z-index: 1;\r\n        border-radius: 8px;\r\n        top: 100%; \/* Muncul tepat di bawah menu *\/\r\n        left: 0;\r\n        padding: 10px 0;\r\n        list-style: none;\r\n        backdrop-filter: blur(12px);\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .dropdown-content li a {\r\n        font-size: 0.9rem;\r\n        padding: 10px 20px;\r\n        font-weight: 400;\r\n        white-space: nowrap; \/* Mencegah teks turun baris *\/\r\n    }\r\n\r\n    .dropdown-content li a:hover {\r\n        background-color: rgba(255,255,255,0.1);\r\n        color: var(--brand-color-green);\r\n    }\r\n\r\n    \/* Tampilkan dropdown saat hover di Desktop *\/\r\n    .dropdown:hover .dropdown-content {\r\n        display: block;\r\n    }\r\n    \/* --- END DROPDOWN CSS --- *\/\r\n\r\n    \/* Tombol Daftar (CTA) *\/\r\n    .cta-button a {\r\n        background-color: var(--brand-color-green);\r\n        color: var(--text-color);\r\n        padding: 0.6rem 1.5rem;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        transition: 0.3s;\r\n        margin-left: 1rem;\r\n        border: 2px solid transparent;\r\n    }\r\n    .cta-button a:hover {\r\n        background-color: transparent;\r\n        color: var(--brand-color-green);\r\n        border: 2px solid var(--brand-color-green);\r\n    }\r\n\r\n    \/* Mobile Hamburger (Checkbox Hack) *\/\r\n    #menu-toggle { display: none; }\r\n    .hamburger { display: none; cursor: pointer; padding: 10px; }\r\n    .hamburger .line {\r\n        width: 30px; height: 3px; background-color: var(--text-color);\r\n        display: block; margin: 6px 0; transition: 0.3s;\r\n    }\r\n\r\n    \/* --- RESPONSIVE TABLET & MOBILE --- *\/\r\n    @media (max-width: 992px) {\r\n        .hamburger { display: block; }\r\n        \r\n        .nav-links {\r\n            position: absolute;\r\n            top: var(--navbar-height);\r\n            left: 0;\r\n            background: rgba(26, 26, 26, 0.95);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            width: 100%;\r\n            flex-direction: column;\r\n            align-items: flex-start; \/* Menu rata kiri *\/\r\n            padding: 0;\r\n            max-height: 0;\r\n            overflow: hidden; \r\n            overflow-y: auto; \r\n            transition: max-height 0.4s ease-out;\r\n        }\r\n\r\n        .nav-links li { width: 100%; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n        .nav-links li a { padding: 15px 2rem; }\r\n        \r\n        \/* Mobile Dropdown Logic *\/\r\n        .dropdown-content {\r\n            position: static; \/* Tidak absolute di mobile, jadi mendorong menu bawahnya *\/\r\n            float: none;\r\n            display: none; \r\n            background: rgba(0,0,0,0.2); \/* Gelap untuk membedakan submenu *\/\r\n            box-shadow: none;\r\n            width: 100%;\r\n            border: none;\r\n            padding: 0;\r\n            border-radius: 0;\r\n        }\r\n        \r\n        \/* Di Mobile, saat menu \"Akademik\" disentuh\/hover, submenu muncul *\/\r\n        .dropdown:hover .dropdown-content {\r\n            display: block;\r\n        }\r\n\r\n        .dropdown-content li a {\r\n            padding-left: 3rem; \/* Indentasi submenu *\/\r\n            font-size: 0.9rem;\r\n            color: #ccc;\r\n        }\r\n        .dropdown-content li a:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        .cta-button { \r\n            margin: 1.5rem 0; \r\n            text-align: center !important; \r\n            border: none;\r\n        }\r\n        .cta-button a { margin: 0 auto; display: inline-block; }\r\n\r\n        \/* Hamburger Animation saat diklik *\/\r\n        #menu-toggle:checked ~ .nav-links { max-height: 600px; }\r\n        #menu-toggle:checked ~ .hamburger .line:nth-child(1) { transform: translateY(9px) rotate(45deg); }\r\n        #menu-toggle:checked ~ .hamburger .line:nth-child(2) { opacity: 0; }\r\n        #menu-toggle:checked ~ .hamburger .line:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }\r\n    }\r\n<\/style>\r\n\r\n<!-- BAGIAN 3: JavaScript (Logika Scroll) -->\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const navbar = document.querySelector('.custom-navbar');\r\n        if (navbar) {\r\n            window.addEventListener('scroll', () => {\r\n                \/\/ Navbar muncul setelah scroll 50px ke bawah\r\n                if (window.scrollY > 50) {\r\n                    navbar.classList.add('navbar-visible');\r\n                } else {\r\n                    navbar.classList.remove('navbar-visible');\r\n                }\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e71ac7 elementor-widget elementor-widget-html\" data-id=\"7e71ac7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET POPUP PROMO DIPLOMA ILMI -->\r\n<div id=\"diPromoPopup\" class=\"di-popup-overlay\">\r\n    <div class=\"di-popup-content\">\r\n        <!-- Tombol Close (X) -->\r\n        <span class=\"di-close-btn\" onclick=\"closePopup()\">&times;<\/span>\r\n        \r\n        <!-- Gambar Link -->\r\n        <a href=\"http:\/\/s.id\/PendaftaranDI_A8\" target=\"_blank\">\r\n            <img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/12\/Flyer-Angkatan-8.jpg\" alt=\"Info Pendaftaran Diploma Ilmi\">\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* 1. LAYER GELAP DI BELAKANG *\/\r\n    .di-popup-overlay {\r\n        display: none; \/* Ngumpet dulu pas awal load *\/\r\n        position: fixed; \/* Tetap di layar walau discroll *\/\r\n        z-index: 99999; \/* Paling depan, ngalahin Header & Footer *\/\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0,0,0,0.8); \/* Hitam transparan pekat *\/\r\n        \r\n        \/* Biar konten di tengah *\/\r\n        justify-content: center;\r\n        align-items: center;\r\n        backdrop-filter: blur(5px); \/* Efek blur di background biar estetik *\/\r\n    }\r\n\r\n    \/* 2. KOTAK GAMBARNYA *\/\r\n    .di-popup-content {\r\n        position: relative;\r\n        width: auto;\r\n        max-width: 500px; \/* Lebar maksimal di laptop *\/\r\n        margin: 20px;\r\n        \r\n        \/* Animasi Muncul *\/\r\n        animation: zoomIn 0.4s ease-out;\r\n    }\r\n\r\n    \/* 3. GAMBAR *\/\r\n    .di-popup-content img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 85vh; \/* Biar gak kepotong di HP layar pendek *\/\r\n        object-fit: contain;\r\n        border-radius: 12px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n        display: block;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .di-popup-content img:hover {\r\n        transform: scale(1.02); \/* Efek zoom dikit pas diarahin kursor *\/\r\n    }\r\n\r\n    \/* 4. TOMBOL CLOSE (X) *\/\r\n    .di-close-btn {\r\n        position: absolute;\r\n        top: -15px;\r\n        right: -15px;\r\n        background-color: #fff;\r\n        color: #316E35;\r\n        width: 35px;\r\n        height: 35px;\r\n        border-radius: 50%;\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n        line-height: 35px;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n        z-index: 100000;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .di-close-btn:hover {\r\n        background-color: #316E35;\r\n        color: #fff;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    \/* Animasi Zoom *\/\r\n    @keyframes zoomIn {\r\n        from {transform: scale(0.5); opacity: 0;}\r\n        to {transform: scale(1); opacity: 1;}\r\n    }\r\n\r\n    \/* Responsif HP *\/\r\n    @media screen and (max-width: 600px) {\r\n        .di-popup-content {\r\n            max-width: 90%; \/* Di HP menuhin layar *\/\r\n        }\r\n        .di-close-btn {\r\n            top: -10px;\r\n            right: -10px;\r\n            width: 30px;\r\n            height: 30px;\r\n            line-height: 30px;\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ FUNGSI JAVASCRIPT SEDERHANA\r\n    \r\n    \/\/ 1. Muncul otomatis setelah 1.5 detik\r\n    window.addEventListener('load', function() {\r\n        \/\/ Cek dulu, kalau user baru aja tutup, jangan munculin lagi (opsional, saat ini dimatikan biar muncul terus buat tes)\r\n        setTimeout(function() {\r\n            document.getElementById('diPromoPopup').style.display = 'flex';\r\n        }, 1500); \/\/ 1500ms = 1.5 detik delay\r\n    });\r\n\r\n    \/\/ 2. Fungsi Tutup Popup\r\n    function closePopup() {\r\n        document.getElementById('diPromoPopup').style.display = 'none';\r\n    }\r\n\r\n    \/\/ 3. Tutup kalau klik di luar gambar (background gelap)\r\n    window.onclick = function(event) {\r\n        var popup = document.getElementById('diPromoPopup');\r\n        if (event.target == popup) {\r\n            popup.style.display = \"none\";\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b2d2d1 e-con-full e-flex e-con e-parent\" data-id=\"8b2d2d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:107,&quot;url&quot;:&quot;https:\\\/\\\/diplomailmi.my.id\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/photo-mosque-with-green-dome-green-dome-madinah-masjid-al-nabawi-nabawi-mosque-scaled.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9688ad elementor-widget elementor-widget-html\" data-id=\"d9688ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET HERO CINEMATIC (FONT FIX + WHITE TEXT FORCE) -->\r\n\r\n<!-- Load Poppins dengan berbagai ketebalan -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<div class=\"di-hero-wrapper\">\r\n    \r\n    <!-- 1. BACKGROUND (Slow Zoom Effect) -->\r\n    <div class=\"di-hero-bg\"><\/div>\r\n    \r\n    <!-- 2. OVERLAY (Gradient Hijau) -->\r\n    <div class=\"di-hero-overlay\"><\/div>\r\n\r\n    <!-- 3. PARTICLES (Atmosfer Spiritual) -->\r\n    <div class=\"di-particles\">\r\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n\r\n    <!-- 4. KONTEN UTAMA -->\r\n    <div class=\"di-hero-content\">\r\n        \r\n        <!-- Logo Animasi Masuk -->\r\n        <div class=\"di-hero-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\" alt=\"Logo Diploma Ilmi\">\r\n        <\/div>\r\n\r\n        <!-- Headline Utama (FONT FIXED) -->\r\n        <h1>DIPLOMA ILMI<br>MADINAH SALAM<\/h1>\r\n        \r\n        <!-- Dynamic Sub-Headline (Rotator) -->\r\n        <div class=\"di-hero-dynamic-text\">\r\n            <span class=\"static-text\">Mewujudkan Generasi yang<\/span>\r\n            <div class=\"word-rotator\">\r\n                <span class=\"word active\">Berilmu Syar'i<\/span>\r\n                <span class=\"word\">Beradab Mulia<\/span>\r\n                <span class=\"word\">Kokoh Aqidahnya<\/span>\r\n                <span class=\"word\">Sesuai Sunnah<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Deskripsi Pendek -->\r\n        <p class=\"di-hero-desc\">\r\n            Belajar agama secara <strong>terstruktur, bertahap, dan disiplin<\/strong> di bawah bimbingan asatidz lulusan universitas terbaik Timur Tengah.\r\n        <\/p>\r\n\r\n        <!-- Tombol Aksi (CTA) -->\r\n        <div class=\"di-hero-buttons\">\r\n            <a href=\"http:\/\/s.id\/PendaftaranDI_A8\" target=\"_blank\" class=\"di-btn-primary\">\r\n                <span class=\"material-symbols-outlined\">how_to_reg<\/span> Daftar Sekarang\r\n            <\/a>\r\n            <a href=\"#tentang\" class=\"di-btn-secondary\">\r\n                <span class=\"material-symbols-outlined\">info<\/span> Pelajari Lebih Lanjut\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <!-- Scroll Down Indicator -->\r\n    <div class=\"di-scroll-down\">\r\n        <span>Scroll<\/span>\r\n        <span class=\"material-symbols-outlined\">keyboard_double_arrow_down<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* RESET & FONTS *\/\r\n    .di-hero-wrapper {\r\n        position: relative;\r\n        width: 100vw;\r\n        height: 100vh; \/* Full Layar *\/\r\n        min-height: 600px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        color: white;\r\n        font-family: 'Poppins', sans-serif;\r\n        \r\n        \/* Trik Full Width di Elementor Boxed *\/\r\n        margin-left: calc(-50vw + 50%);\r\n        margin-right: calc(-50vw + 50%);\r\n    }\r\n\r\n    \/* 1. BACKGROUND ZOOM ANIMATION *\/\r\n    .di-hero-bg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-image: url('https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/photo-mosque-with-green-dome-green-dome-madinah-masjid-al-nabawi-nabawi-mosque-scaled.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        z-index: 0;\r\n        animation: slowZoom 20s infinite alternate; \/* Bergerak maju mundur pelan *\/\r\n    }\r\n\r\n    @keyframes slowZoom {\r\n        0% { transform: scale(1); }\r\n        100% { transform: scale(1.15); }\r\n    }\r\n\r\n    \/* 2. OVERLAY GRADIENT *\/\r\n    .di-hero-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(49, 110, 53, 0.85), rgba(20, 50, 25, 0.9));\r\n        z-index: 1;\r\n        backdrop-filter: blur(2px); \/* Sedikit blur biar teks makin jelas *\/\r\n    }\r\n\r\n    \/* 3. PARTICLES (Efek Cahaya Melayang) *\/\r\n    .di-particles span {\r\n        position: absolute;\r\n        bottom: -50px;\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        animation: floatUp 15s linear infinite;\r\n    }\r\n    .di-particles span:nth-child(1) { left: 10%; width: 20px; height: 20px; animation-duration: 12s; animation-delay: 0s; }\r\n    .di-particles span:nth-child(2) { left: 30%; width: 40px; height: 40px; animation-duration: 18s; animation-delay: 2s; }\r\n    .di-particles span:nth-child(3) { left: 70%; width: 10px; height: 10px; animation-duration: 10s; animation-delay: 4s; }\r\n    .di-particles span:nth-child(4) { left: 50%; width: 30px; height: 30px; animation-duration: 20s; animation-delay: 1s; }\r\n    .di-particles span:nth-child(5) { left: 90%; width: 50px; height: 50px; animation-duration: 25s; animation-delay: 5s; }\r\n\r\n    @keyframes floatUp {\r\n        0% { transform: translateY(0) rotate(0deg); opacity: 0; }\r\n        20% { opacity: 0.5; }\r\n        80% { opacity: 0.5; }\r\n        100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }\r\n    }\r\n\r\n    \/* 4. CONTENT STYLING *\/\r\n    .di-hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 900px; \/* Diperlebar dikit *\/\r\n        padding: 20px;\r\n        margin-top: -40px; \/* Biar agak naik dikit *\/\r\n    }\r\n\r\n    .di-hero-logo img {\r\n        max-width: 150px;\r\n        margin-bottom: 20px;\r\n        animation: fadeInDown 1s ease-out;\r\n    }\r\n\r\n    \/* --- JUDUL UTAMA (FIXED FONT) --- *\/\r\n    .di-hero-content h1 {\r\n        font-family: 'Poppins', sans-serif !important; \/* Paksa Poppins *\/\r\n        font-size: 3.5rem; \/* Ukuran besar *\/\r\n        font-weight: 800; \/* Extra Bold *\/\r\n        margin: 0;\r\n        letter-spacing: 1px; \/* Jarak antar huruf standar sans-serif *\/\r\n        line-height: 1.1;\r\n        text-transform: uppercase;\r\n        animation: fadeInUp 1s ease-out 0.3s forwards;\r\n        opacity: 0;\r\n        text-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n        color: #ffffff !important; \/* Paksa Putih *\/\r\n    }\r\n\r\n    \/* DYNAMIC TEXT ROTATOR *\/\r\n    .di-hero-dynamic-text {\r\n        font-size: 1.5rem;\r\n        font-weight: 300;\r\n        margin: 20px 0 30px 0;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        animation: fadeInUp 1s ease-out 0.6s forwards;\r\n        opacity: 0;\r\n        color: #ffffff !important; \/* Paksa Putih untuk teks statis *\/\r\n    }\r\n\r\n    .word-rotator {\r\n        position: relative;\r\n        height: 1.5em; \/* Tinggi fix sesuai font size *\/\r\n        overflow: hidden;\r\n        min-width: 230px; \/* Lebar ditambah biar muat *\/\r\n        text-align: left;\r\n        font-weight: 600;\r\n        color: #bef264 !important; \/* Hijau muda terang untuk kata kunci *\/\r\n        white-space: nowrap; \/* MANTRA ANTI TURUN BARIS *\/\r\n    }\r\n\r\n    .word-rotator span {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.5s ease-in-out;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .word-rotator span.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    .word-rotator span.exit {\r\n        opacity: 0;\r\n        transform: translateY(-30px);\r\n    }\r\n\r\n    \/* DESC - PERBAIKAN WARNA DI SINI *\/\r\n    .di-hero-desc {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 40px;\r\n        opacity: 0;\r\n        animation: fadeInUp 1s ease-out 0.9s forwards;\r\n        max-width: 600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        color: #ffffff !important; \/* KUNCI: Paksa warna putih dengan !important *\/\r\n    }\r\n    \r\n    .di-hero-desc strong {\r\n        color: #ffffff !important; \/* Paksa bold juga putih *\/\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* BUTTONS *\/\r\n    .di-hero-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        animation: fadeInUp 1s ease-out 1.2s forwards;\r\n    }\r\n\r\n    .di-btn-primary, .di-btn-secondary {\r\n        padding: 12px 30px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .di-btn-primary {\r\n        background-color: white;\r\n        color: #316E35;\r\n        box-shadow: 0 5px 20px rgba(0,0,0,0.2);\r\n    }\r\n    .di-btn-primary:hover {\r\n        background-color: #f0fdf4;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 30px rgba(255,255,255,0.3);\r\n    }\r\n\r\n    .di-btn-secondary {\r\n        background-color: rgba(255,255,255,0.1);\r\n        color: white;\r\n        border: 1px solid rgba(255,255,255,0.3);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n    .di-btn-secondary:hover {\r\n        background-color: rgba(255,255,255,0.2);\r\n        border-color: white;\r\n    }\r\n\r\n    \/* Scroll Down Arrow *\/\r\n    .di-scroll-down {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 5px;\r\n        font-size: 0.8rem;\r\n        opacity: 0.7;\r\n        animation: bounce 2s infinite;\r\n        z-index: 10;\r\n        color: #ffffff !important; \/* Pastikan panah putih *\/\r\n    }\r\n\r\n    \/* ANIMATION KEYFRAMES *\/\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes fadeInDown {\r\n        from { opacity: 0; transform: translateY(-30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes bounce {\r\n        0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }\r\n        40% { transform: translate(-50%, -10px); }\r\n        60% { transform: translate(-50%, -5px); }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .di-hero-content h1 { font-size: 2.2rem; } \/* Font HP *\/\r\n        .di-hero-dynamic-text { \r\n            font-size: 1.1rem; \r\n            flex-direction: column; \r\n            gap: 5px;\r\n        }\r\n        .word-rotator { \r\n            text-align: center; \r\n            width: 100%; \r\n            font-size: 1.2rem;\r\n        }\r\n        .word-rotator span { justify-content: center; }\r\n        .di-hero-buttons { flex-direction: column; gap: 15px; width: 100%; }\r\n        .di-btn-primary, .di-btn-secondary { width: 100%; justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ SCRIPT ROTATOR TEKS\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const words = document.querySelectorAll('.word-rotator .word');\r\n        let currentIndex = 0;\r\n\r\n        setInterval(() => {\r\n            \/\/ Hapus class active dari kata sekarang, tambah class exit\r\n            words[currentIndex].classList.remove('active');\r\n            words[currentIndex].classList.add('exit');\r\n\r\n            \/\/ Pindah ke kata berikutnya\r\n            currentIndex = (currentIndex + 1) % words.length;\r\n\r\n            \/\/ Siapkan kata berikutnya (hapus exit dulu biar reset posisi)\r\n            words[currentIndex].classList.remove('exit');\r\n            \r\n            \/\/ Sedikit delay biar transisi smooth\r\n            setTimeout(() => {\r\n                words[currentIndex].classList.add('active');\r\n            }, 50);\r\n\r\n        }, 3000); \/\/ Ganti kata setiap 3 detik\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bd2476 e-flex e-con-boxed e-con e-parent\" data-id=\"6bd2476\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb66368 elementor-widget elementor-widget-html\" data-id=\"bb66368\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET TENTANG KAMI: LATAR BELAKANG & VISI MISI (PERFECT CENTER ICON) -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<div class=\"di-about-wrapper\">\r\n    \r\n    <!-- HEADER SECTION -->\r\n    <div class=\"di-about-header\">\r\n        <span class=\"di-badge-pill\">KENAPA KAMI ADA?<\/span>\r\n        <h2>Menuntut Ilmu Itu Butuh Sanad & Adab<\/h2>\r\n        <p class=\"di-lead\">Jangan biarkan semangat belajarmu tersesat di tengah banjir informasi. Kami hadir meluruskan jalannya.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"di-about-grid\">\r\n        \r\n        <!-- KARTU 1: LATAR BELAKANG (PROBLEM -> SOLUTION) -->\r\n        <div class=\"di-card-context\">\r\n            <!-- Bagian Atas: Masalah (Agitasi) -->\r\n            <div class=\"di-problem-area\">\r\n                <div class=\"di-icon-wrapper\">\r\n                    <div class=\"di-icon-box red-theme\">\r\n                        <span class=\"material-symbols-outlined\">warning<\/span>\r\n                    <\/div>\r\n                    <div class=\"di-icon-shadow red-shadow\"><\/div>\r\n                <\/div>\r\n                <h3>Fenomena \"Ustadz Dadakan\"<\/h3>\r\n                <p>Di tengah kemudahan akses informasi, muncul fenomena pembicara agama tanpa pondasi ilmu yang kokoh. Hal ini mendorong lahirnya <strong>degradasi dalam pemahaman agama<\/strong> yang serius.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Bagian Bawah: Solusi (Relief) -->\r\n            <div class=\"di-solution-area\">\r\n                <div class=\"di-solution-tag\">\r\n                    <span class=\"material-symbols-outlined\">verified<\/span> SOLUSI KAMI\r\n                <\/div>\r\n                <p><strong>Diploma Ilmi<\/strong> hadir sebagai respons untuk menjembatani teknologi dengan metode belajar yang <strong>sistematis, bertahap, dan berlandaskan bimbingan ulama<\/strong>, menjaga kesahihan ilmu dan etika dalam menuntutnya.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- KARTU 2: VISI & MISI (THE GOAL) -->\r\n        <div class=\"di-card-goals\">\r\n            <div class=\"di-problem-area\"> <!-- Reuse class padding yang sama -->\r\n                <div class=\"di-icon-wrapper\">\r\n                    <div class=\"di-icon-box green-theme\">\r\n                        <span class=\"material-symbols-outlined\">flag<\/span>\r\n                    <\/div>\r\n                    <div class=\"di-icon-shadow green-shadow\"><\/div>\r\n                <\/div>\r\n                <h3>Visi Kami<\/h3>\r\n                <div class=\"di-visi-quote\">\r\n                    \"Mewujudkan generasi Thalibul Ilmi yang berilmu, bertahap dalam belajar, dan kokoh dalam pemahaman.\"\r\n                <\/div>\r\n\r\n                <div class=\"di-misi-section\">\r\n                    <h4>Misi Utama:<\/h4>\r\n                    <ul class=\"di-misi-list\">\r\n                        <li>\r\n                            <span class=\"material-symbols-outlined\">check_circle<\/span>\r\n                            <span>Mengokohkan landasan aqidah & pemahaman syar'i.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"material-symbols-outlined\">check_circle<\/span>\r\n                            <span>Memperluas wawasan berbagai disiplin ilmu.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"material-symbols-outlined\">check_circle<\/span>\r\n                            <span>Pembelajaran yang mudah diakses & fleksibel.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"material-symbols-outlined\">check_circle<\/span>\r\n                            <span>Menghidupkan tradisi talaqqi & kajian kitab ulama.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n    .di-about-wrapper {\r\n        font-family: 'Poppins', sans-serif;\r\n        max-width: 1140px;\r\n        margin: 60px auto;\r\n        padding: 20px;\r\n    }\r\n\r\n    \/* --- ANIMASI --- *\/\r\n    @keyframes floatIcon {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-8px); }\r\n    }\r\n\r\n    @keyframes pulseShadow {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(0.8); opacity: 0.3; }\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(40px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .di-about-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n        max-width: 800px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        animation: fadeInUp 0.8s ease-out forwards;\r\n        opacity: 0; \r\n    }\r\n\r\n    .di-badge-pill {\r\n        background-color: #e8f5e9;\r\n        color: #316E35;\r\n        padding: 6px 16px;\r\n        border-radius: 50px;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n        display: inline-block;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .di-about-header h2 {\r\n        color: #1f2937;\r\n        font-size: 2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .di-lead {\r\n        font-size: 1.05rem;\r\n        color: #6b7280;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .di-about-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* --- COMMON CARD STYLES --- *\/\r\n    .di-card-context, .di-card-goals {\r\n        background: #ffffff;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        border: 1px solid #f0f0f0;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.03);\r\n        transition: transform 0.3s;\r\n        display: flex;\r\n        flex-direction: column;\r\n        opacity: 0;\r\n        animation: fadeInUp 0.8s ease-out forwards;\r\n    }\r\n\r\n    .di-card-context { animation-delay: 0.2s; }\r\n    .di-card-goals { animation-delay: 0.4s; }\r\n\r\n    .di-card-context:hover, .di-card-goals:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 25px 50px rgba(49, 110, 53, 0.12);\r\n    }\r\n\r\n    \/* --- ICON STYLING & ANIMATION --- *\/\r\n    .di-icon-wrapper {\r\n        position: relative;\r\n        width: 70px;\r\n        height: 70px;\r\n        margin-bottom: 25px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .di-icon-box {\r\n        width: 64px;\r\n        height: 64px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 2;\r\n        animation: floatIcon 4s ease-in-out infinite;\r\n    }\r\n    \r\n    .di-icon-shadow {\r\n        position: absolute;\r\n        bottom: -5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 40px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        filter: blur(5px);\r\n        animation: pulseShadow 4s ease-in-out infinite;\r\n    }\r\n\r\n    \/* WARNA TEMA ICON (Lebih Pekat\/Jelas) *\/\r\n    .di-icon-box.red-theme { \r\n        background: #fee2e2 !important; \/* Solid light red *\/\r\n        border: 1px solid #fecaca;\r\n        box-shadow: 0 8px 20px rgba(220, 38, 38, 0.15);\r\n    }\r\n    .di-icon-shadow.red-shadow { background-color: rgba(220, 38, 38, 0.3); }\r\n\r\n    .di-icon-box.green-theme { \r\n        background: #dcfce7 !important; \/* Solid light green *\/\r\n        border: 1px solid #bbf7d0;\r\n        box-shadow: 0 8px 20px rgba(21, 128, 61, 0.15);\r\n    }\r\n    .di-icon-shadow.green-shadow { background-color: rgba(21, 128, 61, 0.3); }\r\n    \r\n    \/* Ukuran & Posisi Icon Utama (PERBAIKAN PRESISI TENGAH) *\/\r\n    .di-icon-box span { \r\n        font-size: 32px !important;\r\n        \/* Teknik Flexbox Penuh pada Span agar icon font di tengah kotak *\/\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        line-height: 1 !important; \/* Reset line-height bawaan *\/\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    .di-icon-box.red-theme span { color: #dc2626 !important; } \/* Merah Jelas *\/\r\n    .di-icon-box.green-theme span { color: #15803d !important; } \/* Hijau Jelas *\/\r\n\r\n    \/* Typography *\/\r\n    h3 {\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        color: #111827;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    p {\r\n        color: #4b5563;\r\n        line-height: 1.7;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    \/* --- PROBLEM & SOLUTION --- *\/\r\n    .di-problem-area {\r\n        padding: 40px 40px 30px 40px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .di-solution-area {\r\n        background-color: #316E35;\r\n        padding: 35px 40px;\r\n        color: white;\r\n        position: relative;\r\n        background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);\r\n        background-size: 12px 12px;\r\n    }\r\n\r\n    .di-solution-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        background: rgba(255,255,255,0.15);\r\n        padding: 5px 14px;\r\n        border-radius: 20px;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        color: #bef264;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n    }\r\n    \r\n    .di-solution-tag span {\r\n        color: #bef264 !important;\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .di-solution-area p {\r\n        color: rgba(255,255,255,0.95);\r\n        margin: 0;\r\n        font-size: 1rem;\r\n    }\r\n    .di-solution-area strong { color: white; font-weight: 600; }\r\n\r\n    \/* --- VISI MISI --- *\/\r\n    .di-visi-quote {\r\n        font-style: italic;\r\n        font-size: 1.1rem;\r\n        color: #374151;\r\n        font-weight: 500;\r\n        line-height: 1.6;\r\n        padding-left: 20px;\r\n        border-left: 4px solid #dcfce7;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .di-misi-section h4 {\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        color: #1f2937;\r\n        margin-bottom: 15px;\r\n        border-top: 1px dashed #e5e7eb;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .di-misi-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .di-misi-list li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n        margin-bottom: 12px;\r\n        color: #4b5563;\r\n        font-size: 0.95rem;\r\n        transition: transform 0.2s;\r\n    }\r\n    \r\n    .di-misi-list li:hover {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* PERBAIKAN ICON CHECKLIST (FORCE GREEN) *\/\r\n    .di-misi-list li .material-symbols-outlined {\r\n        color: #316E35 !important; \/* Paksa Hijau *\/\r\n        font-size: 22px !important;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n        background: #f0fdf4;\r\n        border-radius: 50%;\r\n        padding: 2px;\r\n        display: inline-block;\r\n        opacity: 1 !important; \/* Pastikan tidak transparan *\/\r\n    }\r\n\r\n    \/* --- RESPONSIF --- *\/\r\n    @media (max-width: 768px) {\r\n        .di-problem-area, .di-solution-area {\r\n            padding: 30px 25px;\r\n        }\r\n        .di-about-header h2 { font-size: 1.6rem; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5619049 e-flex e-con-boxed e-con e-parent\" data-id=\"5619049\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b6ee65 elementor-widget elementor-widget-html\" data-id=\"4b6ee65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET SOCIAL PROOF: STATISTIK & TESTIMONI -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<div class=\"di-social-proof-section\">\r\n    \r\n    <!-- BAGIAN 1: STATISTIK (TRUST INDICATOR) -->\r\n    <div class=\"di-stats-container\">\r\n        <div class=\"di-stat-item\">\r\n            <div class=\"di-stat-icon\">\r\n                <span class=\"material-symbols-outlined\">groups<\/span>\r\n            <\/div>\r\n            <div class=\"di-stat-number\" data-target=\"850\">0<\/div>\r\n            <div class=\"di-stat-label\">Mahasiswa Aktif<\/div>\r\n        <\/div>\r\n        <div class=\"di-stat-item\">\r\n            <div class=\"di-stat-icon\">\r\n                <span class=\"material-symbols-outlined\">menu_book<\/span>\r\n            <\/div>\r\n            <div class=\"di-stat-number\" data-target=\"24\">0<\/div>\r\n            <div class=\"di-stat-label\">Kitab Dikaji<\/div>\r\n        <\/div>\r\n        <div class=\"di-stat-item\">\r\n            <div class=\"di-stat-icon\">\r\n                <span class=\"material-symbols-outlined\">school<\/span>\r\n            <\/div>\r\n            <div class=\"di-stat-number\" data-target=\"150\">0<\/div>\r\n            <div class=\"di-stat-label\">Lulusan Terbaik<\/div>\r\n        <\/div>\r\n        <div class=\"di-stat-item\">\r\n            <div class=\"di-stat-icon\">\r\n                <span class=\"material-symbols-outlined\">verified_user<\/span>\r\n            <\/div>\r\n            <div class=\"di-stat-number\" data-target=\"8\">0<\/div>\r\n            <div class=\"di-stat-label\">Angkatan<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- BAGIAN 2: TESTIMONI (RELATABILITY) -->\r\n    <div class=\"di-testimonials-wrapper\">\r\n        <div class=\"di-section-title\">\r\n            <h2>Kata Mereka Tentang Kami<\/h2>\r\n            <p>Pengalaman nyata para penuntut ilmu yang telah merasakan manfaat belajar di Diploma Ilmi.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"di-testimonial-grid\">\r\n            <!-- Testimoni 1 -->\r\n            <div class=\"di-testi-card\">\r\n                <div class=\"di-quote-icon\">\u275d<\/div>\r\n                <p class=\"di-testi-text\">\r\n                    Alhamdulillah, belajar di sini sangat terstruktur. Dulu saya bingung mulai belajar agama dari mana, sekarang jadi paham tahapan-tahapannya.\r\n                <\/p>\r\n                <div class=\"di-testi-user\">\r\n                    <div class=\"di-user-avatar\" style=\"background-color: #e8f5e9; color: #316E35;\">A<\/div>\r\n                    <div class=\"di-user-info\">\r\n                        <h4>Abdullah Rizky<\/h4>\r\n                        <span>Mahasiswa Mustawa 3<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimoni 2 -->\r\n            <div class=\"di-testi-card\">\r\n                <div class=\"di-quote-icon\">\u275d<\/div>\r\n                <p class=\"di-testi-text\">\r\n                    Penjelasannya ringkas tapi padat. Sangat cocok buat karyawan seperti saya yang waktunya terbatas tapi ingin tetap menuntut ilmu syar'i.\r\n                <\/p>\r\n                <div class=\"di-testi-user\">\r\n                    <div class=\"di-user-avatar\" style=\"background-color: #fff3e0; color: #e65100;\">R<\/div>\r\n                    <div class=\"di-user-info\">\r\n                        <h4>Rina Amalia<\/h4>\r\n                        <span>Mahasiswa Mustawa 1<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimoni 3 -->\r\n            <div class=\"di-testi-card\">\r\n                <div class=\"di-quote-icon\">\u275d<\/div>\r\n                <p class=\"di-testi-text\">\r\n                    Biayanya sangat terjangkau dibanding ilmu yang didapat. Ustadz-ustadznya juga sangat kompeten dan sanad keilmuannya jelas.\r\n                <\/p>\r\n                <div class=\"di-testi-user\">\r\n                    <div class=\"di-user-avatar\" style=\"background-color: #e3f2fd; color: #1565c0;\">F<\/div>\r\n                    <div class=\"di-user-info\">\r\n                        <h4>Fajar Sidiq<\/h4>\r\n                        <span>Alumni Angkatan 4<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\r\n\r\n    .di-social-proof-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 40px 20px;\r\n        background-color: #f9f9f9; \/* Background sedikit abu biar beda sama section atasnya *\/\r\n        margin-top: 60px;\r\n        margin-bottom: 60px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    \/* --- STYLE STATISTIK --- *\/\r\n    .di-stats-container {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-wrap: wrap;\r\n        gap: 30px;\r\n        margin-bottom: 80px;\r\n        text-align: center;\r\n    }\r\n\r\n    .di-stat-item {\r\n        flex: 1;\r\n        min-width: 150px;\r\n    }\r\n\r\n    .di-stat-icon span {\r\n        font-size: 40px;\r\n        color: #316E35;\r\n        margin-bottom: 10px;\r\n        background: #e8f5e9;\r\n        padding: 15px;\r\n        border-radius: 50%;\r\n        transition: transform 0.3s;\r\n    }\r\n    \r\n    .di-stat-item:hover .di-stat-icon span {\r\n        transform: scale(1.1) rotate(10deg);\r\n        background: #316E35;\r\n        color: white;\r\n    }\r\n\r\n    .di-stat-number {\r\n        font-size: 2.5rem;\r\n        font-weight: 700;\r\n        color: #1f2937;\r\n        margin: 10px 0 5px 0;\r\n    }\r\n    \r\n    \/* Tambah simbol plus pake CSS pseudo-element *\/\r\n    .di-stat-number::after {\r\n        content: '+';\r\n        font-size: 1.5rem;\r\n        color: #316E35;\r\n        vertical-align: top;\r\n    }\r\n\r\n    .di-stat-label {\r\n        font-size: 1rem;\r\n        color: #666;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* --- STYLE TESTIMONI --- *\/\r\n    .di-section-title {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n    .di-section-title h2 { color: #316E35; font-weight: 700; margin-bottom: 10px; font-size: 2rem; }\r\n    .di-section-title p { color: #666; max-width: 600px; margin: 0 auto; }\r\n\r\n    .di-testimonial-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .di-testi-card {\r\n        background: white;\r\n        padding: 30px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        border: 1px solid #f0f0f0;\r\n        position: relative;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .di-testi-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n        border-color: #316E35;\r\n    }\r\n\r\n    .di-quote-icon {\r\n        font-size: 40px;\r\n        color: #e8f5e9;\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        font-family: serif;\r\n    }\r\n\r\n    .di-testi-text {\r\n        font-size: 0.95rem;\r\n        color: #4b5563;\r\n        line-height: 1.6;\r\n        font-style: italic;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .di-testi-user {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .di-user-avatar {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .di-user-info h4 {\r\n        margin: 0;\r\n        font-size: 1rem;\r\n        color: #1f2937;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .di-user-info span {\r\n        font-size: 0.8rem;\r\n        color: #316E35;\r\n    }\r\n\r\n    \/* Responsif *\/\r\n    @media (max-width: 768px) {\r\n        .di-stats-container { gap: 40px; }\r\n        .di-stat-number { font-size: 2rem; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ Script Animasi Angka (Counter Up)\r\n    \/\/ Angka akan bergerak naik dari 0 ke target saat discroll\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        const counters = document.querySelectorAll('.di-stat-number');\r\n        const speed = 200; \/\/ Semakin tinggi semakin lambat\r\n\r\n        const animateCounters = () => {\r\n            counters.forEach(counter => {\r\n                const updateCount = () => {\r\n                    const target = +counter.getAttribute('data-target');\r\n                    const count = +counter.innerText;\r\n                    \r\n                    \/\/ Hitung step kenaikan\r\n                    const inc = target \/ speed;\r\n\r\n                    if (count < target) {\r\n                        counter.innerText = Math.ceil(count + inc);\r\n                        setTimeout(updateCount, 20); \/\/ Kecepatan update\r\n                    } else {\r\n                        counter.innerText = target;\r\n                    }\r\n                };\r\n                updateCount();\r\n            });\r\n        };\r\n\r\n        \/\/ Trigger animasi hanya saat elemen terlihat di layar (Intersection Observer)\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    animateCounters();\r\n                    observer.disconnect(); \/\/ Jalankan sekali saja\r\n                }\r\n            });\r\n        }, { threshold: 0.5 }); \/\/ Muncul saat 50% elemen terlihat\r\n\r\n        const statsSection = document.querySelector('.di-stats-container');\r\n        if(statsSection) {\r\n            observer.observe(statsSection);\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e3b979 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"2e3b979\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13fd0dd elementor-widget elementor-widget-html\" data-id=\"13fd0dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET KEUNGGULAN (PSYCHOLOGICAL TRIGGER & MOBILE OPTIMIZED) -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<div class=\"di-why-section\">\r\n    <!-- HEADER: MENGGUNAKAN TRIGGER \"SOCIAL PROOF\" & \"EMPATHY\" -->\r\n    <div class=\"di-why-header\">\r\n        <h2>Kenapa Harus Belajar di Sini?<\/h2>\r\n        <p>Kami paham kesibukan Anda. Sistem kami dirancang khusus agar siapa pun bisa menuntut ilmu syar'i dengan tenang, terarah, dan terjaga sanadnya.<\/p>\r\n        <div class=\"di-header-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID CARDS -->\r\n    <div class=\"di-why-grid\">\r\n        \r\n        <!-- Card 1: Trigger \"Fleksibilitas\/Convenience\" -->\r\n        <div class=\"di-why-card\">\r\n            <div class=\"di-why-icon\">\r\n                <span class=\"material-symbols-outlined\">update<\/span>\r\n            <\/div>\r\n            <h3>Waktu Belajar Fleksibel<\/h3>\r\n            <p>Kesibukan kerja bukan lagi penghalang. Ikuti kajian <em>live<\/em> via Zoom atau simak ulang rekaman di YouTube kapan saja Anda sempat.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 2: Trigger \"Kejelasan\/Clarity\" -->\r\n        <div class=\"di-why-card\">\r\n            <div class=\"di-why-icon\">\r\n                <span class=\"material-symbols-outlined\">stairs<\/span>\r\n            <\/div>\r\n            <h3>Kurikulum Anti-Bingung<\/h3>\r\n            <p>Tak perlu pusing mulai dari mana. Materi disusun bertahap (4 Mustawa) untuk membangun pondasi ilmu yang kokoh dari nol.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 3: Trigger \"Otoritas\/Authority\" -->\r\n        <div class=\"di-why-card\">\r\n            <div class=\"di-why-icon\">\r\n                <span class=\"material-symbols-outlined\">verified_user<\/span>\r\n            <\/div>\r\n            <h3>Sanad Ilmu Terpercaya<\/h3>\r\n            <p>Tenangkan hati Anda. Dibimbing langsung oleh Asatidz alumni Universitas Madinah & LIPIA yang ahli dan amanah dalam ilmu.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 4: Trigger \"Nilai\/Value\" -->\r\n        <div class=\"di-why-card\">\r\n            <div class=\"di-why-icon\">\r\n                <span class=\"material-symbols-outlined\">volunteer_activism<\/span>\r\n            <\/div>\r\n            <h3>Investasi Akhirat Ringan<\/h3>\r\n            <p>Kami percaya ilmu adalah hak setiap muslim. Dapatkan pendidikan berkualitas premium dengan biaya infaq yang sangat terjangkau.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n    .di-why-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        max-width: 1200px;\r\n        margin: 60px auto;\r\n        padding: 20px;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .di-why-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n        max-width: 700px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .di-why-header h2 {\r\n        color: #316E35;\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .di-why-header p {\r\n        color: #6b7280;\r\n        font-size: 1.05rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .di-header-line {\r\n        width: 60px;\r\n        height: 4px;\r\n        background-color: #dcfce7; \/* Hijau muda pudar *\/\r\n        margin: 20px auto 0;\r\n        border-radius: 2px;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* Aksen garis kecil di tengah *\/\r\n    .di-header-line::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 20px;\r\n        height: 4px;\r\n        background-color: #316E35; \/* Hijau tua *\/\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM (Responsive Mobile First) --- *\/\r\n    .di-why-grid {\r\n        display: grid;\r\n        \/* Default: 1 Kolom untuk HP (Scrollable & Nyaman) *\/\r\n        grid-template-columns: 1fr; \r\n        gap: 25px;\r\n    }\r\n\r\n    \/* Tablet: 2 Kolom *\/\r\n    @media (min-width: 600px) {\r\n        .di-why-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    \/* Desktop: 4 Kolom *\/\r\n    @media (min-width: 1024px) {\r\n        .di-why-grid { grid-template-columns: repeat(4, 1fr); }\r\n    }\r\n\r\n    \/* --- CARD STYLING --- *\/\r\n    .di-why-card {\r\n        background: #ffffff;\r\n        padding: 35px 25px;\r\n        border-radius: 24px; \/* Lebih rounded agar modern *\/\r\n        text-align: center;\r\n        border: 1px solid #f3f4f6;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        height: 100%; \/* Biar tinggi kartu rata *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Efek Garis Atas Hijau saat Hover *\/\r\n    .di-why-card::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: #316E35;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Hover Effect: Kartu naik & border hijau *\/\r\n    .di-why-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 50px rgba(49, 110, 53, 0.12);\r\n        border-color: #dcfce7;\r\n    }\r\n\r\n    .di-why-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    \/* Icon Circle *\/\r\n    .di-why-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        background-color: #f0fdf4; \/* Background hijau sangat muda *\/\r\n        border-radius: 20px; \/* Bentuk Squircle (Kotak melengkung) lebih kekinian *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .di-why-card:hover .di-why-icon {\r\n        background-color: #316E35; \/* Berubah jadi hijau tua pas hover *\/\r\n        transform: rotate(5deg) scale(1.1); \/* Efek goyang dikit *\/\r\n    }\r\n\r\n    \/* Icon Symbol *\/\r\n    .di-why-icon span {\r\n        font-size: 36px !important;\r\n        color: #316E35 !important; \/* Paksa Hijau *\/\r\n        transition: color 0.3s;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    .di-why-card:hover .di-why-icon span {\r\n        color: #ffffff !important; \/* Icon jadi putih pas hover *\/\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .di-why-card h3 {\r\n        font-size: 1.25rem;\r\n        font-weight: 700;\r\n        color: #1f2937;\r\n        margin-bottom: 12px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .di-why-card p {\r\n        font-size: 0.95rem;\r\n        color: #6b7280;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n    \r\n    \/* Highlight kata penting *\/\r\n    .di-why-card p em {\r\n        font-style: normal;\r\n        color: #316E35;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .di-why-header h2 { font-size: 1.8rem; }\r\n        .di-why-card { \r\n            padding: 30px 20px; \r\n            \/* Di HP, kartu dibuat lebih 'padat' biar ga makan tempat *\/\r\n        }\r\n        .di-why-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n        .di-why-icon span {\r\n            font-size: 30px !important;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-171a199 elementor-widget elementor-widget-spacer\" data-id=\"171a199\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-015f434 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"015f434\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4a5b025 e-con-full e-flex e-con e-child\" data-id=\"4a5b025\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87d640 elementor-widget elementor-widget-heading\" data-id=\"c87d640\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kurikulum Berjenjang<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-748fd9f elementor-widget elementor-widget-text-editor\" data-id=\"748fd9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"text-center mb-12\"><p class=\"mt-4 text-gray-600 max-w-2xl mx-auto\">Program Diploma Ilmi terdiri dari 4 tingkatan (Mustawa) yang ditempuh secara bertahap dengan total 40 SKS<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00f631c elementor-widget elementor-widget-html\" data-id=\"00f631c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Kurikulum Slider - Diploma Ilmi Madinah Salam<\/title>\r\n\r\n    <!-- 1. STYLE UNTUK SLIDER & POP-UP -->\r\n    <style>\r\n        \/* Mengimpor Google Font & Google Icons *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap');\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');\r\n\r\n        \/* Menambahkan dasar styling untuk body agar komponen terlihat baik saat diuji coba mandiri *\/\r\n        body {\r\n            background-color: #f9fafb;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .kurikulum-section {\r\n            font-family: 'Poppins', sans-serif;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Slider Container *\/\r\n        .kurikulum-slider-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n            cursor: grab;\r\n        }\r\n        .kurikulum-slider-container:active {\r\n            cursor: grabbing;\r\n        }\r\n\r\n        .kurikulum-slider {\r\n            display: flex;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        \/* Card Styling *\/\r\n        .kurikulum-card {\r\n            flex: 0 0 100%;\r\n            max-width: 100%;\r\n            box-sizing: border-box;\r\n            padding: 0 10px;\r\n        }\r\n        \r\n        .kurikulum-card-content {\r\n            background: #FFFFFF;\r\n            border-radius: 12px;\r\n            padding: 2rem;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n            border: 1px solid #E5E7EB;\r\n            text-align: center;\r\n        }\r\n\r\n        .kurikulum-card-content h3 {\r\n            color: #1F2937;\r\n            font-size: 1.5rem;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .kurikulum-card-content p {\r\n            color: #4B5563;\r\n            font-size: 1rem;\r\n            min-height: 50px;\r\n        }\r\n\r\n        .detail-button {\r\n            background-color: #316E35;\r\n            color: white;\r\n            padding: 12px 24px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            display: inline-block;\r\n            margin-top: 1rem;\r\n            transition: background-color 0.3s, transform 0.3s;\r\n        }\r\n        .detail-button:hover {\r\n            background-color: #265328;\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        \/* Navigasi Slider *\/\r\n        .slider-nav {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-top: 1.5rem;\r\n        }\r\n\r\n        .nav-btn {\r\n            background: transparent;\r\n            border: none;\r\n            color: #316E35;\r\n            cursor: pointer;\r\n            margin: 0 1rem;\r\n            padding: 0;\r\n            transition: color 0.3s, transform 0.3s;\r\n        }\r\n        .nav-btn .material-symbols-outlined {\r\n            font-size: 3rem;\r\n            vertical-align: middle;\r\n        }\r\n        \r\n        .nav-btn:not(:disabled):hover {\r\n            color: #265328;\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .nav-btn:disabled {\r\n            color: #D1D5DB;\r\n            cursor: not-allowed;\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* DIPERBARUI: Modal Pop-up Styling *\/\r\n        .modal-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 99999; \/* z-index dinaikkan *\/\r\n            padding: 1rem; \/* Padding untuk layar kecil *\/\r\n            box-sizing: border-box;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.4s, visibility 0.4s;\r\n        }\r\n        .modal-overlay.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .modal-content {\r\n            background: white;\r\n            padding: 1.5rem; \/* Padding dikurangi untuk mobile *\/\r\n            border-radius: 12px;\r\n            width: 100%;\r\n            max-width: 700px;\r\n            max-height: 90vh; \/* Batas tinggi agar tidak terpotong *\/\r\n            overflow-y: auto; \/* Konten bisa di-scroll *\/\r\n            position: relative;\r\n            transform: scale(0.9);\r\n            transition: transform 0.4s;\r\n        }\r\n        .modal-overlay.active .modal-content {\r\n            transform: scale(1);\r\n        }\r\n\r\n        .close-modal {\r\n            position: absolute;\r\n            top: 10px;\r\n            right: 10px;\r\n            background: #E5E7EB;\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 35px; \/* Sedikit diperbesar *\/\r\n            height: 35px; \/* Sedikit diperbesar *\/\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n        \r\n        .modal-content h2 { \r\n            color: #316E35; \r\n            font-size: 1.5rem; \/* Ukuran judul disesuaikan di mobile *\/\r\n            margin-top: 5px;\r\n            margin-right: 40px; \/* Memberi ruang untuk tombol close *\/\r\n        }\r\n        .modal-content .modal-desc { color: #4B5563; margin-bottom: 2rem; }\r\n        \r\n        \/* Tabel Mata Kuliah *\/\r\n        .matkul-table { width: 100%; border-collapse: collapse; }\r\n        .matkul-table th, .matkul-table td { padding: 12px 15px; text-align: left; }\r\n        .matkul-table thead { background-color: #F3F4F6; }\r\n        .matkul-table th { font-weight: 600; }\r\n        .matkul-table tbody tr { border-bottom: 1px solid #E5E7EB; }\r\n        .matkul-table tfoot { background-color: #F3F4F6; font-weight: 700; }\r\n        .matkul-table .sks-col { text-align: center; }\r\n\r\n        \/* Responsive Breakpoints *\/\r\n        @media (min-width: 768px) {\r\n            .kurikulum-card { flex: 0 0 50%; max-width: 50%; }\r\n            .modal-content {\r\n                padding: 2rem; \/* Kembalikan padding di desktop *\/\r\n                width: 90%;\r\n            }\r\n            .modal-content h2 {\r\n                font-size: 2rem; \/* Kembalikan ukuran judul di desktop *\/\r\n            }\r\n        }\r\n        @media (min-width: 1024px) {\r\n            .kurikulum-card { flex: 0 0 33.33%; max-width: 33.33%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- 2. KONTEN HTML SLIDER & POP-UP -->\r\n    <div class=\"kurikulum-section\">\r\n        <div class=\"kurikulum-slider-container\">\r\n            <div class=\"kurikulum-slider\">\r\n                <!-- Kartu 1: Mustawa 1 -->\r\n                <div class=\"kurikulum-card\">\r\n                    <div class=\"kurikulum-card-content\">\r\n                        <h3>Mustawa 1: Fondasi Ilmu Syar'i<\/h3>\r\n                        <p>Membangun pondasi aqidah yang lurus, dasar-dasar fiqh, waris, bahasa Arab, dan pengantar dakwah.<\/p>\r\n                        <a href=\"#\" class=\"detail-button\" data-mustawa=\"1\">Lihat Detail<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Kartu 2: Mustawa 2 -->\r\n                <div class=\"kurikulum-card\">\r\n                    <div class=\"kurikulum-card-content\">\r\n                        <h3>Mustawa 2: Penguatan Pemahaman<\/h3>\r\n                        <p>Memperkuat pemahaman fikih, hadits, dan bahasa Arab secara lebih mendalam.<\/p>\r\n                        <a href=\"#\" class=\"detail-button\" data-mustawa=\"2\">Lihat Detail<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Kartu 3: Mustawa 3 -->\r\n                <div class=\"kurikulum-card\">\r\n                    <div class=\"kurikulum-card-content\">\r\n                        <h3>Mustawa 3: Penguatan Metodologi<\/h3>\r\n                        <p>Mengenalkan metodologi istinbath hukum, kaidah hadits, serta ilmu alat seperti shorf dan balaghah.<\/p>\r\n                        <a href=\"#\" class=\"detail-button\" data-mustawa=\"3\">Lihat Detail<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Kartu 4: Mustawa 4 -->\r\n                <div class=\"kurikulum-card\">\r\n                    <div class=\"kurikulum-card-content\">\r\n                        <h3>Mustawa 4: Integrasi Keilmuan<\/h3>\r\n                        <p>Mengintegrasikan seluruh pengetahuan dalam pemahaman tafsir, qawaid fiqh, dan adab Islam.<\/p>\r\n                        <a href=\"#\" class=\"detail-button\" data-mustawa=\"4\">Lihat Detail<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slider-nav\">\r\n            <button class=\"nav-btn prev-btn\">\r\n                <span class=\"material-symbols-outlined\">arrow_circle_left<\/span>\r\n            <\/button>\r\n            <button class=\"nav-btn next-btn\">\r\n                <span class=\"material-symbols-outlined\">arrow_circle_right<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Struktur Modal (Pop-up) -->\r\n    <div class=\"modal-overlay\">\r\n        <div class=\"modal-content\">\r\n            <button class=\"close-modal\">&times;<\/button>\r\n            <h2 id=\"modal-title\"><\/h2>\r\n            <p id=\"modal-desc\"><\/p>\r\n            <div id=\"modal-table-container\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. JAVASCRIPT UNTUK FUNGSI SLIDER & POP-UP -->\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \r\n        \/\/ Data untuk Pop-up Modal\r\n        const kurikulumData = {\r\n            '1': {\r\n                title: \"Mustawa 1: Fondasi Ilmu Syar'i\",\r\n                desc: \"Membangun pondasi aqidah yang lurus, dasar-dasar fiqh, waris, bahasa Arab (nahwu), dan pengantar dakwah.\",\r\n                matkul: [\r\n                    { nama: \"Aqidah (1)\", sks: 2 }, { nama: \"Dakwah\", sks: 2 },\r\n                    { nama: \"Fiqh Syafi'i (1)\", sks: 2 }, { nama: \"Fiqh Waris (1)\", sks: 2 },\r\n                    { nama: \"Nahwu (1)\", sks: 2 }\r\n                ],\r\n                totalSKS: 10\r\n            },\r\n            '2': {\r\n                title: \"Mustawa 2: Penguatan Pemahaman\",\r\n                desc: \"Memperkuat pemahaman fikih, hadits, dan bahasa Arab secara lebih mendalam untuk membangun pondasi sunnah yang kuat.\",\r\n                matkul: [\r\n                    { nama: \"Aqidah (2)\", sks: 2 }, { nama: \"Fiqh Syafi'i (2)\", sks: 2 },\r\n                    { nama: \"Fiqh Waris (2)\", sks: 2 }, { nama: \"Nahwu (2)\", sks: 2 },\r\n                    { nama: \"Hadits\", sks: 2 }\r\n                ],\r\n                totalSKS: 10\r\n            },\r\n            '3': {\r\n                title: \"Mustawa 3: Penguatan Metodologi\",\r\n                desc: \"Mengenalkan peserta pada metodologi istinbath hukum, hadits, serta cabang keilmuan bahasa dan sastra Islam.\",\r\n                matkul: [\r\n                    { nama: \"Ushul Fiqh\", sks: 2 }, { nama: \"Mushtholah Hadits\", sks: 2 },\r\n                    { nama: \"Sharf\", sks: 2 }, { nama: \"Adab (1)\", sks: 2 },\r\n                    { nama: \"Balaghah (1)\", sks: 2 }\r\n                ],\r\n                totalSKS: 10\r\n            },\r\n            '4': {\r\n                title: \"Mustawa 4: Integrasi Keilmuan\",\r\n                desc: \"Menyatukan seluruh kompetensi dalam pemahaman tafsir, qawaid fiqh, dan adab Islam secara menyeluruh.\",\r\n                matkul: [\r\n                    { nama: \"Tafsir\", sks: 2 }, { nama: \"Qawaid Fiqh\", sks: 2 },\r\n                    { nama: \"Ushul Tafsir\", sks: 2 }, { nama: \"Adab (2)\", sks: 2 },\r\n                    { nama: \"Balaghah (2)\", sks: 2 }\r\n                ],\r\n                totalSKS: 10\r\n            }\r\n        };\r\n\r\n        \/\/ Fungsionalitas Slider\r\n        const sliderContainer = document.querySelector('.kurikulum-slider-container');\r\n        const slider = document.querySelector('.kurikulum-slider');\r\n        const prevBtn = document.querySelector('.prev-btn');\r\n        const nextBtn = document.querySelector('.next-btn');\r\n        let currentIndex = 0;\r\n        let itemsPerView = window.innerWidth < 768 ? 1 : (window.innerWidth < 1024 ? 2 : 3);\r\n        const totalItems = slider.children.length;\r\n\r\n        function updateSlider() {\r\n            const itemWidth = slider.children[0].getBoundingClientRect().width;\r\n            slider.style.transform = `translateX(-${currentIndex * itemWidth}px)`;\r\n            prevBtn.disabled = currentIndex === 0;\r\n            nextBtn.disabled = currentIndex >= totalItems - itemsPerView;\r\n        }\r\n\r\n        nextBtn.addEventListener('click', () => {\r\n            if (currentIndex < totalItems - itemsPerView) {\r\n                currentIndex++;\r\n                updateSlider();\r\n            }\r\n        });\r\n        prevBtn.addEventListener('click', () => {\r\n            if (currentIndex > 0) {\r\n                currentIndex--;\r\n                updateSlider();\r\n            }\r\n        });\r\n\r\n        window.addEventListener('resize', () => {\r\n            itemsPerView = window.innerWidth < 768 ? 1 : (window.innerWidth < 1024 ? 2 : 3);\r\n            currentIndex = 0; \/\/ Reset on resize\r\n            updateSlider();\r\n        });\r\n        \r\n        \/\/ Fungsionalitas Swipe\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        \r\n        sliderContainer.addEventListener('touchstart', (e) => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n        }, { passive: true });\r\n\r\n        sliderContainer.addEventListener('touchend', (e) => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            handleSwipe();\r\n        }, { passive: true });\r\n        \r\n        function handleSwipe() {\r\n            if (touchEndX < touchStartX - 50) { \/\/ Geser ke kiri\r\n                nextBtn.click();\r\n            }\r\n            if (touchEndX > touchStartX + 50) { \/\/ Geser ke kanan\r\n                prevBtn.click();\r\n            }\r\n        }\r\n\r\n        updateSlider();\r\n\r\n        \/\/ Fungsionalitas Modal (Pop-up)\r\n        const modalOverlay = document.querySelector('.modal-overlay');\r\n        const detailButtons = document.querySelectorAll('.detail-button');\r\n        const closeModal = document.querySelector('.close-modal');\r\n\r\n        detailButtons.forEach(button => {\r\n            button.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                const mustawaId = button.dataset.mustawa;\r\n                const data = kurikulumData[mustawaId];\r\n\r\n                document.getElementById('modal-title').innerText = data.title;\r\n                document.getElementById('modal-desc').innerText = data.desc;\r\n\r\n                let tableHTML = `\r\n                    <table class=\"matkul-table\">\r\n                        <thead><tr><th>Mata Kuliah<\/th><th class=\"sks-col\">SKS<\/th><\/tr><\/thead>\r\n                        <tbody>`;\r\n                data.matkul.forEach(mk => {\r\n                    tableHTML += `<tr><td>${mk.nama}<\/td><td class=\"sks-col\">${mk.sks}<\/td><\/tr>`;\r\n                });\r\n                tableHTML += `<\/tbody>\r\n                        <tfoot><tr><td>Total SKS<\/td><td class=\"sks-col\">${data.totalSKS}<\/td><\/tr><\/tfoot>\r\n                    <\/table>`;\r\n                document.getElementById('modal-table-container').innerHTML = tableHTML;\r\n                \r\n                modalOverlay.classList.add('active');\r\n            });\r\n        });\r\n\r\n        function hideModal() {\r\n            modalOverlay.classList.remove('active');\r\n        }\r\n\r\n        closeModal.addEventListener('click', hideModal);\r\n        modalOverlay.addEventListener('click', (e) => {\r\n            if (e.target === modalOverlay) {\r\n                hideModal();\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0daf7d7 e-flex e-con-boxed e-con e-parent\" data-id=\"0daf7d7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7dcf3b elementor-widget elementor-widget-html\" data-id=\"d7dcf3b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET JADWAL KULIAH DIPLOMA ILMI (ICON COLOR FIXED) -->\r\n\r\n<!-- Link Google Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<!-- Container Utama dengan Z-Index Tinggi -->\r\n<div class=\"di-jadwal-section\" style=\"position: relative; z-index: 10;\">\r\n    <div class=\"di-section-title\">\r\n        <h2>Jadwal Perkuliahan<\/h2>\r\n        <p>Semester Februari - Juni 2025<\/p>\r\n    <\/div>\r\n\r\n    <!-- TAB NAVIGASI -->\r\n    <div class=\"di-tabs\">\r\n        <!-- Tambahkan ID unik ke tombol biar bisa dipanggil JS -->\r\n        <button id=\"btnMustawa1\" class=\"di-tab-btn active\" onclick=\"diOpenTab(event, 'Mustawa1')\">Mustawa 1 (A7)<\/button>\r\n        <button class=\"di-tab-btn\" onclick=\"diOpenTab(event, 'Mustawa2')\">Mustawa 2 (A6)<\/button>\r\n        <button class=\"di-tab-btn\" onclick=\"diOpenTab(event, 'Mustawa3')\">Mustawa 3<\/button>\r\n    <\/div>\r\n\r\n    <!-- KONTEN TAB: MUSTAWA 1 -->\r\n    <div id=\"Mustawa1\" class=\"di-tab-content\" style=\"display: block;\">\r\n        <div class=\"di-grid-jadwal\">\r\n            <!-- Item 1 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Selasa, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Fiqh Mawaris<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Tashiilul Fawaaid<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Saiful Awal, Lc<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 2 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Rabu, 18.20 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Fiqh Syafi'i (Ikhwan)<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Matan Abu Syuja'<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Muhammad Taufik, Lc<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 3 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Jum'at, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Fiqh Syafi'i (Akhwat)<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Matan Abu Syuja'<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadzah Laila Al-Ghifariyah, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 4 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Kamis, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Aqidah<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Syarah Ushul Tsalatsah<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Jundi Qoriba, M.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 5 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Senin, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Dakwah<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Syarah Fadhlil Islam<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Hengki Dian Putra, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 6 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Selasa, 05.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Nahwu<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Khulaashoh Nahwu Jilid 1<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Andi Setio Ahmad, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- KONTEN TAB: MUSTAWA 2 -->\r\n    <div id=\"Mustawa2\" class=\"di-tab-content\">\r\n        <div class=\"di-grid-jadwal\">\r\n             <!-- Item 1 -->\r\n             <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Senin, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Fiqh Mawaris<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Tashiilul Fawaaid<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Saiful Awal, Lc<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 2 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Senin, 18.20 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Fiqh Syafi'i<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Matan Abu Syuja'<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Muhammad Taufik, Lc<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 3 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Selasa, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Aqidah<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Syarah Kasyfusy Syubuhat<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Jundi Qoriba, M.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 4 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Kamis, 18.20 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Hadits<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Syarah Al Ghoroor<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Muhammad Taufik, Lc<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 5 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Rabu, 05.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Nahwu<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Khulaashoh Nahwu Jilid 2<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Andi Setio Ahmad, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- KONTEN TAB: MUSTAWA 3 -->\r\n    <div id=\"Mustawa3\" class=\"di-tab-content\">\r\n        <div class=\"di-grid-jadwal\">\r\n            <!-- Item 1 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Selasa, 16.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Ushul Fiqh<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> -<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Marwan Abdurrohman, MA<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 2 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Senin, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Mushtholah Hadits<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> -<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Yahya bin Makmur, Lc<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 3 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Jum'at, 18.15 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Sharf<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> -<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Zaky Karamy, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 4 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Kamis, 16.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Adab 1<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Adab Silsilah Lipia Mustawa 3<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Rahmat Kurnia, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Item 5 -->\r\n            <div class=\"di-card-jadwal\">\r\n                <div class=\"di-card-time\">Selasa, 20.00 WIB<\/div>\r\n                <h3 class=\"di-card-mapel\">Balaghah 1<\/h3>\r\n                <div class=\"di-card-info\">\r\n                    <span><span class=\"material-symbols-outlined\">menu_book<\/span> Balaghah Silsilah Lipia M4<\/span>\r\n                    <span><span class=\"material-symbols-outlined\">person<\/span> Ustadz Hengki Dian Putra, B.A<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* STYLE JADWAL (Updated) *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\r\n\r\n    .di-jadwal-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        max-width: 1200px;\r\n        margin: 40px auto;\r\n        padding: 0 20px;\r\n        \/* Tambahan display block biar gak hidden *\/\r\n        display: block !important;\r\n    }\r\n\r\n    .di-section-title {\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n    .di-section-title h2 {\r\n        color: #316E35;\r\n        font-weight: 700;\r\n        margin-bottom: 5px;\r\n        font-size: 2rem;\r\n    }\r\n    .di-section-title p {\r\n        color: #666;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    \/* TABS *\/\r\n    .di-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        margin-bottom: 30px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .di-tab-btn {\r\n        background-color: #f0fdf4; \r\n        border: 2px solid #316E35;\r\n        color: #316E35;\r\n        padding: 10px 25px;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        font-weight: 600;\r\n        transition: all 0.3s;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .di-tab-btn:hover, .di-tab-btn.active {\r\n        background-color: #316E35;\r\n        color: white;\r\n        box-shadow: 0 4px 10px rgba(49, 110, 53, 0.3);\r\n    }\r\n\r\n    \/* TAB CONTENT & GRID *\/\r\n    .di-tab-content {\r\n        \/* Default disembunyikan, nanti dibuka JS *\/\r\n        display: none;\r\n        animation: fadeIn 0.5s;\r\n    }\r\n    \r\n    \/* Paksa Mustawa 1 muncul kalau JS gagal (Fallback) *\/\r\n    #Mustawa1 {\r\n        display: block;\r\n    }\r\n\r\n    .di-grid-jadwal {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* CARD DESIGN *\/\r\n    .di-card-jadwal {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        padding: 20px;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        border: 1px solid #e5e7eb;\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-left: 5px solid #316E35;\r\n    }\r\n\r\n    .di-card-jadwal:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .di-card-time {\r\n        display: inline-block;\r\n        background-color: #e8f5e9;\r\n        color: #316E35;\r\n        padding: 4px 10px;\r\n        border-radius: 4px;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .di-card-mapel {\r\n        margin: 0 0 15px 0;\r\n        color: #1f2937;\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n    .di-card-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        font-size: 0.9rem;\r\n        color: #555;\r\n    }\r\n\r\n    .di-card-info span {\r\n        display: flex;\r\n        align-items: center; \r\n        gap: 10px; \r\n    }\r\n\r\n    \/* Styling khusus untuk Material Icons agar pas *\/\r\n    \/* UPDATED: Tambah !important di color biar gak ketimpa style global *\/\r\n    .di-card-info .material-symbols-outlined {\r\n        font-size: 20px;\r\n        color: #316E35 !important; \/* INI KUNCINYA *\/\r\n        flex-shrink: 0; \r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ Ganti nama fungsi jadi 'diOpenTab' biar unik\r\n    function diOpenTab(evt, tabName) {\r\n        var i, tabcontent, tablinks;\r\n        \r\n        tabcontent = document.getElementsByClassName(\"di-tab-content\");\r\n        for (i = 0; i < tabcontent.length; i++) {\r\n            tabcontent[i].style.display = \"none\";\r\n        }\r\n        \r\n        tablinks = document.getElementsByClassName(\"di-tab-btn\");\r\n        for (i = 0; i < tablinks.length; i++) {\r\n            tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\r\n        }\r\n        \r\n        var selectedTab = document.getElementById(tabName);\r\n        if (selectedTab) {\r\n            selectedTab.style.display = \"block\";\r\n        }\r\n        \r\n        if (evt) {\r\n            evt.currentTarget.className += \" active\";\r\n        }\r\n    }\r\n\r\n    \/\/ Auto-Run: Memastikan tab pertama terbuka saat halaman selesai loading\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Simulasi klik pada tombol pertama biar otomatis aktif\r\n        var btn1 = document.getElementById(\"btnMustawa1\");\r\n        if(btn1) {\r\n            \/\/ Kita panggil manual fungsinya tanpa event klik sungguhan\r\n            \/\/ biar di HP lancar\r\n            document.getElementById(\"Mustawa1\").style.display = \"block\";\r\n            btn1.classList.add(\"active\");\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c900473 e-flex e-con-boxed e-con e-parent\" data-id=\"c900473\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b180f3 elementor-widget elementor-widget-html\" data-id=\"4b180f3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET ALUR PENDAFTARAN (STEPPER DESIGN - GREEN ARROW FIXED) -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<div class=\"di-registration-section\">\r\n    <div class=\"di-reg-header\">\r\n        <h2>Siap Menuntut Ilmu?<\/h2>\r\n        <p>Ikuti 3 langkah mudah ini untuk resmi menjadi bagian dari keluarga besar Diploma Ilmi Madinah Salam.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Container Steps -->\r\n    <div class=\"di-steps-container\">\r\n        \r\n        <!-- Step 1 -->\r\n        <div class=\"di-step-item\">\r\n            <div class=\"di-step-icon\">\r\n                <span class=\"material-symbols-outlined\">edit_document<\/span>\r\n                <div class=\"di-step-number\">1<\/div>\r\n            <\/div>\r\n            <h3>Daftar Online<\/h3>\r\n            <p>Isi formulir biodata diri singkat melalui link pendaftaran yang tersedia.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Connector Line 1 -->\r\n        <div class=\"di-step-connector\">\r\n            <span class=\"material-symbols-outlined\">arrow_forward<\/span>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\r\n        <div class=\"di-step-item\">\r\n            <div class=\"di-step-icon\">\r\n                <span class=\"material-symbols-outlined\">account_balance_wallet<\/span>\r\n                <div class=\"di-step-number\">2<\/div>\r\n            <\/div>\r\n            <h3>Administrasi<\/h3>\r\n            <p>Lakukan pembayaran biaya pendaftaran & semester, lalu kirim bukti ke Admin.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Connector Line 2 -->\r\n        <div class=\"di-step-connector\">\r\n            <span class=\"material-symbols-outlined\">arrow_forward<\/span>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\r\n        <div class=\"di-step-item\">\r\n            <div class=\"di-step-icon\">\r\n                <span class=\"material-symbols-outlined\">verified<\/span>\r\n                <div class=\"di-step-number\">3<\/div>\r\n            <\/div>\r\n            <h3>Mulai Belajar<\/h3>\r\n            <p>Selesai! Anda akan dimasukkan ke grup kelas dan siap mengikuti perkuliahan.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Tombol CTA Besar -->\r\n    <div class=\"di-reg-cta\">\r\n        <a href=\"http:\/\/s.id\/PendaftaranDI_A8\" target=\"_blank\" class=\"di-cta-button\">\r\n            <span class=\"material-symbols-outlined\">how_to_reg<\/span>\r\n            Daftar Sekarang (Hanya 3 Menit)\r\n        <\/a>\r\n        <div class=\"di-cta-note\">*Kuota terbatas setiap angkatan<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\r\n\r\n    .di-registration-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        max-width: 1100px;\r\n        margin: 60px auto;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .di-reg-header h2 {\r\n        color: #316E35;\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n    .di-reg-header p {\r\n        color: #666;\r\n        max-width: 600px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    \/* --- STEPPER LAYOUT --- *\/\r\n    .di-steps-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* ITEM LANGKAH *\/\r\n    .di-step-item {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        max-width: 300px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Icon Container *\/\r\n    .di-step-icon {\r\n        width: 100px;\r\n        height: 100px;\r\n        background: white;\r\n        border: 2px solid #e8f5e9;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n        transition: transform 0.3s, border-color 0.3s;\r\n    }\r\n\r\n    .di-step-item:hover .di-step-icon {\r\n        transform: translateY(-5px);\r\n        border-color: #316E35;\r\n        background: #f0fdf4;\r\n    }\r\n\r\n    \/* Icon Utama Langkah (Step Icons) *\/\r\n    .di-step-icon span {\r\n        font-size: 48px !important;\r\n        color: #316E35 !important;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    \/* Angka Kecil (Badge) *\/\r\n    .di-step-number {\r\n        position: absolute;\r\n        top: -5px;\r\n        right: -5px;\r\n        background: #316E35;\r\n        color: white;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 3px solid white;\r\n    }\r\n\r\n    .di-step-item h3 {\r\n        color: #1f2937;\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .di-step-item p {\r\n        color: #666;\r\n        font-size: 0.95rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* KONEKTOR (PANAH) - Fix Warna & Ukuran *\/\r\n    .di-step-connector {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 100px; \/* Sejajar vertical dengan icon steps *\/\r\n        width: 50px;\r\n    }\r\n    \r\n    \/* Target langsung ke elemen icon di dalam connector *\/\r\n    .di-step-connector .material-symbols-outlined { \r\n        font-size: 40px !important; \/* Perbesar sedikit *\/\r\n        color: #316E35 !important; \/* Paksa Hijau *\/\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    \/* --- TOMBOL CTA --- *\/\r\n    .di-reg-cta {\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .di-cta-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background-color: #316E35;\r\n        color: white;\r\n        padding: 15px 35px;\r\n        border-radius: 50px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        font-size: 1.1rem;\r\n        transition: all 0.3s;\r\n        box-shadow: 0 10px 20px rgba(49, 110, 53, 0.2);\r\n    }\r\n\r\n    .di-cta-button:hover {\r\n        background-color: #265328;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(49, 110, 53, 0.3);\r\n    }\r\n    \r\n    .di-cta-button .material-symbols-outlined {\r\n        color: white !important;\r\n    }\r\n\r\n    .di-cta-note {\r\n        margin-top: 15px;\r\n        font-size: 0.85rem;\r\n        color: #dc2626; \r\n        font-style: italic;\r\n    }\r\n\r\n    \/* RESPONSIF MOBILE *\/\r\n    @media (max-width: 768px) {\r\n        .di-steps-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 0;\r\n        }\r\n\r\n        .di-step-connector {\r\n            transform: rotate(90deg);\r\n            height: 50px;\r\n            width: auto;\r\n            margin: 10px 0;\r\n        }\r\n\r\n        .di-step-item {\r\n            width: 100%;\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .di-steps-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50px;\r\n            bottom: 50px;\r\n            left: 50%;\r\n            width: 2px;\r\n            background: #f0f0f0;\r\n            z-index: 1;\r\n            transform: translateX(-50%);\r\n        }\r\n        \r\n        .di-step-icon {\r\n            background: white;\r\n            z-index: 2;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f69646 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"7f69646\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f89635 elementor-widget elementor-widget-html\" data-id=\"2f89635\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WIDGET PROFIL PENGAJAR (TYPEWRITER HEADER + INFINITE MARQUEE) -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Courier+Prime:wght@700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"di-experts-section\">\r\n    <!-- HEADER DENGAN EFEK KETIK -->\r\n    <div class=\"di-experts-header\">\r\n        <span class=\"di-pill-badge\">TIM PENGAJAR<\/span>\r\n        <div class=\"di-typewriter\">\r\n            <h2>Sanad Keilmuan Terjaga...<\/h2>\r\n        <\/div>\r\n        <p>Dibimbing langsung oleh lulusan universitas terbaik Timur Tengah & Indonesia.<\/p>\r\n    <\/div>\r\n\r\n    <!-- CONTAINER MARQUEE (AUTO SLIDE) -->\r\n    <div class=\"di-marquee-wrapper\">\r\n        <div class=\"di-marquee-track\">\r\n            \r\n            <!-- GROUP 1 (ORIGINAL) -->\r\n            <!-- 1. Ustadz Saiful Awwal -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> King Saud Univ.<\/div>\r\n                    <h3>Ustadz Saiful Awwal, Lc.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Fiqih & Waris<\/p>\r\n                    <div class=\"di-expert-meta\">Mahasiswa S2 Fiqih & Ushul<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2. Ustadz Muhammad Taufik -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> Univ. Islam Madinah<\/div>\r\n                    <h3>Ustadz M. Taufik, Lc.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Hadits & Fiqih<\/p>\r\n                    <div class=\"di-expert-meta\">Mahasiswa S3 Fiqih<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. Ustadz Marwan Abdurrahman -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadz Marwan A., M.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Ushul Fiqih<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus S2 Fiqih & Ushul<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 4. Ustadz Ahmad Farhan -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> King Saud Univ.<\/div>\r\n                    <h3>Ustadz Ahmad Farhan, M.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Fiqih<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus S2 Fiqih & Ushul<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 5. Ustadz Zaky Karamy -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadz Zaky Karamy, B.A<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Bahasa Arab<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus LIPIA<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 6. Ustadz Arif Husnul -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> STDI Jember<\/div>\r\n                    <h3>Ustadz Arif H. Khuluq, M.H.<\/h3>\r\n                    <p class=\"di-expert-role\">Dosen Tamu<\/p>\r\n                    <div class=\"di-expert-meta\">Dosen STDI Imam Syafi'i<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 7. Ustadz Hengki Dian -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadz Hengki Dian P., B.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Balaghah & Dakwah<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus LIPIA<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 8. Ustadz Andi Setio -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> STAI Al Ziyadah<\/div>\r\n                    <h3>Ustadz Andi Setio A, S.Pd.I<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Nahwu<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus STAI Al Ziyadah<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 9. Ustadzah Laila -->\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\">\r\n                    <div class=\"di-expert-avatar akhwat\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadzah Laila Al G., B.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Fiqih (Akhwat)<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus LIPIA<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- GROUP 2 (DUPLICATE FOR INFINITE LOOP) -->\r\n            <!-- (Diperlukan agar animasi scroll tidak putus) -->\r\n            \r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> King Saud Univ.<\/div>\r\n                    <h3>Ustadz Saiful Awwal, Lc.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Fiqih & Waris<\/p>\r\n                    <div class=\"di-expert-meta\">Mahasiswa S2 Fiqih & Ushul<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> Univ. Islam Madinah<\/div>\r\n                    <h3>Ustadz M. Taufik, Lc.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Hadits & Fiqih<\/p>\r\n                    <div class=\"di-expert-meta\">Mahasiswa S3 Fiqih<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadz Marwan A., M.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Ushul Fiqih<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus S2 Fiqih & Ushul<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> King Saud Univ.<\/div>\r\n                    <h3>Ustadz Ahmad Farhan, M.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Fiqih<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus S2 Fiqih & Ushul<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadz Zaky Karamy, B.A<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Bahasa Arab<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus LIPIA<\/div>\r\n                <\/div>\r\n            <\/div>\r\n             <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> STDI Jember<\/div>\r\n                    <h3>Ustadz Arif H. Khuluq, M.H.<\/h3>\r\n                    <p class=\"di-expert-role\">Dosen Tamu<\/p>\r\n                    <div class=\"di-expert-meta\">Dosen STDI Imam Syafi'i<\/div>\r\n                <\/div>\r\n            <\/div>\r\n             <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadz Hengki Dian P., B.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Balaghah & Dakwah<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus LIPIA<\/div>\r\n                <\/div>\r\n            <\/div>\r\n             <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> STAI Al Ziyadah<\/div>\r\n                    <h3>Ustadz Andi Setio A, S.Pd.I<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Nahwu<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus STAI Al Ziyadah<\/div>\r\n                <\/div>\r\n            <\/div>\r\n             <div class=\"di-expert-card\">\r\n                <div class=\"di-expert-left\"><div class=\"di-expert-avatar akhwat\"><span class=\"material-symbols-outlined\">person<\/span><\/div><\/div>\r\n                <div class=\"di-expert-right\">\r\n                    <div class=\"di-uni-tag\"><span class=\"material-symbols-outlined\">school<\/span> LIPIA Jakarta<\/div>\r\n                    <h3>Ustadzah Laila Al G., B.A.<\/h3>\r\n                    <p class=\"di-expert-role\">Pengajar Fiqih (Akhwat)<\/p>\r\n                    <div class=\"di-expert-meta\">Alumnus LIPIA<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n    .di-experts-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        max-width: 100%; \/* Full width container *\/\r\n        margin: 60px 0;\r\n        padding: 20px 0;\r\n        overflow: hidden; \/* Hide scrollbar *\/\r\n        background: linear-gradient(to bottom, #ffffff, #f9fafb);\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .di-experts-header {\r\n        margin-bottom: 40px;\r\n        text-align: center;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .di-pill-badge {\r\n        background-color: #e8f5e9;\r\n        color: #316E35;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        display: inline-block;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    \/* --- TYPEWRITER EFFECT --- *\/\r\n    .di-typewriter h2 {\r\n        color: #1f2937;\r\n        font-size: 2rem;\r\n        font-weight: 700;\r\n        margin: 0 auto 10px auto;\r\n        line-height: 1.3;\r\n        display: inline-block;\r\n        overflow: hidden; \/* Ensures the content is not revealed until the animation *\/\r\n        border-right: .15em solid #316E35; \/* The typwriter cursor *\/\r\n        white-space: nowrap; \/* Keeps the content on a single line *\/\r\n        animation: \r\n            typing 3.5s steps(30, end),\r\n            blink-caret .75s step-end infinite;\r\n        font-family: 'Poppins', sans-serif; \/* Keep original font *\/\r\n        max-width: 100%;\r\n    }\r\n\r\n    @keyframes typing {\r\n        from { width: 0 }\r\n        to { width: 100% }\r\n    }\r\n\r\n    @keyframes blink-caret {\r\n        from, to { border-color: transparent }\r\n        50% { border-color: #316E35; }\r\n    }\r\n\r\n    .di-experts-header p {\r\n        color: #6b7280;\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    \/* --- MARQUEE CONTAINER (INFINITE SCROLL) --- *\/\r\n    .di-marquee-wrapper {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* Fade effect kanan kiri biar halus *\/\r\n    .di-marquee-wrapper::before,\r\n    .di-marquee-wrapper::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        width: 100px;\r\n        height: 100%;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .di-marquee-wrapper::before {\r\n        left: 0;\r\n        background: linear-gradient(to right, #ffffff, transparent);\r\n    }\r\n    \r\n    .di-marquee-wrapper::after {\r\n        right: 0;\r\n        background: linear-gradient(to left, #ffffff, transparent);\r\n    }\r\n\r\n    .di-marquee-track {\r\n        display: inline-flex;\r\n        gap: 20px;\r\n        padding: 10px 0; \/* Ruang shadow *\/\r\n        animation: di-scroll 40s linear infinite; \/* Kecepatan Scroll *\/\r\n    }\r\n    \r\n    \/* Stop animasi kalau di-hover *\/\r\n    .di-marquee-wrapper:hover .di-marquee-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    @keyframes di-scroll {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \/* Geser setengah karena konten diduplikasi *\/\r\n    }\r\n\r\n    \/* --- CARD DESIGN (Landscape) --- *\/\r\n    .di-expert-card {\r\n        flex: 0 0 320px; \/* Lebar tetap kartu *\/\r\n        background: #ffffff;\r\n        border-radius: 16px;\r\n        border: 1px solid #f0f0f0;\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.04);\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 20px;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n        white-space: normal; \/* Balikin text wrapping di dalam kartu *\/\r\n    }\r\n\r\n    .di-expert-card:hover {\r\n        transform: translateY(-5px) scale(1.02);\r\n        box-shadow: 0 15px 30px rgba(49, 110, 53, 0.15);\r\n        border-color: #dcfce7;\r\n        z-index: 5; \/* Biar timbul di atas fade *\/\r\n    }\r\n\r\n    \/* Aksen Dekorasi Kiri *\/\r\n    .di-expert-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 4px;\r\n        background: #316E35;\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n    \r\n    .di-expert-card:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Left Side: Avatar *\/\r\n    .di-expert-left {\r\n        flex-shrink: 0;\r\n        margin-right: 20px;\r\n    }\r\n\r\n    .di-expert-avatar {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 50%;\r\n        background: #f0fdf4;\r\n        border: 2px solid #dcfce7;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #316E35;\r\n    }\r\n    \r\n    .di-expert-avatar.akhwat {\r\n        background: #fff1f2;\r\n        border-color: #fecdd3;\r\n        color: #be123c;\r\n    }\r\n\r\n    .di-expert-avatar span {\r\n        font-size: 36px;\r\n        \/* Fix Icon Centering *\/\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* Right Side: Info *\/\r\n    .di-expert-right {\r\n        flex-grow: 1;\r\n        min-width: 0;\r\n    }\r\n\r\n    .di-uni-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        font-size: 0.7rem;\r\n        background: #fff7ed;\r\n        color: #c2410c;\r\n        padding: 2px 8px;\r\n        border-radius: 4px;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n        text-transform: uppercase;\r\n        border: 1px solid #ffedd5;\r\n    }\r\n    \r\n    .di-uni-tag span { font-size: 14px; }\r\n\r\n    .di-expert-card h3 {\r\n        font-size: 1.05rem;\r\n        font-weight: 700;\r\n        color: #1f2937;\r\n        margin: 0 0 4px 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .di-expert-role {\r\n        font-size: 0.85rem;\r\n        color: #316E35;\r\n        font-weight: 500;\r\n        margin: 0 0 8px 0;\r\n    }\r\n\r\n    .di-expert-meta {\r\n        font-size: 0.75rem;\r\n        color: #6b7280;\r\n        border-top: 1px dashed #e5e7eb;\r\n        padding-top: 8px;\r\n    }\r\n\r\n    \/* RESPONSIVE TYPEWRITER ADJUSTMENT *\/\r\n    @media (max-width: 600px) {\r\n        .di-typewriter h2 {\r\n            font-size: 1.5rem; \/* Kecilin font di HP biar gak break typing effect *\/\r\n            white-space: normal; \/* Balikin normal kalau gak muat *\/\r\n            border-right: none;\r\n            animation: none; \/* Matikan animasi ketik di layar kecil banget biar aman *\/\r\n        }\r\n        \r\n        .di-marquee-track {\r\n            animation-duration: 25s; \/* Lebih cepat di HP biar kelihatan jalan *\/\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e031132 e-flex e-con-boxed e-con e-parent\" data-id=\"e031132\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0533319 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0533319\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kabar Terkini<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba620cf elementor-widget elementor-widget-heading\" data-id=\"ba620cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 17.6px;text-align: center\">Ikuti kami di&nbsp;<\/span><a href=\"https:\/\/www.instagram.com\/diplomailmi.madinahsalam\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"font-weight: 600;font-size: 17.6px;text-align: center\">@diplomailmi.madinahsalam<\/a><span style=\"font-size: 17.6px;text-align: center\">&nbsp;untuk info terbaru.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c180fb elementor-widget elementor-widget-shortcode\" data-id=\"1c180fb\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"sb_instagram\"  class=\"sbi sbi_mob_col_1 sbi_tab_col_1 sbi_col_3 sbi_width_resp\" style=\"padding-bottom: 10px;\"\t data-feedid=\"*1\"  data-res=\"auto\" data-cols=\"3\" data-colsmobile=\"1\" data-colstablet=\"1\" data-num=\"3\" data-nummobile=\"3\" data-item-padding=\"5\"\t data-shortcode-atts=\"{&quot;feed&quot;:&quot;1&quot;}\"  data-postid=\"105\" data-locatornonce=\"7db90163fa\" data-imageaspectratio=\"3:4\" data-sbi-flags=\"favorLocal\">\n\t<div class=\"sb_instagram_header  sbi_medium\"   >\n\t<a class=\"sbi_header_link\" target=\"_blank\"\n\t   rel=\"nofollow noopener\" href=\"https:\/\/www.instagram.com\/diplomailmi.madinahsalam\/\" title=\"@diplomailmi.madinahsalam\">\n\t\t<div class=\"sbi_header_text sbi_no_bio\">\n\t\t\t<div class=\"sbi_header_img\"  data-avatar-url=\"https:\/\/scontent-cgk1-2.cdninstagram.com\/v\/t51.2885-19\/432777873_954423336029179_8445842150396546249_n.jpg?stp=dst-jpg_s206x206_tt6&amp;_nc_cat=111&amp;ccb=7-5&amp;_nc_sid=bf7eb4&amp;efg=eyJ2ZW5jb2RlX3RhZyI6InByb2ZpbGVfcGljLnd3dy4xMDgwLkMzIn0%3D&amp;_nc_ohc=qn9ZOUd8rE0Q7kNvwFSN-Qr&amp;_nc_oc=AdkYevfZ9c1LwVCI9elIj6Ym5IhgmMQIHPNqCeGY5p00Mf8UQXR0ha4x_SV2qsfB48A&amp;_nc_zt=24&amp;_nc_ht=scontent-cgk1-2.cdninstagram.com&amp;edm=AP4hL3IEAAAA&amp;_nc_tpa=Q5bMBQEIDO-1Ol5SkAoj8YcCTox9R_2yHpyMNxH1rIfUmoMQm80Usn_HQWZFVRwYgf21pwG7jGO7AsWUug&amp;oh=00_AfsXWhu5n1XsmW4nuyuDG4qKwU6OKGKSe1usb_ZuJUXdVw&amp;oe=699F8C3E\">\n\t\t\t\t\t\t\t\t\t<div class=\"sbi_header_img_hover\"  ><svg class=\"sbi_new_logo fa-instagram fa-w-14\" aria-hidden=\"true\" data-fa-processed=\"\" aria-label=\"Instagram\" data-prefix=\"fab\" data-icon=\"instagram\" role=\"img\" viewBox=\"0 0 448 512\">\n                    <path fill=\"currentColor\" d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path>\n                <\/svg><\/div>\n\t\t\t\t\t<img decoding=\"async\"  src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/sb-instagram-feed-images\/diplomailmi.madinahsalam.webp\" alt=\"\" width=\"50\" height=\"50\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"sbi_feedtheme_header_text\">\n\t\t\t\t<h3>diplomailmi.madinahsalam<\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/a>\n<\/div>\n\n\t<div id=\"sbi_images\"  style=\"gap: 10px;\">\n\t\t<div class=\"sbi_item sbi_type_image sbi_new sbi_transition\"\n\tid=\"sbi_18054257909438300\" data-date=\"1771411480\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/p\/DU5XgCQiU4o\/\" target=\"_blank\" rel=\"noopener nofollow\"\n\t\t\tdata-full-res=\"https:\/\/scontent-cgk2-2.cdninstagram.com\/v\/t51.82787-15\/637238682_17935542984168289_90002182489803142_n.webp?stp=dst-jpg_e35_tt6&#038;_nc_cat=105&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&#038;_nc_ohc=xPwf4tMbZFYQ7kNvwFm1eYJ&#038;_nc_oc=AdlpGL_BM3QiR1pY77Fz7Eow8XabHtFuB2e9wzfIWrSVk5qhTTBhw2qM9__hgIev7kA&#038;_nc_zt=23&#038;_nc_ht=scontent-cgk2-2.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=eoC4vX1meyt80R52Xx4yPg&#038;_nc_tpa=Q5bMBQEJyiHL553ZBPIEbU_OFHbU9tzl6tMU-phKDf7Kn2hQYGRElUfqG89bKxQUlbDYaJ9lXzGD2AB1gA&#038;oh=00_AfvqWZUIZrGdlVTCvJBnmE5QUEHCVFxfJa0EmEjxB2kZrA&#038;oe=699F8198\"\n\t\t\tdata-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/637238682_17935542984168289_90002182489803142_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=xPwf4tMbZFYQ7kNvwFm1eYJ&amp;_nc_oc=AdlpGL_BM3QiR1pY77Fz7Eow8XabHtFuB2e9wzfIWrSVk5qhTTBhw2qM9__hgIev7kA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQEJyiHL553ZBPIEbU_OFHbU9tzl6tMU-phKDf7Kn2hQYGRElUfqG89bKxQUlbDYaJ9lXzGD2AB1gA&amp;oh=00_AfvqWZUIZrGdlVTCvJBnmE5QUEHCVFxfJa0EmEjxB2kZrA&amp;oe=699F8198&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/637238682_17935542984168289_90002182489803142_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=xPwf4tMbZFYQ7kNvwFm1eYJ&amp;_nc_oc=AdlpGL_BM3QiR1pY77Fz7Eow8XabHtFuB2e9wzfIWrSVk5qhTTBhw2qM9__hgIev7kA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQEJyiHL553ZBPIEbU_OFHbU9tzl6tMU-phKDf7Kn2hQYGRElUfqG89bKxQUlbDYaJ9lXzGD2AB1gA&amp;oh=00_AfvqWZUIZrGdlVTCvJBnmE5QUEHCVFxfJa0EmEjxB2kZrA&amp;oe=699F8198&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/637238682_17935542984168289_90002182489803142_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=xPwf4tMbZFYQ7kNvwFm1eYJ&amp;_nc_oc=AdlpGL_BM3QiR1pY77Fz7Eow8XabHtFuB2e9wzfIWrSVk5qhTTBhw2qM9__hgIev7kA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQEJyiHL553ZBPIEbU_OFHbU9tzl6tMU-phKDf7Kn2hQYGRElUfqG89bKxQUlbDYaJ9lXzGD2AB1gA&amp;oh=00_AfvqWZUIZrGdlVTCvJBnmE5QUEHCVFxfJa0EmEjxB2kZrA&amp;oe=699F8198&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/637238682_17935542984168289_90002182489803142_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=xPwf4tMbZFYQ7kNvwFm1eYJ&amp;_nc_oc=AdlpGL_BM3QiR1pY77Fz7Eow8XabHtFuB2e9wzfIWrSVk5qhTTBhw2qM9__hgIev7kA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQEJyiHL553ZBPIEbU_OFHbU9tzl6tMU-phKDf7Kn2hQYGRElUfqG89bKxQUlbDYaJ9lXzGD2AB1gA&amp;oh=00_AfvqWZUIZrGdlVTCvJBnmE5QUEHCVFxfJa0EmEjxB2kZrA&amp;oe=699F8198&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">\ud83c\udf19 Marhaban Ya Ramadhan \ud83c\udf19\n\nSelamat menunaikan ibada<\/span>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"\ud83c\udf19 Marhaban Ya Ramadhan \ud83c\udf19\n\nSelamat menunaikan ibadah puasa 1447 Hijriah.\n\nSemoga Allah Subhanahu Wa Ta&#039;ala menerima setiap amal ibadah kita, melimpahkan keberkahan, serta menjadikan kita pribadi yang lebih bertaqwa di bulan suci ini. Aamiin.\n\n#ramadhan2026 #bulanmulia #1447h #puasa #manhajsalaf\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_image sbi_new sbi_transition\"\n\tid=\"sbi_17869709877552518\" data-date=\"1771213670\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/p\/DUzeNWnkQ5C\/\" target=\"_blank\" rel=\"noopener nofollow\"\n\t\t\tdata-full-res=\"https:\/\/scontent-cgk2-2.cdninstagram.com\/v\/t51.82787-15\/634099717_17935278192168289_7165085235049536991_n.webp?stp=dst-jpg_e35_tt6&#038;_nc_cat=101&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&#038;_nc_ohc=QfkJxVcy8JIQ7kNvwEqVQeN&#038;_nc_oc=AdmNQiBOid1ENqWhmGPR_8NHb6Ct-EkDiMl8526fDnX1MZKwgc_XdIcU30VQ8UQujrA&#038;_nc_zt=23&#038;_nc_ht=scontent-cgk2-2.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=eoC4vX1meyt80R52Xx4yPg&#038;_nc_tpa=Q5bMBQGi3yVEk8vILzqEKveW5ullOGIDlV_9vWOce0TI3n8-Uzy7uqZN8d2PWio_5S2MkeWYgpSoZ8X1RQ&#038;oh=00_AfsuFstVaZG_vZ_jJLKVjJ7YQCu_qvZD0KiduYwjwrQt8w&#038;oe=699F8D0C\"\n\t\t\tdata-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/634099717_17935278192168289_7165085235049536991_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=101&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=QfkJxVcy8JIQ7kNvwEqVQeN&amp;_nc_oc=AdmNQiBOid1ENqWhmGPR_8NHb6Ct-EkDiMl8526fDnX1MZKwgc_XdIcU30VQ8UQujrA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQGi3yVEk8vILzqEKveW5ullOGIDlV_9vWOce0TI3n8-Uzy7uqZN8d2PWio_5S2MkeWYgpSoZ8X1RQ&amp;oh=00_AfsuFstVaZG_vZ_jJLKVjJ7YQCu_qvZD0KiduYwjwrQt8w&amp;oe=699F8D0C&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/634099717_17935278192168289_7165085235049536991_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=101&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=QfkJxVcy8JIQ7kNvwEqVQeN&amp;_nc_oc=AdmNQiBOid1ENqWhmGPR_8NHb6Ct-EkDiMl8526fDnX1MZKwgc_XdIcU30VQ8UQujrA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQGi3yVEk8vILzqEKveW5ullOGIDlV_9vWOce0TI3n8-Uzy7uqZN8d2PWio_5S2MkeWYgpSoZ8X1RQ&amp;oh=00_AfsuFstVaZG_vZ_jJLKVjJ7YQCu_qvZD0KiduYwjwrQt8w&amp;oe=699F8D0C&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/634099717_17935278192168289_7165085235049536991_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=101&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=QfkJxVcy8JIQ7kNvwEqVQeN&amp;_nc_oc=AdmNQiBOid1ENqWhmGPR_8NHb6Ct-EkDiMl8526fDnX1MZKwgc_XdIcU30VQ8UQujrA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQGi3yVEk8vILzqEKveW5ullOGIDlV_9vWOce0TI3n8-Uzy7uqZN8d2PWio_5S2MkeWYgpSoZ8X1RQ&amp;oh=00_AfsuFstVaZG_vZ_jJLKVjJ7YQCu_qvZD0KiduYwjwrQt8w&amp;oe=699F8D0C&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/634099717_17935278192168289_7165085235049536991_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=101&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=QfkJxVcy8JIQ7kNvwEqVQeN&amp;_nc_oc=AdmNQiBOid1ENqWhmGPR_8NHb6Ct-EkDiMl8526fDnX1MZKwgc_XdIcU30VQ8UQujrA&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQGi3yVEk8vILzqEKveW5ullOGIDlV_9vWOce0TI3n8-Uzy7uqZN8d2PWio_5S2MkeWYgpSoZ8X1RQ&amp;oh=00_AfsuFstVaZG_vZ_jJLKVjJ7YQCu_qvZD0KiduYwjwrQt8w&amp;oe=699F8D0C&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">\u200b\u2728 Libur Ramadhan &amp; Idul Fitri 1447 H \u2728\n\n\u200bWaktunya<\/span>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"\u200b\u2728 Libur Ramadhan &amp; Idul Fitri 1447 H \u2728\n\n\u200bWaktunya jeda sejenak untuk fokus mengejar keberkahan di bulan mulia. Catat tanggalnya ya!\n\n\u200b\ud83d\uddd3 Libur: Mulai 16 Februari 2026\n\ud83d\uddd3 Masuk: 30 Maret 2026\n\n\u200bSelamat beribadah, Sobat Madinah Salam. Semoga Ramadhan tahun ini menjadi sarana kita meningkatkan takwa dan meraih ampunan-Nya. Aamiin.\n\n\u200b#MadinahSalam #Ramadhan2026 #IdulFitri #DiplomaIlmi #infolibur\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_image sbi_new sbi_transition\"\n\tid=\"sbi_18085600009917084\" data-date=\"1770873024\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/p\/DUpUeivERsF\/\" target=\"_blank\" rel=\"noopener nofollow\"\n\t\t\tdata-full-res=\"https:\/\/scontent-cgk2-2.cdninstagram.com\/v\/t51.82787-15\/628644255_17934770520168289_6195460021416851617_n.webp?stp=dst-jpg_e35_tt6&#038;_nc_cat=100&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&#038;_nc_ohc=9EGKnNb72NYQ7kNvwE76rzu&#038;_nc_oc=AdlJW0pbn9X40mf24NhaDxloTKPqL63352QK0PxdQhZhpgQLczbSTTk09oI0UGKcSW4&#038;_nc_zt=23&#038;_nc_ht=scontent-cgk2-2.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=eoC4vX1meyt80R52Xx4yPg&#038;_nc_tpa=Q5bMBQF7T5lsiwAtL2tp_UrQ52OS9-3ueStrJDvMuQ2NlCfbCMJdeZIkFu4ROEE30-4d2IY_aGqrtFvgWQ&#038;oh=00_AfujZVB1k86ECKvjWqscsx4dOtgXtWQRgEtBt2-8Y1hj8A&#038;oe=699F9011\"\n\t\t\tdata-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/628644255_17934770520168289_6195460021416851617_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=100&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=9EGKnNb72NYQ7kNvwE76rzu&amp;_nc_oc=AdlJW0pbn9X40mf24NhaDxloTKPqL63352QK0PxdQhZhpgQLczbSTTk09oI0UGKcSW4&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQF7T5lsiwAtL2tp_UrQ52OS9-3ueStrJDvMuQ2NlCfbCMJdeZIkFu4ROEE30-4d2IY_aGqrtFvgWQ&amp;oh=00_AfujZVB1k86ECKvjWqscsx4dOtgXtWQRgEtBt2-8Y1hj8A&amp;oe=699F9011&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/628644255_17934770520168289_6195460021416851617_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=100&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=9EGKnNb72NYQ7kNvwE76rzu&amp;_nc_oc=AdlJW0pbn9X40mf24NhaDxloTKPqL63352QK0PxdQhZhpgQLczbSTTk09oI0UGKcSW4&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQF7T5lsiwAtL2tp_UrQ52OS9-3ueStrJDvMuQ2NlCfbCMJdeZIkFu4ROEE30-4d2IY_aGqrtFvgWQ&amp;oh=00_AfujZVB1k86ECKvjWqscsx4dOtgXtWQRgEtBt2-8Y1hj8A&amp;oe=699F9011&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/628644255_17934770520168289_6195460021416851617_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=100&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=9EGKnNb72NYQ7kNvwE76rzu&amp;_nc_oc=AdlJW0pbn9X40mf24NhaDxloTKPqL63352QK0PxdQhZhpgQLczbSTTk09oI0UGKcSW4&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQF7T5lsiwAtL2tp_UrQ52OS9-3ueStrJDvMuQ2NlCfbCMJdeZIkFu4ROEE30-4d2IY_aGqrtFvgWQ&amp;oh=00_AfujZVB1k86ECKvjWqscsx4dOtgXtWQRgEtBt2-8Y1hj8A&amp;oe=699F9011&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-cgk2-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/628644255_17934770520168289_6195460021416851617_n.webp?stp=dst-jpg_e35_tt6&amp;_nc_cat=100&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiRkVFRC5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=9EGKnNb72NYQ7kNvwE76rzu&amp;_nc_oc=AdlJW0pbn9X40mf24NhaDxloTKPqL63352QK0PxdQhZhpgQLczbSTTk09oI0UGKcSW4&amp;_nc_zt=23&amp;_nc_ht=scontent-cgk2-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=eoC4vX1meyt80R52Xx4yPg&amp;_nc_tpa=Q5bMBQF7T5lsiwAtL2tp_UrQ52OS9-3ueStrJDvMuQ2NlCfbCMJdeZIkFu4ROEE30-4d2IY_aGqrtFvgWQ&amp;oh=00_AfujZVB1k86ECKvjWqscsx4dOtgXtWQRgEtBt2-8Y1hj8A&amp;oe=699F9011&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">Wujudkan Mimpi Belajar Ilmu Syar&#039;i Tanpa Kendala B<\/span>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"Wujudkan Mimpi Belajar Ilmu Syar&#039;i Tanpa Kendala Biaya! \u2728\n\nPanggilan untuk kamu para penuntut ilmu! Diploma ILMI kembali membuka kesempatan berharga bagi sosok terpilih untuk meraih Beasiswa Belajar GRATIS!\n\n\ud83c\udf81 Benefit Beasiswa:\n\n- Gratis Biaya Pendaftaran\n- Gratis Biaya SPP\n\n\ud83d\udcdd Syarat &amp; Ketentuan:\n\n- Mengisi Google Form pendaftaran secara lengkap.\n- Memiliki tekad kuat dan kesungguhan dalam menuntut ilmu.\n- Berkomitmen mengikuti program hingga tuntas.\n- Disiplin dan senantiasa menjaga adab dalam belajar.\n- Belum pernah menerima beasiswa Diploma ILMI sebelumnya.\n- Mengisi surat komitmen belajar hingga tuntas dengan nilai mumtaz.\n\n\ud83d\udca1 Kenapa Harus Diploma ILMI?\n\n\u2705 Kurikulum sistematis &amp; mudah dipahami pemula.\n\u2705 Pengajar kompeten di bidangnya.\n\u2705 Fleksibel (Online), bisa belajar dari mana saja.\n\u2705 Komunitas ukhuwah yang suportif.\n\n\u23f3 KUOTA TERBATAS\n\nPendaftaran akan ditutup 22 Februari 2026\n\n\ud83d\udcf2 Informasi lebih lanjut :\n\n\ud83d\udc64 Official Center Diploma Ilmi : wa.me\/6285282832038\n\n#BeasiswaIslam #KuliahGratis #MadinahSalam #InfoBeasiswa #KajianOnline\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div>\t<\/div>\n\n\t<div id=\"sbi_load\" >\n\n\t\t\t<button class=\"sbi_load_btn\"\n\t\t\ttype=\"button\" >\n\t\t\t<span class=\"sbi_btn_text\" >Load More<\/span>\n\t\t\t<span class=\"sbi_loader sbi_hidden\" style=\"background-color: rgb(255, 255, 255);\" aria-hidden=\"true\"><\/span>\n\t\t<\/button>\n\t\n\t\t\t<span class=\"sbi_follow_btn sbi_custom\" >\n\t\t\t<a target=\"_blank\"\n\t\t\t\trel=\"nofollow noopener\"  href=\"https:\/\/www.instagram.com\/diplomailmi.madinahsalam\/\" style=\"background: rgb(64,139,209);\">\n\t\t\t\t<svg class=\"svg-inline--fa fa-instagram fa-w-14\" aria-hidden=\"true\" data-fa-processed=\"\" aria-label=\"Instagram\" data-prefix=\"fab\" data-icon=\"instagram\" role=\"img\" viewBox=\"0 0 448 512\">\n                    <path fill=\"currentColor\" d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path>\n                <\/svg>\t\t\t\t<span>Follow on Instagram<\/span>\n\t\t\t<\/a>\n\t\t<\/span>\n\t\n<\/div>\n\t\t<span class=\"sbi_resized_image_data\" data-feed-id=\"*1\"\n\t\t  data-resized=\"{&quot;18085600009917084&quot;:{&quot;id&quot;:&quot;628644255_17934770520168289_6195460021416851617_n&quot;,&quot;ratio&quot;:&quot;0.80&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;17869709877552518&quot;:{&quot;id&quot;:&quot;634099717_17935278192168289_7165085235049536991_n&quot;,&quot;ratio&quot;:&quot;0.80&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;18054257909438300&quot;:{&quot;id&quot;:&quot;637238682_17935542984168289_90002182489803142_n&quot;,&quot;ratio&quot;:&quot;0.80&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;}}\">\n\t<\/span>\n\t<\/div>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5b9cf5 e-flex e-con-boxed e-con e-parent\" data-id=\"c5b9cf5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f26b65 elementor-widget elementor-widget-html\" data-id=\"2f26b65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Footer Diploma Ilmi<\/title>\r\n    <!-- Font Poppins -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- Google Material Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n    <style>\r\n        \/* CSS FOOTER FULL WIDTH (BREAKOUT) *\/\r\n\r\n        \/* 1. Footer Utama dengan Trik Full Width *\/\r\n        .di-footer {\r\n            \/* --- TRIK RAHASIA BIAR FULL SAMPAI UJUNG --- *\/\r\n            width: 100vw; \/* Lebar selebar viewport (layar) *\/\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            \/* ------------------------------------------ *\/\r\n            \r\n            \/* Background Image *\/\r\n            background-image: url('https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/photo-mosque-with-green-dome-green-dome-madinah-masjid-al-nabawi-nabawi-mosque-scaled.jpg');\r\n            background-position: center bottom;\r\n            background-repeat: no-repeat;\r\n            background-size: cover;\r\n            \r\n            padding-top: 4rem;\r\n            padding-bottom: 2rem;\r\n            box-sizing: border-box;\r\n            overflow: hidden; \/* Penting biar gak ada scroll horizontal *\/\r\n            \r\n            background-color: #316E35;\r\n        }\r\n\r\n        \/* 2. Overlay Hijau *\/\r\n        .di-footer::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(49, 110, 53, 0.92); \/* Hijau Transparan *\/\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* 3. Konten (Teks) - Tetap Rapi di Tengah *\/\r\n        .di-footer-container {\r\n            max-width: 1140px; \/* Lebar konten tetap terjaga *\/\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: space-between;\r\n            gap: 3rem;\r\n            \r\n            position: relative; \r\n            z-index: 2;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        \/* --- LAYOUT KOLOM --- *\/\r\n        .di-col-brand { flex: 2; min-width: 300px; }\r\n        .di-col-links, .di-col-contact { flex: 1; min-width: 220px; }\r\n\r\n        \/* Logo & Brand *\/\r\n        .di-footer-logo { max-width: 240px; height: auto; display: block; margin-bottom: 1.5rem; }\r\n        .di-tagline { font-size: 0.95rem; line-height: 1.6; opacity: 0.9; margin-bottom: 2rem; max-width: 350px; color: #ffffff !important; }\r\n\r\n        \/* Badge Yayasan *\/\r\n        .di-yayasan-box {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-left: 5px solid #8FD556;\r\n            padding: 15px 20px;\r\n            border-radius: 0 8px 8px 0;\r\n            display: inline-block;\r\n            max-width: 100%;\r\n        }\r\n        .di-yayasan-box small { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; opacity: 0.9; margin-bottom: 4px; color: #e0e0e0 !important; }\r\n        .di-yayasan-box strong { display: block; font-size: 1.1rem; font-weight: 700; color: #ffffff !important; }\r\n\r\n        \/* Judul Section *\/\r\n        .di-footer-title {\r\n            font-family: 'Poppins', sans-serif !important;\r\n            font-size: 1.2rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 1.5rem !important;\r\n            color: #ffffff !important;\r\n            position: relative;\r\n            padding-bottom: 10px;\r\n            text-transform: none !important;\r\n            background: none !important;\r\n        }\r\n        .di-footer-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 40px;\r\n            height: 3px;\r\n            background-color: #8FD556;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Menu & Icon *\/\r\n        .di-menu-list { list-style: none; padding: 0; margin: 0; }\r\n        .di-menu-list li { margin-bottom: 12px; }\r\n        .di-menu-list a {\r\n            color: #e0e0e0 !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.95rem;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        .di-menu-list a:hover { color: #ffffff !important; transform: translateX(5px); font-weight: 500; }\r\n        .di-menu-list a:hover .material-symbols-outlined { color: #8FD556 !important; }\r\n        \r\n        .material-symbols-outlined { font-size: 20px !important; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; color: #ffffff !important; }\r\n\r\n        \/* Contact & Social *\/\r\n        .di-contact-item { display: flex; align-items: flex-start; margin-bottom: 18px; font-size: 0.95rem; line-height: 1.5; color: #ffffff !important; }\r\n        .di-contact-item .material-symbols-outlined { flex-shrink: 0; margin-top: 2px; color: #ffffff !important; }\r\n        \r\n        .di-social-btn {\r\n            display: inline-flex; align-items: center; background-color: rgba(255,255,255,0.1); padding: 10px 20px;\r\n            border-radius: 50px; color: white !important; text-decoration: none; margin-top: 15px;\r\n            transition: 0.3s; font-size: 0.9rem; font-weight: 500; border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n        .di-social-btn:hover { background-color: #ffffff; color: #316E35 !important; }\r\n        .di-social-btn svg { width: 18px; height: 18px; margin-right: 8px; fill: currentColor; }\r\n\r\n        \/* Copyright *\/\r\n        .di-copyright { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 3rem; padding-top: 1.5rem; text-align: center; font-size: 0.85rem; color: rgba(255,255,255,0.6) !important; position: relative; z-index: 2; }\r\n\r\n        \/* Responsif Mobile *\/\r\n        @media (max-width: 768px) {\r\n            .di-footer-container { flex-direction: column; gap: 2.5rem; }\r\n            .di-col-links, .di-col-contact { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- WIDGET HTML ELEMENTOR -->\r\n    \r\n    <footer class=\"di-footer\">\r\n        <div class=\"di-footer-container\">\r\n            <!-- IDENTITAS -->\r\n            <div class=\"di-col-brand\">\r\n                <img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\" alt=\"Diploma Ilmi Logo\" class=\"di-footer-logo\">\r\n                <p class=\"di-tagline\">Mewujudkan generasi Thalibul Ilmi yang berilmu, bertahap dalam belajar, dan kokoh dalam pemahaman sesuai manhaj Ahlussunnah wal Jama\u2019ah.<\/p>\r\n                <div class=\"di-yayasan-box\">\r\n                    <small>Program Pendidikan Di Bawah Naungan:<\/small>\r\n                    <strong>YAYASAN MADINAH SALAM<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- NAVIGASI -->\r\n            <div class=\"di-col-links\">\r\n                <h4 class=\"di-footer-title\">Akses Cepat<\/h4>\r\n                <ul class=\"di-menu-list\">\r\n                    <li><a href=\"#beranda\"><span class=\"material-symbols-outlined\">home<\/span> Beranda<\/a><\/li>\r\n                    <li><a href=\"#tentang\"><span class=\"material-symbols-outlined\">info<\/span> Tentang Kami<\/a><\/li>\r\n                    <li><a href=\"#kurikulum\"><span class=\"material-symbols-outlined\">menu_book<\/span> Kurikulum<\/a><\/li>\r\n                    <li><a href=\"#pendaftaran\"><span class=\"material-symbols-outlined\">how_to_reg<\/span> Pendaftaran<\/a><\/li>\r\n                    <li><a href=\"#pengajar\"><span class=\"material-symbols-outlined\">school<\/span> Profil Pengajar<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- KONTAK -->\r\n            <div class=\"di-col-contact\">\r\n                <h4 class=\"di-footer-title\">Hubungi Kami<\/h4>\r\n                <div class=\"di-contact-item\"><span class=\"material-symbols-outlined\">location_on<\/span><span>Mekah, Arab Saudi & Indonesia<\/span><\/div>\r\n                <div class=\"di-contact-item\"><span class=\"material-symbols-outlined\">chat<\/span><span>+62 852-8283-2038 (WhatsApp)<\/span><\/div>\r\n                <div class=\"di-contact-item\"><span class=\"material-symbols-outlined\">mail<\/span><span>info@diplomailmi.my.id<\/span><\/div>\r\n                <a href=\"https:\/\/www.instagram.com\/diplomailmi.madinahsalam\" target=\"_blank\" class=\"di-social-btn\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.069-4.85.069-3.204 0-3.584-.011-4.849-.069-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    Follow @diplomailmi.madinahsalam\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"di-copyright\">&copy; 2025 Diploma Ilmi - Yayasan Madinah Salam. All Rights Reserved.<\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Beranda Tentang Kami Kurikulum Akademik &#9662; Nilai Mustawa 1 Nilai Mustawa 2 Pendaftaran Pengajar Daftar &times; DIPLOMA ILMIMADINAH SALAM Mewujudkan Generasi yang Berilmu Syar&#8217;i Beradab Mulia Kokoh Aqidahnya Sesuai Sunnah Belajar agama secara terstruktur, bertahap, dan disiplin di bawah bimbingan asatidz lulusan universitas terbaik Timur Tengah. how_to_reg Daftar Sekarang info Pelajari Lebih Lanjut Scroll keyboard_double_arrow_down [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beranda - Diploma Ilmi Madinah Salam<\/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:\/\/diplomailmi.my.id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda - Diploma Ilmi Madinah Salam\" \/>\n<meta property=\"og:description\" content=\"Beranda Tentang Kami Kurikulum Akademik &#9662; Nilai Mustawa 1 Nilai Mustawa 2 Pendaftaran Pengajar Daftar &times; DIPLOMA ILMIMADINAH SALAM Mewujudkan Generasi yang Berilmu Syar&#8217;i Beradab Mulia Kokoh Aqidahnya Sesuai Sunnah Belajar agama secara terstruktur, bertahap, dan disiplin di bawah bimbingan asatidz lulusan universitas terbaik Timur Tengah. how_to_reg Daftar Sekarang info Pelajari Lebih Lanjut Scroll keyboard_double_arrow_down [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/diplomailmi.my.id\/\" \/>\n<meta property=\"og:site_name\" content=\"Diploma Ilmi Madinah Salam\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-29T07:04:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.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=\"35 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/diplomailmi.my.id\/\",\"url\":\"https:\/\/diplomailmi.my.id\/\",\"name\":\"Beranda - Diploma Ilmi Madinah Salam\",\"isPartOf\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\",\"datePublished\":\"2025-09-05T04:37:45+00:00\",\"dateModified\":\"2026-01-29T07:04:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/diplomailmi.my.id\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/diplomailmi.my.id\/#primaryimage\",\"url\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\",\"contentUrl\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\",\"width\":1000,\"height\":293},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/diplomailmi.my.id\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/diplomailmi.my.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/diplomailmi.my.id\/#website\",\"url\":\"https:\/\/diplomailmi.my.id\/\",\"name\":\"Diploma Ilmi Madinah Salam\",\"description\":\"Diploma Ilmi Madinah Salam Belajar Ilmu Agama Secara Terstruktur\",\"publisher\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/diplomailmi.my.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/diplomailmi.my.id\/#organization\",\"name\":\"Diploma Ilmi Madinah Salam\",\"url\":\"https:\/\/diplomailmi.my.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png\",\"contentUrl\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png\",\"width\":2560,\"height\":749,\"caption\":\"Diploma Ilmi Madinah Salam\"},\"image\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beranda - Diploma Ilmi Madinah Salam","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:\/\/diplomailmi.my.id\/","og_locale":"en_US","og_type":"article","og_title":"Beranda - Diploma Ilmi Madinah Salam","og_description":"Beranda Tentang Kami Kurikulum Akademik &#9662; Nilai Mustawa 1 Nilai Mustawa 2 Pendaftaran Pengajar Daftar &times; DIPLOMA ILMIMADINAH SALAM Mewujudkan Generasi yang Berilmu Syar&#8217;i Beradab Mulia Kokoh Aqidahnya Sesuai Sunnah Belajar agama secara terstruktur, bertahap, dan disiplin di bawah bimbingan asatidz lulusan universitas terbaik Timur Tengah. how_to_reg Daftar Sekarang info Pelajari Lebih Lanjut Scroll keyboard_double_arrow_down [&hellip;]","og_url":"https:\/\/diplomailmi.my.id\/","og_site_name":"Diploma Ilmi Madinah Salam","article_modified_time":"2026-01-29T07:04:10+00:00","og_image":[{"url":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"35 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/diplomailmi.my.id\/","url":"https:\/\/diplomailmi.my.id\/","name":"Beranda - Diploma Ilmi Madinah Salam","isPartOf":{"@id":"https:\/\/diplomailmi.my.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/diplomailmi.my.id\/#primaryimage"},"image":{"@id":"https:\/\/diplomailmi.my.id\/#primaryimage"},"thumbnailUrl":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","datePublished":"2025-09-05T04:37:45+00:00","dateModified":"2026-01-29T07:04:10+00:00","breadcrumb":{"@id":"https:\/\/diplomailmi.my.id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/diplomailmi.my.id\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diplomailmi.my.id\/#primaryimage","url":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","contentUrl":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","width":1000,"height":293},{"@type":"BreadcrumbList","@id":"https:\/\/diplomailmi.my.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/diplomailmi.my.id\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/diplomailmi.my.id\/#website","url":"https:\/\/diplomailmi.my.id\/","name":"Diploma Ilmi Madinah Salam","description":"Diploma Ilmi Madinah Salam Belajar Ilmu Agama Secara Terstruktur","publisher":{"@id":"https:\/\/diplomailmi.my.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/diplomailmi.my.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/diplomailmi.my.id\/#organization","name":"Diploma Ilmi Madinah Salam","url":"https:\/\/diplomailmi.my.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/","url":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png","contentUrl":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png","width":2560,"height":749,"caption":"Diploma Ilmi Madinah Salam"},"image":{"@id":"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":328,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages\/105\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}