{"id":5867,"date":"2025-09-10T11:55:27","date_gmt":"2025-09-10T04:55:27","guid":{"rendered":"https:\/\/invitation.hcs.web.id\/?post_type=invitation&#038;p=5867"},"modified":"2025-09-21T11:11:20","modified_gmt":"2025-09-21T04:11:20","slug":"the-wedding-of-zaim-mutia","status":"publish","type":"invitation","link":"https:\/\/invitation.hcs.web.id\/id\/invitation\/the-wedding-of-zaim-mutia\/","title":{"rendered":"The Wedding of Zaim &#038; Mutia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5867\" class=\"elementor elementor-5867\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59aa730 e-container--column e-container\" data-id=\"59aa730\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-8455300 elementor-widget elementor-widget-html\" data-id=\"8455300\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.js\"><\/script>\n\n<script>\nconst vueLoadQueue = [];\n\nfunction onVueReady(fn) {\n  if (window.Vue) {\n    \/\/ Vue already loaded, run immediately\n    fn();\n  } else {\n    \/\/ Vue not loaded yet, queue it\n    vueLoadQueue.push(fn);\n  }\n}\n\n\/\/ Polling to detect when Vue is loaded (works in Elementor)\nconst vueChecker = setInterval(() => {\n  if (window.Vue) {\n    clearInterval(vueChecker);\n    vueLoadQueue.forEach(fn => fn());\n  }\n}, 50);\n\n\/\/ Example usage\nonVueReady(() => {\n  console.log(\"Vue is ready, even in Elementor!\");\n});\n<\/script>\n\n<script>\n    let completedNama = [];\nlet nilai = [];\nlet kriteria = [];\nlet pasangan = [];\n\nfunction refreshData(forceRefresh = false) {\n\n    if (!forceRefresh && completedNama.length > 0){\n        return {completedNama, nilai, kriteria, pasangan}\n    }\n    \n  return fetch('https:\/\/script.google.com\/macros\/s\/AKfycbzCAuPkbrGciiBpRK03OeBQMAWXLiQHQgxj0CfDVEP4FthRCDGdYEasXVHQS2J_Uue06Q\/exec?type=ideas')\n    .then(response => response.json())\n    .then(data => {\n      const newCompletedNama = [];\n      const newNilai = [];\n      const newKriteria = [];\n      const newPasangan = [];\n\n      data.forEach(item => {\n        if (item.Submit) {\n          newCompletedNama.push(item.Name);\n\n          \/\/ Flatten by pushing individual values\n          [item['Nilai 1'], item['Nilai 2'], item['Nilai 3']].forEach(v => v && newNilai.push(v));\n          [item['Kriteria 1'], item['Kriteria 2'], item['Kriteria 3']].forEach(v => v && newKriteria.push(v));\n          [item['Pasangan 1'], item['Pasangan 2'], item['Pasangan 3']].forEach(v => v && newPasangan.push(v));\n        }\n      });\n\n      \/\/ Replace old arrays only after data is fully processed\n      completedNama = newCompletedNama;\n      nilai = newNilai;\n      kriteria = newKriteria;\n      pasangan = newPasangan;\n\n      console.log('completedNama:', completedNama);\n      console.log('nilai:', nilai);\n      console.log('kriteria:', kriteria);\n      console.log('pasangan:', pasangan);\n      \n      document.querySelector('#dynamic-opener .elementor-button-text').innerText = 'Ikuti perjalanan kami..';\n      \n      return {completedNama, nilai, kriteria, pasangan}\n    })\n    .catch(err => console.error('Error fetching data:', err));\n}\n\n\/\/ Auto-refresh once on page load\nrefreshData();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div class=\"elementor-element elementor-element-1539e6a e-container--column e-container\" data-id=\"1539e6a\" data-element_type=\"container\" id=\"page-0\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\t\t<div class=\"elementor-element elementor-element-efb471f e-container--column e-container\" data-id=\"efb471f\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-ff4050d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ff4050d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">UNDANGAN PERNIKAHAN<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5df3c98 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5df3c98\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mutia \u221e zaim<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2eafe elementor-widget elementor-widget-spacer\" data-id=\"2c2eafe\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-container{--container-widget-width:100%}.e-container>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-negative:0;flex-shrink:0}.e-container>.elementor-widget-spacer>.elementor-widget-container,.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}<\/style>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5af38 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0b5af38\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kepada Yth.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41399d8 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"41399d8\" data-element_type=\"widget\" id=\"cover-name\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Keluarga dan Sahabat<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5665295 elementor-widget elementor-widget-spacer\" data-id=\"5665295\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9077e07 elementor-mobile-align-center elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9077e07\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\" id=\"start-experience\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">buka undangan<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div class=\"elementor-element elementor-element-88da519 e-container--column e-container\" data-id=\"88da519\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-3f9e204 elementor-widget elementor-widget-html\" data-id=\"3f9e204\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n    <style>\n        #workshop {\n            font-family: 'Kalam', cursive;\n            background: #ffffff;\n            min-height: 100vh;\n            overflow: hidden;\n            position: relative;\n            width: 100vw;\n            height: 100vh;\n            position: relative;\n            overflow: hidden;\n            background: url('https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/pattern.jpg') center center \/ cover repeat;\n        }\n\n        .workshop-word {\n            position: absolute;\n            font-weight: 400;\n            color: #333;\n            cursor: pointer;\n            user-select: none;\n            transition: all 0.3s ease;\n            opacity: 0;\n            transform: scale(0.8) rotate(-2deg);\n            padding: 12px 16px;\n            border-radius: 2px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);\n            background: linear-gradient(135deg, var(--post-it-color) 0%, var(--post-it-color-dark) 100%);\n            border-top: 1px solid rgba(255, 255, 255, 0.5);\n            line-height: 1.2;\n            max-width: 300px;\n            text-align: center;\n            font-size: 48px;\n        }\n\n        .workshop-word.workshop-appear {\n            opacity: 1;\n            transform: scale(1) rotate(var(--rotation));\n        }\n\n        .workshop-word.workshop-disappear {\n            opacity: 0;\n            transform: scale(0.8) rotate(calc(var(--rotation) + 10deg));\n        }\n\n        .workshop-word:hover {\n            transform: scale(1.05) rotate(0deg);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1);\n            z-index: 10;\n        }\n\n        .workshop-word.workshop-small {\n            font-size: 24px;\n            padding: 8px 12px;\n        }\n\n        .workshop-word.workshop-medium {\n            font-size: 32px;\n            padding: 12px 16px;\n        }\n\n        .workshop-word.workshop-large {\n            font-size: 48px;\n            padding: 14px 18px;\n        }\n\n        .workshop-word.workshop-extra-large {\n            font-size: 64px;\n            padding: 16px 20px;\n        }\n\n        .workshop-mantra {\n            font-family: 'Kalam', cursive;\n            font-weight: 400;\n            max-width: 280px;\n            line-height: 1.3;\n        }\n\n        .workshop-mantra.workshop-small {\n            font-size: 14px;\n            padding: 10px 14px;\n        }\n\n        .workshop-mantra.workshop-medium {\n            font-size: 16px;\n            padding: 12px 16px;\n        }\n\n        .workshop-mantra.workshop-large {\n            font-size: 18px;\n            padding: 14px 18px;\n        }\n\n        \/* Post-it colors *\/\n        .workshop-word.workshop-color1 {\n            --post-it-color: #FFEB99;\n            --post-it-color-dark: #F5E085;\n        }\n\n        .workshop-word.workshop-color2 {\n            --post-it-color: #B5EAD7;\n            --post-it-color-dark: #A1DEC3;\n        }\n\n        .workshop-word.workshop-color3 {\n            --post-it-color: #FFDAC1;\n            --post-it-color-dark: #F5CEAD;\n        }\n\n        .workshop-word.workshop-color4 {\n            --post-it-color: #C7CEEA;\n            --post-it-color-dark: #B3BBD6;\n        }\n\n        .workshop-word.workshop-color5 {\n            --post-it-color: #E2F0CB;\n            --post-it-color-dark: #CEE4B7;\n        }\n\n        \/* Particle effects *\/\n        .workshop-particle {\n            position: absolute;\n            border-radius: 50%;\n            pointer-events: none;\n            opacity: 0.6;\n            animation: workshopFloatUp 8s infinite linear;\n        }\n\n        .workshop-particle.workshop-heart {\n            width: 6px;\n            height: 6px;\n            background: #ff7eb3;\n            border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n            transform: rotate(-45deg);\n        }\n\n        .workshop-particle.workshop-heart::before {\n            content: '';\n            position: absolute;\n            width: 6px;\n            height: 6px;\n            background: #ff7eb3;\n            border-radius: 50%;\n            top: -3px;\n            left: 0;\n        }\n\n        .workshop-particle.workshop-heart::after {\n            content: '';\n            position: absolute;\n            width: 6px;\n            height: 6px;\n            background: #ff7eb3;\n            border-radius: 50%;\n            top: 0;\n            left: 3px;\n        }\n\n        .workshop-particle.workshop-dot {\n            width: 4px;\n            height: 4px;\n            background: rgba(181, 234, 215, 0.7);\n            border-radius: 50%;\n        }\n\n        .workshop-particle.workshop-star {\n            width: 8px;\n            height: 8px;\n            background: rgba(255, 235, 153, 0.8);\n            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n        }\n\n        @keyframes workshopFloatUp {\n            0% {\n                transform: translateY(100vh) rotate(0deg);\n                opacity: 0;\n            }\n\n            10% {\n                opacity: 0.6;\n            }\n\n            90% {\n                opacity: 0.6;\n            }\n\n            100% {\n                transform: translateY(-100px) rotate(360deg);\n                opacity: 0;\n            }\n        }\n    <\/style>\n    <div id=\"workshop\">\n\n\n    <\/div>\n\n    <script>\n        const marriageWords = [\n            \"Jadi Hamba Yang Allah cintai pulang dengan sebaik baik amal\",\n\"Sehidup Sesurga\",\n\"Our ultimate home is Jannah, may Allah unite us there\",\n\"Ibadah sarana meraih ketaqwaan\",\n\"We strive to serve the ummah, live by Iman, and leave behind a legacy that pleases Allah\",\n\"Empowered people Allah, will empower you more\",\n\"Pelayaran butuh nakhoda yang taat\",\n\"Mencari Ridha Allah SWT\",\n\"Ilmu : belajar, belajar, belajar\",\n\"Seek beneficial knowledge for us and raise generations who are educated in both deen and dunya\",\n\"Leaving this world to reach final home\",\n\"Jadi Hamba Yang use skills for achieving goals in the hereafter\",\n\"kapanpun kamu berbuat baik kepadaku rewardmu bukan dariku, tapi dari tuhanku dan tuhanmu\",\n\"Sesungguhnya hamba yang dicintai di sisi Allah adalah yang mencintai hamba Allah karena Allah. Dimuka bumi, ia pun memberi nasehat pada orang lain.\",\n\"hidup bersama ilmu, guru, dan teman\",\n\"Mengikuti Sunnah Rasul\",\n\"Hajj together\",\n\"Living a purposeful live\",\n\"Valueable\",\n\"Family\",\n\"Keluarga\",\n\"Honesty\",\n\"Home\",\n\"Friendship\",\n\"Vulnerability\",\n\"Growth\",\n\"Learning\",\n\"Knowledge\",\n\"Love\",\n\"Legacy\",\n\"Ummah\",\n\"Mahabbah\",\n\"Bersyukur\",\n\"Saling Bertumbuh\",\n\"Berefleksi\",\n\"Mengambil Makna\",\n\"Lifelong learner\",\n\"Sakinah\",\n\"Mawaddah\",\n\"Warrahmah\",\n\"Kasih Sayang\",\n\"Istibar\",\n\"Bersabar\",\n\"Penuntut Ilmu\",\n\"Fastabiqul khairat\",\n\"Pendidikan\",\n\"Orang Tua\",\n\"Syiar Cinta\"\n        ];\n\n        const container = document.querySelector('#workshop');\n        let activeWords = [];\n        let wordCounter = 0;\n\n        const postItColors = ['workshop-color1', 'workshop-color2', 'workshop-color3', 'workshop-color4', 'workshop-color5'];\n\n        \/\/ Particle system\n        function createParticle() {\n            const particle = document.createElement('div');\n            particle.className = 'workshop-particle';\n\n            const types = ['workshop-heart', 'workshop-dot', 'workshop-star'];\n            const randomType = types[Math.floor(Math.random() * types.length)];\n            particle.classList.add(randomType);\n\n            particle.style.left = Math.random() * 100 + 'vw';\n            particle.style.animationDuration = (Math.random() * 4 + 6) + 's';\n            particle.style.animationDelay = Math.random() * 2 + 's';\n\n            container.appendChild(particle);\n\n            setTimeout(() => {\n                if (particle.parentNode) {\n                    particle.parentNode.removeChild(particle);\n                }\n            }, 10000);\n        }\n\n        function getRandomPosition() {\n            return {\n                x: Math.random() * (window.innerWidth - 300) + 50,\n                y: Math.random() * (window.innerHeight - 200) + 100\n            };\n        }\n\n        function getRandomSize() {\n            const sizes = ['workshop-small', 'workshop-medium', 'workshop-large', 'workshop-extra-large'];\n            return sizes[Math.floor(Math.random() * sizes.length)];\n        }\n\n        function getRandomRotation() {\n            return Math.random() * 10 - 5; \/\/ -5 to 5 degrees\n        }\n\n        function getRandomColor() {\n            return postItColors[Math.floor(Math.random() * postItColors.length)];\n        }\n\n        function isMantra(text) {\n            return text.includes(' ') && text.length > 10;\n        }\n\n        function createWordElement(text) {\n            const wordElement = document.createElement('div');\n            wordElement.className = 'workshop-word';\n            wordElement.textContent = text;\n\n            \/\/ Add post-it color\n            wordElement.classList.add(getRandomColor());\n\n            if (isMantra(text)) {\n                wordElement.classList.add('workshop-mantra');\n                const sizes = ['workshop-small', 'workshop-medium', 'workshop-large'];\n                wordElement.classList.add(sizes[Math.floor(Math.random() * sizes.length)]);\n            } else {\n                wordElement.classList.add(getRandomSize());\n            }\n\n            const position = getRandomPosition();\n            const rotation = getRandomRotation();\n\n            wordElement.style.left = position.x + 'px';\n            wordElement.style.top = position.y + 'px';\n            wordElement.style.setProperty('--rotation', rotation + 'deg');\n\n            \/\/ Add click interaction\n            wordElement.addEventListener('click', function () {\n                this.style.transform = 'scale(1.2) rotate(0deg)';\n                this.style.boxShadow = '0 6px 20px rgba(0, 0, 0, 0.2)';\n\n                setTimeout(() => {\n                    if (this.parentNode) {\n                        this.classList.add('workshop-disappear');\n                        setTimeout(() => {\n                            if (this.parentNode) {\n                                this.parentNode.removeChild(this);\n                                activeWords = activeWords.filter(w => w !== this);\n                            }\n                        }, 300);\n                    }\n                }, 500);\n            });\n\n            return wordElement;\n        }\n\n        function addWord() {\n            if (activeWords.length >= 8) return; \/\/ Limit active words\n\n            const randomWord = marriageWords[Math.floor(Math.random() * marriageWords.length)];\n            const wordElement = createWordElement(randomWord);\n\n            container.appendChild(wordElement);\n            activeWords.push(wordElement);\n\n            \/\/ Trigger appear animation\n            setTimeout(() => {\n                wordElement.classList.add('workshop-appear');\n            }, 50);\n\n            \/\/ Schedule disappearance\n            const disappearTime = Math.random() * 4000 + 3000; \/\/ 3-7 seconds\n            setTimeout(() => {\n                if (wordElement.parentNode) {\n                    wordElement.classList.add('workshop-disappear');\n                    setTimeout(() => {\n                        if (wordElement.parentNode) {\n                            wordElement.parentNode.removeChild(wordElement);\n                            activeWords = activeWords.filter(w => w !== wordElement);\n                        }\n                    }, 300);\n                }\n            }, disappearTime);\n        }\n\n        \/\/ Add words periodically\n        function startWordAnimation() {\n            addWord();\n            setTimeout(startWordAnimation, Math.random() * 2000 + 500); \/\/ 0.5-2.5 seconds interval\n        }\n\n        \/\/ Start the animation\n        setTimeout(startWordAnimation, 1000);\n\n        \/\/ Handle window resize\n        window.addEventListener('resize', () => {\n            \/\/ Reposition existing words if needed\n            activeWords.forEach(word => {\n                const position = getRandomPosition();\n                word.style.left = position.x + 'px';\n                word.style.top = position.y + 'px';\n            });\n        });\n\n        \/\/ Add some initial words\n        setTimeout(() => {\n            for (let i = 0; i < 3; i++) {\n                setTimeout(() => addWord(), i * 800);\n            }\n        }, 500);\n\n        \/\/ Start particle system\n        setInterval(createParticle, 1500);\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-f364bae e-container--column e-container\" data-id=\"f364bae\" data-element_type=\"container\" id=\"page-1\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/invitation.hcs.web.id\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/5detik.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\"><div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-40a62da e-container--column e-container\" data-id=\"40a62da\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-aceb643 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"aceb643\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#ZaimeminangMutia<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2914a4 elementor-widget elementor-widget-spacer\" data-id=\"a2914a4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-141c1f1 elementor-mobile-align-center elementor-align-center elementor-widget elementor-widget-button\" data-id=\"141c1f1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\" id=\"dynamic-opener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Memuat...<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-51b5e23 e-container--column e-container\" data-id=\"51b5e23\" data-element_type=\"container\" id=\"page-2\">\t\t<div class=\"elementor-element elementor-element-9ef4083 e-container--column e-container\" data-id=\"9ef4083\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-721ac4d elementor-widget elementor-widget-html\" data-id=\"721ac4d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n #cardStack {\n     font-family: \"Kalam\", Sans-Serif;\n }\n        .card-stack {\n            position: relative;\n            width: 100%;\n            max-width: 720px;\n            height: 600px;\n            perspective: 1000px;\n            margin: 0 auto;\n        }\n\n        .card {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background: white;\n            border-radius: 18px;\n            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding: 60px;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            transform-origin: center bottom;\n            cursor: pointer;\n            box-sizing: border-box;\n        }\n\n        .card.card-active {\n            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);\n        }\n\n        .card.vanishing {\n            animation: vanishUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n\n        @keyframes vanishUp {\n            0% {\n                transform: var(--initial-transform);\n                opacity: var(--initial-opacity);\n            }\n            50% {\n                transform: translateY(-50px) scale(1.05) rotateX(5deg);\n                opacity: 0.7;\n            }\n            100% {\n                transform: translateY(-200px) scale(0.8) rotateX(15deg);\n                opacity: 0;\n            }\n        }\n\n        .card-content {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            width: 100%;\n        }\n\n        .center-column {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .card h2 {\n            font-size: 1.375rem;\n            color: #111827;\n            margin-bottom: 8px;\n            font-weight: 600;\n        }\n\n        .card .lead {\n            font-size: 1.25rem;\n            color: #111827;\n            line-height: 1.8;\n            margin: 0 0 12px 0;\n        }\n\n        .card-number {\n            position: absolute;\n            top: 20px;\n            right: 25px;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: bold;\n            font-size: 1.2rem;\n        }\n\n        .btn {\n            font-size: 1.25rem;\n            display: inline-block;\n            cursor: pointer;\n            border: none;\n            outline: none;\n            padding: 10px 16px;\n            border-radius: 12px;\n            background: #2563eb;\n            color: white;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .btn:hover {\n            opacity: 0.95;\n            transform: translateY(-2px);\n        }\n\n        .btn:active {\n            transform: translateY(0);\n        }\n\n        .btn:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none !important;\n        }\n\n        .btn.mt {\n            margin-top: 12px;\n        }\n\n        .btn.full {\n            width: 100%;\n        }\n\n        .input {\n            width: 100%;\n            padding: 12px 14px;\n            border-radius: 12px;\n            border: 1px solid rgba(15, 23, 42, 0.08);\n            margin: 8px 0;\n            font-size: 15px;\n            box-sizing: border-box;\n            outline: none;\n            transition: transform 0.15s ease, box-shadow 0.15s ease;\n        }\n\n        .input:focus {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.12);\n        }\n\n        .sticky-yellow {\n            background: #fffbe6;\n        }\n\n        .sticky-green {\n            background: #f3fdf0;\n        }\n\n        .sticky-pink {\n            background: #fff1f2;\n        }\n\n        .completion-message {\n            display: none;\n            text-align: center;\n            color: #111827;\n            font-size: 1.5rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.5s ease;\n            background: white;\n            padding: 60px;\n            border-radius: 18px;\n            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .completion-message.show {\n            display: block;\n            opacity: 1;\n        }\n\n        .completion-message h2 {\n            margin: 0 0 8px 0;\n            font-size: 1.375rem;\n        }\n\n        .completion-message .lead {\n            font-size: 1.25rem;\n            line-height: 1.8;\n            color: #111827;\n            margin: 0 0 12px 0;\n        }\n\n        .restart-btn {\n            margin-top: 16px;\n            background: #2563eb;\n            color: white;\n            border: none;\n            padding: 10px 16px;\n            border-radius: 12px;\n            font-size: 1.25rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .restart-btn:hover {\n            opacity: 0.95;\n            transform: translateY(-2px);\n        }\n\n\n        @media screen and (max-width: 768px) {\n            .card-stack {\n                height: 100vh;\n                min-height: 600px;\n            }\n\n            .card {\n                padding: 40px;\n            }\n            \n            .card-number {\n                top: unset;\n            }\n\n            .card .lead {\n                font-size: 1.rem;\n            }\n        }\n    <\/style>\n<div class=\"card-stack\" id=\"cardStack\">\n        <!-- Cards will be dynamically generated here -->\n    <\/div>\n\n    <div class=\"completion-message\" id=\"completionMessage\">\n        <h2>Terima kasih \u2728<\/h2>\n        <p class=\"lead\">Jawabanmu sudah kami terima. Semoga refleksi kecil ini membawa makna, dan yuk lanjut menyimak cerita bahagia kami di halaman berikutnya \ud83d\udc9b<\/p>\n        <button class=\"restart-btn\" onclick=\"restartCards()\">Mulai Lagi<\/button>\n    <\/div>\n\n    <script>\n        \/\/ Helper to get URL param\n        function getUrlParam(name) {\n            const params = new URLSearchParams(window.location.search);\n            return params.get(name) || 'Keluarga dan Sahabat'; \/\/ fallback if no param\n        }\n    \n        class StackingCards {\n            constructor() {\n                this.currentCardIndex = 0;\n                this.isAnimating = false;\n                this.cardStack = document.getElementById('cardStack');\n                this.completionMessage = document.getElementById('completionMessage');\n                this.formData = {\n                    value1: '', value2: '', value3: '',\n                    bestFriend1: '', bestFriend2: '', bestFriend3: '',\n                    partner1: '', partner2: '', partner3: ''\n                };\n                \n                this.cards = [\n                    {\n                        id: 1,\n                        key: \"intro1\",\n                        content: `\n                            <div class=\"center-column\">\n                                <p class=\"lead\">\n                                    Hai...\n                                <\/p>\n                                <p class=\"lead\">\n                                    Tidak seperti undangan pada umumnya, melalui undangan ini kami ingin mengajak teman-teman ikut bercerita. Yuk ikuti alurnya ya\n                                <\/p>\n                                <button class=\"btn mt\" onclick=\"stackingCards.nextCard()\">\n                                    Lanjut \u279d\n                                <\/button>\n                            <\/div>\n                        `\n                    },\n                    {\n                        id: 2,\n                        key: \"intro2\",\n                        content: `\n                            <div class=\"center-column\">\n                                <p class=\"lead\">\n                                    Pernahkah hal ini terlintas di kepalamu? Pencarian acap kali menghadirkan pertanyaan. Entah itu tentang diri sendiri, tentang hubungan kita dengan sesama manusia, hingga hubungan kita dengan pencipta yang mengisi hati.\n                                <\/p>\n                                <p class=\"lead\">\n                                    Begitu juga dengan perjalanan kami. Tak lepas dari pencarian nilai diri hingga menemukan jawaban yang saling mengisi hati. Tentu saja, perjalanan ini juga dikuatkan dengan kehadiran teman-teman. \n                                <\/p>\n                                <button class=\"btn mt\" onclick=\"stackingCards.nextCard()\">\n                                    Lanjut \u279d\n                                <\/button>\n                            <\/div>\n                        `\n                    },\n                    {\n                        id: 3,\n                        key: \"intro3\",\n                        content: `\n                            <div class=\"center-column\">\n                                <p class=\"lead\">\n                                    Sebagai bagian dari perjalanan atas segala pencarian, kami ingin mengajak teman-teman ikut menyelami beberapa pertanyaan. Setiap pertanyaan bisa menjadi jalan untuk menemukan diri sendiri. Hal ini pula yang menjadi titik cerita kami bermula. \n                                <\/p>\n                                <p class=\"lead\">\n                                    Yuk Ikuti petunjuknya, ceritakan kepada kami sesingkat mungkin. Tidak ada jawaban benar atau salah. Selanjutnya, cerita bahagia kami yang akan disampaikan.\n                                <\/p>\n                                <button class=\"btn mt\" onclick=\"stackingCards.nextCard()\">\n                                    Mulai Isi Pertanyaan\n                                <\/button>\n                            <\/div>\n                        `\n                    },\n                    {\n                        id: 4,\n                        key: \"q1\",\n                        content: `\n                            <div>\n                                <p class=\"lead\">\n                                    Setiap orang memiliki nilai hidup yang berbeda-beda, tidak ada yang benar atau salah. \n                                    Apa nilai yang kamu anggap paling berharga (personal value)? \n                                <\/p>\n                                <p class=\"lead\">\n                                    Contoh : Keluarga, Kejujuran, Integritas, Keterbukaan, Loyalitas, dll\n                                <\/p>\n                                <input type=\"text\" name=\"value1\" placeholder=\"Nilai 1\" class=\"input sticky-yellow\" \/>\n                                <input type=\"text\" name=\"value2\" placeholder=\"Nilai 2\" class=\"input sticky-yellow\" \/>\n                                <input type=\"text\" name=\"value3\" placeholder=\"Nilai 3\" class=\"input sticky-yellow\" \/>\n                                <button class=\"btn full mt\" onclick=\"stackingCards.nextCard()\">\n                                    Lanjut \u279d\n                                <\/button>\n                            <\/div>\n                        `\n                    },\n                    {\n                        id: 5,\n                        key: \"q2\",\n                        content: `\n                            <div>\n                                <p class=\"lead\">\n                                    Dari sekian banyak teman yang kita punya, terkadang ada orang yang kita kenal sebagai best friend. Kalau menurut kamu, apa saja karakter seorang best friend?\n                                <\/p>\n                                <p class=\"lead\">\n                                    Contoh : Baik Hati, Suka Berbagi, Mendengarkan, dll\n                                <\/p>\n                                <input type=\"text\" name=\"bestFriend1\" placeholder=\"Karakter 1\" class=\"input sticky-green\" \/>\n                                <input type=\"text\" name=\"bestFriend2\" placeholder=\"Karakter 2\" class=\"input sticky-green\" \/>\n                                <input type=\"text\" name=\"bestFriend3\" placeholder=\"Karakter 3\" class=\"input sticky-green\" \/>\n                                <button class=\"btn full mt\" onclick=\"stackingCards.nextCard()\">\n                                    Lanjut \u279d\n                                <\/button>\n                            <\/div>\n                        `\n                    },\n                    {\n                        id: 6,\n                        key: \"q3\",\n                        content: `\n                            <div>\n                                <p class=\"lead\">\n                                    Ketika memilih pasangan, sering kali ada hal yang menjadi pertimbangan. Kamu yang sudah berpasangan atau akan memilih pasangan, apa kriteria pasangan yang kamu harapkan? \n                                <\/p>\n                                <p class=\"lead\">\n                                    Contoh : Memiliki Visi, Pengertian, Easy Going, Jujur, dll\n                                <\/p>\n                                <input type=\"text\" name=\"partner1\" placeholder=\"Kriteria 1\" class=\"input sticky-pink\" \/>\n                                <input type=\"text\" name=\"partner2\" placeholder=\"Kriteria 2\" class=\"input sticky-pink\" \/>\n                                <input type=\"text\" name=\"partner3\" placeholder=\"Kriteria 3\" class=\"input sticky-pink\" \/>\n                                <button class=\"btn full mt\" onclick=\"stackingCards.submitForm()\">\n                                    Kirim Jawaban\n                                <\/button>\n                            <\/div>\n                        `\n                    }\n                ];\n\n                this.cardTransforms = [\n                    { rotate: 0, translateX: 0, translateY: 0, scale: 1, opacity: 1 },\n                    { rotate: -2, translateX: -10, translateY: -5, scale: 0.96, opacity: 0.9 },\n                    { rotate: 4, translateX: 12, translateY: -6, scale: 0.92, opacity: 0.8 },\n                    { rotate: 3, translateX: 15, translateY: -8, scale: 0.88, opacity: 0.7 },\n                    { rotate: -4, translateX: -20, translateY: 10, scale: 0.84, opacity: 0.6 }\n                ];\n\n                this.init();\n            }\n\n            init() {\n                this.renderCards();\n                this.updateCardPositions();\n            }\n\n            renderCards() {\n                this.cardStack.innerHTML = '';\n                \n                this.cards.forEach((card, index) => {\n                    const cardElement = this.createCardElement(card, index);\n                    this.cardStack.appendChild(cardElement);\n                });\n            }\n\n            createCardElement(card, index) {\n                const cardDiv = document.createElement('div');\n                cardDiv.className = 'card';\n                cardDiv.setAttribute('data-index', index);\n                \n                cardDiv.innerHTML = `\n                    <div class=\"card-number\">${card.id}<\/div>\n                    <div class=\"card-content\">\n                        ${card.content}\n                    <\/div>\n                `;\n\n                \/\/ Add event listeners for inputs\n                const inputs = cardDiv.querySelectorAll('input');\n                inputs.forEach(input => {\n                    input.value = this.formData[input.name] || '';\n                    input.addEventListener('input', (e) => {\n                        this.formData[e.target.name] = e.target.value;\n                    });\n                });\n\n                return cardDiv;\n            }\n\n            getCardStyle(stackIndex) {\n                const transform = this.cardTransforms[stackIndex];\n                if (!transform) return {};\n\n                \/\/ Active card (stackIndex 0) has no rotation, others maintain their random rotation\n                if (stackIndex === 0) {\n                    return {\n                        transform: `translateY(0px) translateX(0px) scale(1.02) rotate(0deg)`,\n                        opacity: 1,\n                        zIndex: this.cards.length - stackIndex\n                    };\n                } else {\n                    return {\n                        transform: `translateY(${transform.translateY}px) translateX(${transform.translateX}px) scale(${transform.scale}) rotate(${transform.rotate}deg)`,\n                        opacity: transform.opacity,\n                        zIndex: this.cards.length - stackIndex\n                    };\n                }\n            }\n\n            updateCardPositions() {\n                const visibleCards = this.cardStack.querySelectorAll('.card');\n                \n                visibleCards.forEach((card, index) => {\n                    const cardIndex = parseInt(card.getAttribute('data-index'));\n                    const stackIndex = cardIndex - this.currentCardIndex;\n                    \n                    if (stackIndex >= 0 && stackIndex < 5) {\n                        const style = this.getCardStyle(stackIndex);\n                        card.style.transform = style.transform;\n                        card.style.opacity = style.opacity;\n                        card.style.zIndex = style.zIndex;\n                        card.style.display = 'flex';\n                        \n                        \/\/ Add active class\n                        if (stackIndex === 0) {\n                            card.classList.add('card-active');\n                        } else {\n                            card.classList.remove('card-active');\n                        }\n                        \n                        \/\/ Store initial transform for animation\n                        card.style.setProperty('--initial-transform', style.transform);\n                        card.style.setProperty('--initial-opacity', style.opacity);\n                    } else {\n                        card.style.display = 'none';\n                    }\n                });\n            }\n\n            async submitForm() {\n                if (this.isAnimating) return;\n                this.isAnimating = true;\n            \n                const activeCard = this.cardStack.querySelector(`[data-index=\"${this.currentCardIndex}\"]`);\n                const submitBtn = activeCard.querySelector('.btn');\n                submitBtn.disabled = true;\n                submitBtn.textContent = 'Mengirim...';\n            \n                \/\/ Build a FormData object manually\n                const formData = new FormData();\n                formData.append('name', getUrlParam('to') || 'Keluarga dan Sahabat');\n                formData.append('nilai1', this.formData.value1);\n                formData.append('nilai2', this.formData.value2);\n                formData.append('nilai3', this.formData.value3);\n                formData.append('kriteria1', this.formData.bestFriend1);\n                formData.append('kriteria2', this.formData.bestFriend2);\n                formData.append('kriteria3', this.formData.bestFriend3);\n                formData.append('pasangan1', this.formData.partner1);\n                formData.append('pasangan2', this.formData.partner2);\n                formData.append('pasangan3', this.formData.partner3);\n            \n                fetch('https:\/\/script.google.com\/macros\/s\/AKfycbz38MknkRs4bDU5-vZmpbTTb9UDIcYO_AycnCEFNqADQKoia15_xTO-FsR5DnK2ytwFnw\/exec?type=ideas', {\n                    method: 'POST',\n                    body: formData\n                })\n                .then(res => res.json())\n                .then(json => {\n                    console.log(json)\n                    if (json.result === 'success') {\n                        window.refreshData(true); \/\/ global function \n                        this.nextPage(); \/\/ go to completion\n                    } else {\n                        alert('Ups! Something went wrong, try again.');\n                        submitBtn.disabled = false;\n                        submitBtn.textContent = 'Kirim Jawaban';\n                    }\n                })\n                .catch(err => {\n                    console.error(err);\n                    alert('Ups! Ada masalah, coba lagi ya.');\n                    submitBtn.disabled = false;\n                    submitBtn.textContent = 'Kirim Jawaban';\n                });\n            }\n\n            nextCard() {\n                if (this.isAnimating || this.currentCardIndex >= this.cards.length) return;\n                \n                this.isAnimating = true;\n                const activeCard = this.cardStack.querySelector(`[data-index=\"${this.currentCardIndex}\"]`);\n                \n                if (activeCard) {\n                    \/\/ Disable all buttons\n                    const buttons = this.cardStack.querySelectorAll('.btn');\n                    buttons.forEach(btn => btn.disabled = true);\n                    \n                    activeCard.classList.add('vanishing');\n                    \n                    setTimeout(() => {\n                        activeCard.style.display = 'none';\n                        this.currentCardIndex++;\n                        this.updateCardPositions();\n                        \n                        \/\/ Re-enable buttons\n                        buttons.forEach(btn => btn.disabled = false);\n                        \n                        this.isAnimating = false;\n                        \n                        if (this.currentCardIndex >= this.cards.length) {\n                            this.showCompletion();\n                        }\n                    }, 800);\n                }\n            }\n            \n            nextPage(){\n                console.log('Go to next page...')\n                window.showPage3();\n            }\n\n            showCompletion() {\n                this.cardStack.style.display = 'none';\n                this.completionMessage.classList.add('show');\n            }\n\n            restart() {\n                this.currentCardIndex = 0;\n                this.isAnimating = false;\n                \n                \/\/ Reset form data\n                this.formData = {\n                    value1: '', value2: '', value3: '',\n                    bestFriend1: '', bestFriend2: '', bestFriend3: '',\n                    partner1: '', partner2: '', partner3: ''\n                };\n                \n                this.cardStack.style.display = 'block';\n                this.completionMessage.classList.remove('show');\n                \n                \/\/ Reset all cards\n                const allCards = this.cardStack.querySelectorAll('.card');\n                allCards.forEach(card => {\n                    card.classList.remove('vanishing');\n                    const buttons = card.querySelectorAll('.btn');\n                    buttons.forEach(btn => btn.disabled = false);\n                    \n                    \/\/ Reset input values\n                    const inputs = card.querySelectorAll('input');\n                    inputs.forEach(input => {\n                        input.value = '';\n                    });\n                });\n                \n                this.updateCardPositions();\n            }\n        }\n\n        \/\/ Initialize the application\n        const stackingCards = new StackingCards();\n\n        \/\/ Global function for restart button\n        function restartCards() {\n            stackingCards.restart();\n        }\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-a5b4fcc page-3 e-container--row e-container\" data-id=\"a5b4fcc\" data-element_type=\"container\" id=\"invitation-story\">\t\t\t\t<div class=\"elementor-element elementor-element-fb36903 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"fb36903\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\tTerima kasih, teman-teman sudah berbagi cerita. Tanpa kita sadari, perjalanan kehidupan juga menjadi bagian dari proses pencarian. Begitu juga dengan perjalanan kami berdua. Izinkan kami bercerita tentang bagaimana Allah SWT menolong hamba-Nya untuk bertemu satu sama lain..\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-478a974 elementor-widget__width-initial e-transform e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"478a974\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:21,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:11,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tMutia tumbuh dan besar di Tanah Datar, Sumatera Barat hingga SMA, sebelum ia melanjutkan perguruan tinggi di Pulau Jawa. Setelah lulus kuliah, ia berkesempatan untuk mencari rezeki di Jakarta. \t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d7fc0 elementor-widget__width-initial e-transform e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"a5d7fc0\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-2,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:32,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tZaim merupakan pribadi yang tumbuh berpindah-pindah selama menjalani pendidikan hingga akhirnya menjalani masa SMA dengan tinggal di sebuah asrama di Cirebon, Jawa Barat. Di tempat itu, Zaim mendapatkan lingkungan belajar terkait akidah yang ia percaya hingga kini.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25d90ae elementor-widget__width-initial e-transform e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"25d90ae\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-2,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-11,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-28,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tYang kemudian di Jakarta Mutia dipertemukan dengan lingkungan belajar yang membawa ilmu akidah yang dipercaya hingga sekarang. Sejak 2017, ia juga mendapat kesempatan untuk berbagi melalui menjadi relawan di lingkungan pemberdayaan pendidikan.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2052623 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit e-transform elementor-widget elementor-widget-text-editor\" data-id=\"2052623\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-34,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Pada 2019, Zaim mulai berkarier di bidang pendidikan sampai sekarang. Perjalanan ini juga membawanya menjadi seorang guru di daerah 3T (Tertinggal, Terdepan, Terluar) pada 2021 hingga berkesempatan menjadi relawan pelatih tenaga pendidik<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div class=\"elementor-element elementor-element-8f5611b page-3 e-container--column e-container\" data-id=\"8f5611b\" data-element_type=\"container\">\t\t<div class=\"elementor-element elementor-element-210a314 e-container--column e-container\" data-id=\"210a314\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-5b660a0 e-container--column e-container\" data-id=\"5b660a0\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-839e4a0 elementor-widget elementor-widget-heading\" data-id=\"839e4a0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Setiap kita memiliki nilai hidup kita masing-masing...<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-d149b1e elementor-widget elementor-widget-html\" data-id=\"d149b1e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n        #app1 {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: flex-start;\n            gap: 20px;\n            padding: 40px;\n            margin: 0 auto;\n            min-height: 100px;\n            max-width: 1200px;\n        }\n\n        .note {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2), 0px -80px 30px -20px #ffffff5e inset;\n            font-weight: 700;\n            text-align: center;\n            cursor: pointer;\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            overflow-wrap: normal;\n            word-break: normal;\n        }\n\n        .note:hover {\n            transform: scale(1.1);\n            box-shadow: 6px 10px 14px rgba(0, 0, 0, 0.3);\n        }\n    <\/style>\n    \n    <div id=\"app1\">\n        <div v-for=\"(val, i) in displayedValues\" :key=\"i\" class=\"note\" :style=\"noteStyle(i, val)\">\n            <span :style=\"autoFontSize(val)\">{{ val }}<\/span>\n        <\/div>\n    <\/div>\n\n    <script defer>\nonVueReady(() => {\n    const { createApp, reactive, ref, onMounted, onUnmounted } = Vue\n    \n    const values = reactive([]);\n    const displayedValues = reactive([]);\n    let rotationInterval = null;\n\n    const refreshValues = async () => {\n        const { nilai: newNilai } =  await refreshData();\n\n        \/\/ Remove duplicates using Set\n        const uniqueValues = [...new Set(newNilai)];\n        values.splice(0, values.length, ...uniqueValues);\n\n        \/\/ Initialize displayed values\n        updateDisplayedValues();\n    };\n\n    const updateDisplayedValues = () => {\n        const maxDisplay = 12;\n        if (values.length <= maxDisplay) {\n            displayedValues.splice(0, displayedValues.length, ...values);\n        } else {\n            \/\/ Randomly select values\n            const shuffled = [...values].sort(() => 0.5 - Math.random());\n            const selected = shuffled.slice(0, maxDisplay);\n            displayedValues.splice(0, displayedValues.length, ...selected);\n        }\n    };\n\n    const startRotation = () => {\n        if (values.length > 12) { \/\/ Changed from 12 to 5\n            rotationInterval = setInterval(() => {\n                updateDisplayedValues();\n            }, 3000); \/\/ Switch every 3 seconds\n        }\n    };\n\n    const stopRotation = () => {\n        if (rotationInterval) {\n            clearInterval(rotationInterval);\n            rotationInterval = null;\n        }\n    };\n\n    \/\/ expose globally so any script can trigger it\n    window.refreshNilai = refreshValues;\n    \n    createApp({\n            setup() {\n\n                onMounted(() => {\n                    refreshValues(); \/\/ initial fetch\n                    startRotation(); \/\/ start rotation if needed\n                });\n\n                onUnmounted(() => {\n                    stopRotation(); \/\/ cleanup on unmount\n                });\n\n                const colors = [\"#FFEB99\", \"#B5EAD7\", \"#FFDAC1\", \"#C7CEEA\", \"#E2F0CB\"];\n\n                const noteStyle = (i, val) => {\n                    const size = 100 + Math.random() * 60; \/\/ random size\n                    const rotation = Math.random() * 10 - 5; \/\/ random rotation\n                    return {\n                        \/\/ width: `${size}px`,\n                        \/\/ height: `${size}px`,\n                        backgroundColor: colors[i % colors.length],\n                        transform: `rotate(${rotation}deg)`\n                    };\n                };\n\n                const autoFontSize = (text) => {\n                    return {\n                        fontSize: text.length < 9 ? '22px' : '14px',\n                        lineHeight: 1.2\n                    };\n                };\n\n                return { displayedValues, noteStyle, autoFontSize };\n            }\n        }).mount('#app1');\n});\n        \n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ede113 e-container--column e-container\" data-id=\"1ede113\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-3f60243 elementor-widget elementor-widget-text-editor\" data-id=\"3f60243\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tNilai Hidup yang membawa masing-masing dari kami untuk berteman dan bertemu dengan lingkungan sesuai dengan nilai yang kami genggam, yang Allah izinkan kami bertemu dan menjadi teman karena dipertemukan oleh satu teman kami\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-91551f3 e-container--column e-container\" data-id=\"91551f3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-6e8c328 e-container--column e-container\" data-id=\"6e8c328\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-3e4fa75 elementor-widget elementor-widget-heading\" data-id=\"3e4fa75\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Dari adanya irisan nilai hidup menjadi berteman layaknya \u201cbestie\u201d.. Yang setiap kita pun memiliki makna sendiri dibalik kata \"bestie\", seperti\u2026<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-2b80701 elementor-widget elementor-widget-html\" data-id=\"2b80701\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n        #app2 {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: flex-start;\n            gap: 20px;\n            padding: 40px;\n            margin: 0 auto;\n            min-height: 100px;\n            max-width: 1200px;\n        }\n    <\/style>\n    \n    <div id=\"app2\">\n        <div v-for=\"(val, i) in displayedValues\" :key=\"i\" class=\"note\" :style=\"noteStyle(i, val)\">\n            <span :style=\"autoFontSize(val)\">{{ val }}<\/span>\n        <\/div>\n    <\/div>\n\n    <script defer>\nonVueReady(() => {\n    const { createApp, reactive, ref, onMounted, onUnmounted } = Vue\n    \n    const values = reactive([]);\n    const displayedValues = reactive([]);\n    let rotationInterval = null;\n\n    const refreshValues = async () => {\n        const { kriteria: newKriteria } =  await refreshData();\n\n        \/\/ Remove duplicates using Set\n        const uniqueValues = [...new Set(newKriteria)];\n        values.splice(0, values.length, ...uniqueValues);\n\n        \/\/ Initialize displayed values\n        updateDisplayedValues();\n    };\n\n    const updateDisplayedValues = () => {\n        const maxDisplay = 12;\n        if (values.length <= maxDisplay) {\n            displayedValues.splice(0, displayedValues.length, ...values);\n        } else {\n            \/\/ Randomly select values\n            const shuffled = [...values].sort(() => 0.5 - Math.random());\n            const selected = shuffled.slice(0, maxDisplay);\n            displayedValues.splice(0, displayedValues.length, ...selected);\n        }\n    };\n\n    const startRotation = () => {\n        if (values.length > 12) { \/\/ Changed from 12 to 5\n            rotationInterval = setInterval(() => {\n                updateDisplayedValues();\n            }, 3000); \/\/ Switch every 3 seconds\n        }\n    };\n\n    const stopRotation = () => {\n        if (rotationInterval) {\n            clearInterval(rotationInterval);\n            rotationInterval = null;\n        }\n    };\n\n    \/\/ expose globally so any script can trigger it\n    window.refreshKriteria = refreshValues;\n    \n    createApp({\n            setup() {\n\n                onMounted(() => {\n                    refreshValues(); \/\/ initial fetch\n                    startRotation(); \/\/ start rotation if needed\n                });\n\n                onUnmounted(() => {\n                    stopRotation(); \/\/ cleanup on unmount\n                });\n\n                const colors = [\"#FFEB99\", \"#B5EAD7\", \"#FFDAC1\", \"#C7CEEA\", \"#E2F0CB\"];\n\n                const noteStyle = (i, val) => {\n                    const size = 100 + Math.random() * 60; \/\/ random size\n                    const rotation = Math.random() * 10 - 5; \/\/ random rotation\n                    return {\n                        \/\/ width: `${size}px`,\n                        \/\/ height: `${size}px`,\n                        backgroundColor: colors[i % colors.length],\n                        transform: `rotate(${rotation}deg)`\n                    };\n                };\n\n                const autoFontSize = (text) => {\n                    return {\n                        fontSize: text.length < 9 ? '22px' : '14px',\n                        lineHeight: 1.2\n                    };\n                };\n\n                return { displayedValues, noteStyle, autoFontSize };\n            }\n        }).mount('#app2');\n});\n        \n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f60ddf e-container--column e-container\" data-id=\"2f60ddf\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-9e6ca73 elementor-widget elementor-widget-text-editor\" data-id=\"9e6ca73\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tMenjadi \u201cbestie\u201d membuka pemahaman satu sama lain hingga Allah tunjukan pemenuhan kriteria pasangan ada pada masing-masing pada diri kami.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-67d5b26 e-container--column e-container\" data-id=\"67d5b26\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-ee6da56 e-container--column e-container\" data-id=\"ee6da56\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-4cc0a43 elementor-widget elementor-widget-heading\" data-id=\"4cc0a43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Layaknya individu yang menginginkan memiliki pasangan, setiap kita memiliki kriterianya masing-masing seperti \u2026<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-2759920 elementor-widget elementor-widget-html\" data-id=\"2759920\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n        #app3 {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: flex-start;\n            gap: 20px;\n            padding: 40px;\n            margin: 0 auto;\n            min-height: 100px;\n            max-width: 1200px;\n        }\n    <\/style>\n    \n    <div id=\"app3\">\n        <div v-for=\"(val, i) in displayedValues\" :key=\"i\" class=\"note\" :style=\"noteStyle(i, val)\">\n            <span :style=\"autoFontSize(val)\">{{ val }}<\/span>\n        <\/div>\n    <\/div>\n\n    <script defer>\nonVueReady(() => {\n    const { createApp, reactive, ref, onMounted, onUnmounted } = Vue\n    \n    const values = reactive([]);\n    const displayedValues = reactive([]);\n    let rotationInterval = null;\n\n    const refreshValues = async () => {\n        const { pasangan: newPasangan } =  await refreshData();\n\n        \/\/ Remove duplicates using Set\n        const uniqueValues = [...new Set(newPasangan)];\n        values.splice(0, values.length, ...uniqueValues);\n\n        \/\/ Initialize displayed values\n        updateDisplayedValues();\n    };\n\n    const updateDisplayedValues = () => {\n        const maxDisplay = 12;\n        if (values.length <= maxDisplay) {\n            displayedValues.splice(0, displayedValues.length, ...values);\n        } else {\n            \/\/ Randomly select values\n            const shuffled = [...values].sort(() => 0.5 - Math.random());\n            const selected = shuffled.slice(0, maxDisplay);\n            displayedValues.splice(0, displayedValues.length, ...selected);\n        }\n    };\n\n    const startRotation = () => {\n        if (values.length > 12) { \/\/ Changed from 12 to 5\n            rotationInterval = setInterval(() => {\n                updateDisplayedValues();\n            }, 3000); \/\/ Switch every 3 seconds\n        }\n    };\n\n    const stopRotation = () => {\n        if (rotationInterval) {\n            clearInterval(rotationInterval);\n            rotationInterval = null;\n        }\n    };\n\n    \/\/ expose globally so any script can trigger it\n    window.refreshPasangan = refreshValues;\n    \n    createApp({\n            setup() {\n\n                onMounted(() => {\n                    refreshValues(); \/\/ initial fetch\n                    startRotation(); \/\/ start rotation if needed\n                });\n\n                onUnmounted(() => {\n                    stopRotation(); \/\/ cleanup on unmount\n                });\n\n                const colors = [\"#FFEB99\", \"#B5EAD7\", \"#FFDAC1\", \"#C7CEEA\", \"#E2F0CB\"];\n\n                const noteStyle = (i, val) => {\n                    const size = 100 + Math.random() * 60; \/\/ random size\n                    const rotation = Math.random() * 10 - 5; \/\/ random rotation\n                    return {\n                        \/\/ width: `${size}px`,\n                        \/\/ height: `${size}px`,\n                        backgroundColor: colors[i % colors.length],\n                        transform: `rotate(${rotation}deg)`\n                    };\n                };\n\n                const autoFontSize = (text) => {\n                    return {\n                        fontSize: text.length < 9 ? '22px' : '14px',\n                        lineHeight: 1.2\n                    };\n                };\n\n                return { displayedValues, noteStyle, autoFontSize };\n            }\n        }).mount('#app3');\n});\n        \n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c031ee5 e-container--column e-container\" data-id=\"c031ee5\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-36306ba elementor-widget elementor-widget-text-editor\" data-id=\"36306ba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Seperti teman-teman yang juga memiliki kriteria tertentu dalam memilih pasangan hidup, pun Allah yang menggerakan hati kami dalam menentukan dan memilih kriteria. Kembali lagi, ini terjadi atas izin Allah yang mempertemukan kriteria tersebut untuk saling bertemu.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><\/div><div class=\"elementor-element elementor-element-2977be9 page-3 e-container--column e-container\" data-id=\"2977be9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-3f33240 e-container--column e-container\" data-id=\"3f33240\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-282e072 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"282e072\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\u201cTidak ada persahabatan yang lebih besar diantara dua ruh dibandingkan persahabatan diantara pasangan suami istri\u201d\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42c3aec elementor-widget elementor-widget-heading\" data-id=\"42c3aec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tafsir Ibnu Katsir 3\/528<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-e22235b page-3 e-container--row e-container\" data-id=\"e22235b\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-ca608bd elementor-widget__width-initial e-transform elementor-widget elementor-widget-text-editor\" data-id=\"ca608bd\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 1em;\">Berteman dengan Metri Wulandari, b<\/span>ertemu sebagai teman yang mengantarkan Metri untuk melanjutkan sekolah.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-861339d elementor-widget__width-initial e-transform elementor-widget elementor-widget-text-editor\" data-id=\"861339d\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Beraktivitas di lingkungan yang sama di lingkaran isu pendidikan dan peningkatan kapasitas tenaga pendidik.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86287bd elementor-widget__width-initial e-transform elementor-widget elementor-widget-text-editor\" data-id=\"86287bd\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tBelajar dari guru yang sama dan memahami cara beribadah sama seperti para sahabat di generasi nabi Muhammad SAW (Salafus Shalih)\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c33ca8 elementor-widget__width-initial e-transform elementor-widget elementor-widget-text-editor\" data-id=\"3c33ca8\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tSaling memahami atas preferensi masing-masing, dukungan atas aspirasi masing-masing, dan banyak hal lain yang tidak bisa diceritakan satu per satu\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div class=\"elementor-element elementor-element-98ddbcc page-3 e-container--column e-container\" data-id=\"98ddbcc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-09327a5 e-container--column e-container\" data-id=\"09327a5\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-73d6b9c elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"73d6b9c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t&#8220;tidak ada sehelai daun pun yang gugur yang tidak diketahui nya&#8221;\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0742c8f elementor-widget elementor-widget-heading\" data-id=\"0742c8f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QS Al An\u2019am ayat 59<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-f727a23 page-3 e-container--column e-container\" data-id=\"f727a23\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-62316ce e-container--column e-container\" data-id=\"62316ce\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-4c6825b elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4c6825b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\u201cAllah sebaik-baik perencana&#8221;\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-077e7e5 elementor-widget elementor-widget-heading\" data-id=\"077e7e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QS Ali Imran ayat 54<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><div class=\"elementor-element elementor-element-abe1ff6 page-3 e-container--row e-container\" data-id=\"abe1ff6\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-b9c2993 elementor-widget__width-initial e-transform elementor-widget elementor-widget-text-editor\" data-id=\"b9c2993\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tSemuanya bukanlah sebuah kebetulan, Melainkan Allah yang sudah mengatur semuanya\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9ea13f elementor-widget__width-initial e-transform elementor-widget elementor-widget-text-editor\" data-id=\"e9ea13f\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tKami percaya semua atas pertolongan Allah SWT dan dengan ini kami akan terus meminta pertolongan Allah.\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div class=\"elementor-element elementor-element-bb91111 page-3 e-container--column e-container\" data-id=\"bb91111\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-cebca68 e-container--column e-container\" data-id=\"cebca68\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-1a4fd2d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1a4fd2d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t&#8220;Hanya kepada-Mu kami beribadah dan hanya kepada-Mu kami memohon pertolongan&#8221;\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-294ee9f elementor-widget elementor-widget-heading\" data-id=\"294ee9f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QS. Al-Fatihah: 4<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-c60b60e elementor-widget elementor-widget-spacer\" data-id=\"c60b60e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12e4ef8b elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch page-3 elementor-section-height-default\" data-id=\"12e4ef8b\" data-element_type=\"section\" id=\"invitation-cover\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-330f55ee\" data-id=\"330f55ee\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b946dc4 elementor-widget elementor-widget-spacer\" data-id=\"b946dc4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9361ae6 elementor-widget elementor-widget-image\" data-id=\"9361ae6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"297\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring-1024x380.jpg\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring-1024x380.jpg 1024w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring-300x111.jpg 300w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring-768x285.jpg 768w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring-1536x570.jpg 1536w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring-18x7.jpg 18w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2025\/09\/ring.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e66f910 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3e66f910\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Undangan pernikahan<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42a9039 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"42a9039\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mutia \u221e zaim<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65bffc79 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"65bffc79\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">28 September 2025<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a53a531 elementor-widget elementor-widget-spacer\" data-id=\"4a53a531\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5c2fde e-container--column e-container\" data-id=\"c5c2fde\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-4aa1886 elementor-invisible elementor-widget elementor-widget-eael-countdown\" data-id=\"4aa1886\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"eael-countdown.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<div class=\"eael-countdown-wrapper\" data-countdown-id=\"4aa1886\" data-expire-type=\"none\" data-countdown-type=\"due_date\">\n\t\t\t<div class=\"eael-countdown-container eael-countdown-label-block   \">\n\t\t\t\t<ul id=\"eael-countdown-4aa1886\" class=\"eael-countdown-items\" data-date=\"Sep 28 2025 8:00:00 +7\">\n\t\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-days\"><span data-days class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Hari<\/span><\/div><\/li>\t\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-hours\"><span data-hours class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Jam<\/span><\/div><\/li>\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-minutes\"><span data-minutes class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Menit<\/span><\/div><\/li>\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-seconds\"><span data-seconds class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Detik<\/span><\/div><\/li>\t\t\t\t<\/ul>\n                <div class=\"eael-countdown-expiry-template\" style=\"display: none;\">\n\t\t\t\t\t                <\/div>\n\t\t\t\t<div class=\"clearfix\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-7dcdeede elementor-widget elementor-widget-spacer\" data-id=\"7dcdeede\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4bf0b4f2 page-3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4bf0b4f2\" data-element_type=\"section\" id=\"invitation-prayer\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71ba3d54\" data-id=\"71ba3d54\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed3b2be elementor-widget elementor-widget-text-editor\" data-id=\"ed3b2be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\u0648\u064e\u0645\u0650\u0646\u0652 \u0621\u064e\u0627\u064a\u064e\u0640\u0670\u062a\u0650\u0647\u0650\u06e6\u0653 \u0623\u064e\u0646\u0652 \u062e\u064e\u0644\u064e\u0642\u064e \u0644\u064e\u0643\u064f\u0645 \u0645\u0651\u0650\u0646\u0652 \u0623\u064e\u0646\u0641\u064f\u0633\u0650\u0643\u064f\u0645\u0652 \u0623\u064e\u0632\u0652\u0648\u064e\u0670\u062c\u064b\u06ed\u0627 \u0644\u0651\u0650\u062a\u064e\u0633\u0652\u0643\u064f\u0646\u064f\u0648\u0653\u0627\u06df \u0625\u0650\u0644\u064e\u064a\u0652\u0647\u064e\u0627 \u0648\u064e\u062c\u064e\u0639\u064e\u0644\u064e \u0628\u064e\u064a\u0652\u0646\u064e\u0643\u064f\u0645 \u0645\u0651\u064e\u0648\u064e\u062f\u0651\u064e\u0629\u064b\u06ed \u0648\u064e\u0631\u064e\u062d\u0652\u0645\u064e\u0629\u064b \u06da \u0625\u0650\u0646\u0651\u064e \u0641\u0650\u0649 \u0630\u064e\u0670\u0644\u0650\u0643\u064e \u0644\u064e\u0640\u0654\u064e\u0627\u064a\u064e\u0640\u0670\u062a\u064d\u06e2 \u0644\u0651\u0650\u0642\u064e\u0648\u0652\u0645\u064d\u06e2 \u064a\u064e\u062a\u064e\u0641\u064e\u0643\u0651\u064e\u0631\u064f\u0648\u0646\u064e\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50a58c7c elementor-widget elementor-widget-text-editor\" data-id=\"50a58c7c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div id=\"words\" class=\"text-xl font-semibold\">\n<ul class=\"word-container\">\n \t<li data-author=\"Surah Ar Rum\u00a0(21)\" data-easein=\"bounceIn\">Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.<\/li>\n<\/ul>\n<div class=\"quote my-6\">\n<div class=\"quote-content block italic\"><\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6320753a elementor-widget elementor-widget-text-editor\" data-id=\"6320753a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tSurah Ar Rum (21)\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-193e49ab elementor-section-full_width page-3 elementor-section-height-default elementor-section-height-default\" data-id=\"193e49ab\" data-element_type=\"section\" id=\"invitation-lovebird\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1fc32434\" data-id=\"1fc32434\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69763a2 elementor-widget elementor-widget-spacer\" data-id=\"69763a2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da68020 e-container--column e-container\" data-id=\"da68020\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-700b3cf elementor-widget elementor-widget-text-editor\" data-id=\"700b3cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dengan memohon Rahmat dan Ridho Allah SWT, kami mengundang Bapak\/Ibu Saudara\/i untuk menghadiri walimatul ursy pernikahan kami<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div class=\"elementor-element elementor-element-bed90fa e-container--column e-container\" data-id=\"bed90fa\" data-element_type=\"container\">\t\t<div class=\"elementor-element elementor-element-a577c7f e-container--column e-container\" data-id=\"a577c7f\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-dc6d83a elementor-widget elementor-widget-heading\" data-id=\"dc6d83a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mutia Gusvira<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-086455f elementor-widget elementor-widget-heading\" data-id=\"086455f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Putri Pertama dari Bapak Nuzirwan\n<br>dan Ibu Syafrina Yeni<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-ffd9bce elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"ffd9bce\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#2c2c2c;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:-webkit-box;display:-ms-flexbox;display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);-ms-flex-negative:0;flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:\"\";border-bottom:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:100;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:100;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-container>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow,0)}<\/style>\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\t\u221e\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49a0a79 e-container--column e-container\" data-id=\"49a0a79\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-9bb2aeb elementor-widget elementor-widget-heading\" data-id=\"9bb2aeb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Muhammad Zaim Hanif<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc63ac5 elementor-widget elementor-widget-heading\" data-id=\"fc63ac5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Putra Ketiga dari Bapak Zakaria Asymawi (Alm.)\n<br>dan Ibu Nailal Hidayah<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div>\t\t<div class=\"elementor-element elementor-element-033d0cf elementor-widget elementor-widget-spacer\" data-id=\"033d0cf\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-171e3cc page-3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"171e3cc\" data-element_type=\"section\" id=\"invitation-agenda\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-472cdd14\" data-id=\"472cdd14\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-765012d9 elementor-widget elementor-widget-heading\" data-id=\"765012d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WAKTU &amp; AGENDA<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a2559e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9a2559e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Kehadiran Anda akan menghangatkan momen spesial kami.<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-924d427 e-container--column e-container\" data-id=\"924d427\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-bf76a7e elementor-widget elementor-widget-heading\" data-id=\"bf76a7e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Akad Nikah<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d955d6 elementor-widget elementor-widget-heading\" data-id=\"9d955d6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Minggu, 28 September 2025<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a333410 elementor-widget elementor-widget-heading\" data-id=\"a333410\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">08:30 WIB - Selesai<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf0829e elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"cf0829e\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-mosque\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56eee87 elementor-widget elementor-widget-text-editor\" data-id=\"56eee87\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div>Mushala Nur Ar-Rasyid<\/div>\n<strong>Taratak Indah, Sungayang, Tanah Datar, Sumatera Barat<\/strong>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8755503 elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"8755503\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed053c7 elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"ed053c7\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-6a760e7 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"6a760e7\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/yhRasw197KtU7j8G7?g_st=iw\" target=\"_blank\" class=\"elementor-button-link elementor-button elementor-size-lg\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Open Google Maps<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5020e9 e-container--column e-container\" data-id=\"f5020e9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-f96a004 elementor-widget elementor-widget-heading\" data-id=\"f96a004\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Resepsi<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3500287 elementor-widget elementor-widget-heading\" data-id=\"3500287\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 22.4px;\">Minggu, 28 September 2025<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7481b37 elementor-widget elementor-widget-heading\" data-id=\"7481b37\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">10:00 WIB - Selesai<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adc5e7d elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"adc5e7d\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-mosque\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08502da elementor-widget elementor-widget-text-editor\" data-id=\"08502da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div>Kediaman Mempelai Wanita<\/div>\n<strong>Taratak Indah, Sungayang, Tanah Datar, Sumatera Barat<\/strong>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aba7381 elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"aba7381\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49ad671 elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"49ad671\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-61482a00 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"61482a00\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/mkg8XdkF4Eqydbdy7?g_st=iw\" target=\"_blank\" class=\"elementor-button-link elementor-button elementor-size-lg\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Open Google Maps<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1296ef5 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"1296ef5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&#038;dates=20240420T210000Z%2F20240421T000000Z&#038;details=https%3A%2F%2Fyusuf-ivanka.site&#038;location=https%3A%2F%2Fmaps.app.goo.gl%2FcREW27gFB38UPsn3A&#038;text=%F0%9F%92%90%20Yusuf%20%26%20Ivanka%20Wedding%20Day\" target=\"_blank\" class=\"elementor-button-link elementor-button elementor-size-lg\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t<span class=\"elementor-button-icon elementor-align-icon-left\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Save To Calendar<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b79ad elementor-widget elementor-widget-spacer\" data-id=\"c6b79ad\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-669d4075 page-3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"669d4075\" data-element_type=\"section\" id=\"invitation-rsvp\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-759d22b6\" data-id=\"759d22b6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71280e7b elementor-widget elementor-widget-heading\" data-id=\"71280e7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pesan untuk Mutia dan Zaim<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60263bde elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"60263bde\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tNasihat adalah tanda cinta\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6527438 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"6527438\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t&#8220;Sesungguhnya hamba yang dicintai di sisi Allah adalah yang mencintai hamba Allah karena Allah.\nDimuka bumi, ia pun memberi nasehat pada orang lain.&#8221;\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf4fdd1 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"cf4fdd1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tPerkataan Hasan Al-bashri (Jaami\u2019ul\u2019 Ulum wal Hikam, 1:224)\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a7ade21 elementor-widget elementor-widget-image\" data-id=\"7a7ade21\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"79\" height=\"22\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/leaf-1.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2168949a elementor-widget elementor-widget-shortcode\" data-id=\"2168949a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/unpkg.com\/petite-vue\"><\/script>\r\n<div id=\"rsvp\" @vue:mounted=\"initGuestbook\">\r\n\t<div class=\"bg-white p-6 rounded\" v-if=\"true\">\r\n\t\t<form :action=\"apiUrl\" @submit=\"submitWish\">\r\n\t\t\t<div class=\"flex flex-col gap-4\" :class=\"{ 'opacity-50' : formLoading }\">\r\n\t\t\t\t<label>\r\n\t\t\t\t\t<input class=\"border border-gray rounded-sm p-2 w-full\" type=\"text\" name=\"name\"\r\n\t\t\t\t\t\tplaceholder=\"Name\" required>\r\n\t\t\t\t<\/label>\r\n\t\t\t\t<label>\r\n\t\t\t\t\t<input class=\"border border-gray rounded-sm p-2 w-full\" type=\"text\" name=\"relationship\"\r\n\t\t\t\t\t\tplaceholder=\"Relationship (e.g friends, family..)\" required>\r\n\t\t\t\t<\/label>\r\n\r\n\t\t\t\t<!-- RSVP section -->\r\n\t\t\t\t<div v-if=\"showRSVP\">\r\n\t\t\t\t\t<b>Are you going to attend?<\/b>\r\n\t\t\t\t\t<div class=\"flex flex-col\" v-if=\"confirmOptions.length == 0\">\r\n\t\t\t\t\t\t<label id=\"disabled-for-online\">\r\n\t\t\t\t\t\t\t<input v-model=\"confirmation\" type=\"radio\" name=\"confirm\" value=\"going\" required>\r\n\t\t\t\t\t\t\t<span>Yes, I will attend<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\t<input v-model=\"confirmation\" type=\"radio\" name=\"confirm\" value=\"not-going\" required>\r\n\t\t\t\t\t\t\t<span>Sorry, I cannot<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"flex flex-col\" v-else>\r\n\t\t\t\t\t\t<label v-for=\"item in confirmOptions\">\r\n\t\t\t\t\t\t\t<input v-model=\"confirmation\" type=\"radio\" name=\"confirm\" :value=\"item[0]\" required>\r\n\t\t\t\t\t\t\t<span>{{ item[1] }}<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<!-- people count only if RSVP visible -->\r\n\t\t\t\t<label v-if=\"showRSVP && confirmation != 'not-going' && confirmation != null\">\r\n\t\t\t\t\t<input class=\"border border-gray rounded-sm p-2 w-full\" type=\"number\" name=\"people\"\r\n\t\t\t\t\t\tplaceholder=\"How many guest?\" required>\r\n\t\t\t\t<\/label>\r\n\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<textarea class=\"border border-gray rounded-sm p-2 w-full\" name=\"wish\" rows=\"5\"\r\n\t\t\t\t\t\tplaceholder=\"Wishes and greetings\" required><\/textarea>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"rsvp-button border-0 uppercase font-light tracking-widest text-white px-4 py-2\">{{ sending ? 'Loading..' : \"send\" }}<\/button>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t<\/div>\r\n\r\n\t<!-- Guestbook -->\r\n\t<div id=\"wishes\" class=\"mt-2 flex flex-col gap-2\">\r\n\t\t<div v-for=\"item in wishes.reverse()\" v-bind:key=\"item.timestamp\" class=\"flex gap-4 bg-white p-4 rounded\">\r\n\t\t\t<div class=\"text-left\">\r\n\t\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t\t<span><b>{{ item.name }}<\/b> ({{ item.relationship }})<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<!-- Only show RSVP status if RSVP is enabled -->\r\n\t\t\t\t\t<template v-if=\"showRSVP\">\r\n\t\t\t\t\t\t<span v-if=\"item.confirm == 'going'\" class=\"flex text-xs items-center\">\r\n\t\t\t\t\t\t\t<img src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/10\/checkmark.svg\">\r\n\t\t\t\t\t\t\t<span>Going<\/span>\r\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span v-else-if=\"item.confirm == 'online'\" class=\"flex text-xs items-center\">\r\n\t\t\t\t\t\t\t<img src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/10\/checkmark.svg\">\r\n\t\t\t\t\t\t\t<span>Going (online)<\/span>\r\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/template>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span class=\"block\">{{ item.wish }}<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar linkGscript = \"https:\/\/script.google.com\/macros\/s\/AKfycbzCAuPkbrGciiBpRK03OeBQMAWXLiQHQgxj0CfDVEP4FthRCDGdYEasXVHQS2J_Uue06Q\/exec?type=guest\";\r\n\r\nPetiteVue.createApp({\r\n    wishes: [],\r\n    confirmation: null,\r\n    apiUrl: linkGscript,\r\n    formLoading: false,\r\n\tsending: false,\r\n\tconfirmOptions: [],\r\n\tshowRSVP: false, \/\/ toggle here\r\n\r\n\tformatOptions(option) {\r\n\t\tif (option == '') {\r\n\t\t\tthis.confirmOptions = [];\r\n\t\t} else {\r\n\t\t\tthis.confirmOptions = option.split(\";\").map(item => item.split(\":\"))\r\n\t\t}\r\n\t},\r\n\tinitGuestbook(){\r\n\t\t\/\/ If RSVP is hidden \u2192 default to going\r\n\t\tif (!this.showRSVP) {\r\n\t\t\tthis.confirmation = \"going\";\r\n\t\t}\r\n\t\tthis.getWishes();\r\n\t\tthis.formatOptions('');\r\n\t},\r\n    getWishes() {\r\n        fetch(this.apiUrl)\r\n            .then(response => response.json())\r\n            .then(data => { this.wishes = data });\r\n    },\r\n    submitWish(e) {\r\n        e.preventDefault();\r\n\t\tthis.sending = true;\r\n        if (!e.target.checkValidity()) {\r\n            e.target.reportValidity()\r\n            return;\r\n        }\r\n        var formData = new FormData(e.target);\r\n\r\n\t\t\/\/ if RSVP hidden, enforce \"going\"\r\n\t\tif (!this.showRSVP) {\r\n\t\t\tformData.set(\"confirm\", \"going\");\r\n\t\t}\r\n\r\n        var button = e.target.querySelector('button');\r\n            button.setAttribute('disabled','true');\r\n            this.formLoading = true;\r\n        fetch(this.apiUrl, {\r\n            method: 'POST',\r\n            body: formData,\r\n        })\r\n            .then(response => response.json())\r\n            .then(json => {\r\n                if (json.result == 'success') {\r\n                    Swal.fire({\r\n                        title: 'Your wishes sent successfully!',\r\n                        timer: 3000,\r\n                        icon: 'success'\r\n                      })\r\n                    e.target.reset();\r\n\t\t\t\t\tthis.sending = false;\r\n                    this.getWishes();\r\n                } else {\r\n                    Swal.fire({\r\n                        icon: 'error',\r\n                        timer: 3000,\r\n                        title: 'Oops...',\r\n                        text: 'Something wrong happen, please try again later!',\r\n                    })\r\n                }\r\n                button.removeAttribute('disabled', 'false');\r\n                this.formLoading = false;\r\n            })\r\n            .catch( error => {\r\n                Swal.fire({\r\n                    icon: 'error',\r\n                    timer: 3000,\r\n                    title: 'Oops...',\r\n                    text: 'Something wrong happen, please try again later!',\r\n                })\r\n            })\r\n    }\r\n}).mount('#rsvp')\r\n\tfunction animateSelf(element) {\r\n    element.classList.add('displayed');\r\n    element.classList.add('animated');\r\n    element.classList.add('fadeInUp');\r\n}\r\n\r\nfunction checkViewportAndAnimate() {\r\n    document.querySelectorAll('.pending-animation').forEach(element => {\r\n        var rect = element.getBoundingClientRect();\r\n        var elemTop = rect.top;\r\n        var elemBottom = rect.bottom;\r\n    \r\n        \/\/ Only completely visible elements return true:\r\n        var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);\r\n\r\n        \/\/ animate section\r\n        if (\r\n            (isVisible) &&\r\n            (!element.classList.contains('displayed')) &&\r\n            (!document.getElementsByTagName('body')[0].classList.contains('locked'))\r\n        ) {\r\n            animateSelf(element);\r\n        }\r\n    })\r\n}\r\n\r\nfunction throttle (callback, limit) {\r\n    var waiting = false;                      \/\/ Initially, we're not waiting\r\n    return function () {                      \/\/ We return a throttled function\r\n        if (!waiting) {                       \/\/ If we're not waiting\r\n            callback.apply(this, arguments);  \/\/ Execute users function\r\n            waiting = true;                   \/\/ Prevent future invocations\r\n            setTimeout(function () {          \/\/ After a period of time\r\n                waiting = false;              \/\/ And allow future invocations\r\n            }, limit);\r\n        }\r\n    }\r\n}\r\n\r\nwindow.addEventListener('scroll', throttle(checkViewportAndAnimate, 200));\r\n<\/script>\r\n<style>\r\n#rsvp {\r\n    font-family: 'Raleway';\r\n}\r\n\r\n#rsvp input[type=\"text\"], #rsvp textarea {\r\n\tborder-color:#DDD;\r\n}\r\n\t\r\n.pending-animation:not(.displayed) {\r\n\topacity: 0;\r\n}\r\n\t\r\n.rsvp-button {\r\n\tbackground-color: #948D71\r\n}\r\n\t\r\n.rsvp-button:hover {\r\n\tbackground-color: #948D71;\r\n\topacity: 0.8;\r\n}\r\n<\/style><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6220d9 elementor-widget elementor-widget-spacer\" data-id=\"6a6220d9\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eab6a46 e-transform elementor-widget elementor-widget-image\" data-id=\"1eab6a46\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_flipX_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"79\" height=\"22\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/leaf-1.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-75ac8c8e page-3 e-container--column e-container\" data-id=\"75ac8c8e\" data-element_type=\"container\" id=\"invitation-menu\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-4cdeb9ba e-container--column e-container\" data-id=\"4cdeb9ba\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-3a9c2d99 elementor-widget elementor-widget-spacer\" data-id=\"3a9c2d99\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b23059 elementor-widget elementor-widget-heading\" data-id=\"9b23059\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#ZaimeminangMutia<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31a6a25 e-container--column e-container\" data-id=\"31a6a25\" data-element_type=\"container\">\t\t\t\t<div class=\"elementor-element elementor-element-296d310 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"296d310\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Merupakan suatu kehormatan bagi kami apabila Bapak\/Ibu\/Saudara\/i<br \/>berkenan hadir untuk memberi doa restu kepada kami<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-38105332 elementor-widget elementor-widget-heading\" data-id=\"38105332\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Created by<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57ef2185 elementor-widget elementor-widget-image\" data-id=\"57ef2185\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"87\" height=\"87\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/10\/logo.46f691d5.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-709d34fa elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"709d34fa\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b111cb elementor-widget elementor-widget-spacer\" data-id=\"2b111cb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17cc4942 elementor-widget elementor-widget-spacer\" data-id=\"17cc4942\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><nav class=\"elementor-element elementor-element-1d1a82bd section-nav page-3 e-container--row e-container\" data-id=\"1d1a82bd\" data-element_type=\"container\" id=\"invitation-closing\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-b1c11e5 elementor-icon-list--layout-inline section-nav-links elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b1c11e5\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/invitation.hcs.web.id\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-story\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19.875 23.25H18.2227L12.0004 17.8683L5.78752 23.25H4.125V0.75H19.875V23.25ZM5.625 2.25V21.4063L11.9996 15.8844L18.375 21.3984V2.25H5.625Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cerita Kami<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-lovebird\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21.2401 3.70364C20.6827 3.14622 20.0209 2.70411 19.2925 2.40258C18.5642 2.10104 17.7835 1.94599 16.9952 1.94629C16.2069 1.94659 15.4264 2.10222 14.6983 2.4043C13.9701 2.70639 13.3087 3.14899 12.7517 3.70683L12.0246 4.44277L11.3036 3.70842L11.2989 3.70373C10.7417 3.14658 10.0803 2.70462 9.35233 2.40309C8.62437 2.10156 7.84415 1.94636 7.05622 1.94636C6.26828 1.94636 5.48806 2.10156 4.7601 2.40309C4.03215 2.70462 3.37071 3.14658 2.81356 3.70373L2.48965 4.02764C1.36444 5.15286 0.7323 6.67898 0.7323 8.27027C0.7323 9.86157 1.36444 11.3877 2.48965 12.5129L11.0384 21.0615L12.0038 22.073L12.0268 22.0499L12.0518 22.0749L12.9563 21.1206L21.564 12.5128C22.6876 11.3867 23.3185 9.86087 23.3185 8.27013C23.3185 6.6794 22.6876 5.15361 21.564 4.0275L21.2401 3.70364ZM20.5032 11.4521L12.0268 19.9287L3.55025 11.4521C2.70634 10.6082 2.23224 9.46362 2.23224 8.27016C2.23224 7.07669 2.70634 5.9321 3.55025 5.08819L3.8742 4.76428C4.7177 3.92079 5.8616 3.44672 7.05448 3.44627C8.24736 3.44583 9.39162 3.91903 10.2357 4.76189L12.0214 6.58003L13.8155 4.76428C14.2333 4.34641 14.7294 4.01494 15.2754 3.7888C15.8213 3.56265 16.4065 3.44625 16.9974 3.44625C17.5884 3.44625 18.1736 3.56265 18.7195 3.7888C19.2655 4.01494 19.7616 4.34641 20.1794 4.76428L20.5033 5.08814C21.346 5.93275 21.8192 7.07711 21.8192 8.27017C21.8191 9.46323 21.3458 10.6076 20.5032 11.4521V11.4521Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Lovebird<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-agenda\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M22.125 4.5H18V1.875H16.5V4.5H7.5V1.875H6V4.5H1.875C1.57674 4.50035 1.29079 4.61899 1.07989 4.82989C0.868985 5.04079 0.750347 5.32674 0.75 5.625V21.375C0.750347 21.6733 0.868985 21.9592 1.07989 22.1701C1.29079 22.381 1.57674 22.4997 1.875 22.5H22.125C22.4233 22.4997 22.7092 22.381 22.9201 22.1701C23.131 21.9592 23.2497 21.6733 23.25 21.375V5.625C23.2497 5.32674 23.131 5.04079 22.9201 4.82989C22.7092 4.61899 22.4233 4.50035 22.125 4.5V4.5ZM21.75 21H2.25V6H6V7.875H7.5V6H16.5V7.875H18V6H21.75V21Z\" fill=\"black\"><\/path><path d=\"M5.25 10.5H6.75V12H5.25V10.5Z\" fill=\"black\"><\/path><path d=\"M9.375 10.5H10.875V12H9.375V10.5Z\" fill=\"black\"><\/path><path d=\"M13.125 10.5H14.625V12H13.125V10.5Z\" fill=\"black\"><\/path><path d=\"M17.25 10.5H18.75V12H17.25V10.5Z\" fill=\"black\"><\/path><path d=\"M5.25 13.875H6.75V15.375H5.25V13.875Z\" fill=\"black\"><\/path><path d=\"M9.375 13.875H10.875V15.375H9.375V13.875Z\" fill=\"black\"><\/path><path d=\"M13.125 13.875H14.625V15.375H13.125V13.875Z\" fill=\"black\"><\/path><path d=\"M17.25 13.875H18.75V15.375H17.25V13.875Z\" fill=\"black\"><\/path><path d=\"M5.25 17.25H6.75V18.75H5.25V17.25Z\" fill=\"black\"><\/path><path d=\"M9.375 17.25H10.875V18.75H9.375V17.25Z\" fill=\"black\"><\/path><path d=\"M13.125 17.25H14.625V18.75H13.125V17.25Z\" fill=\"black\"><\/path><path d=\"M17.25 17.25H18.75V18.75H17.25V17.25Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Agenda<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-rsvp\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M23.25 6.7859V5.2139H21.411V1.96865C21.4081 1.65828 21.2822 1.36172 21.061 1.14406C20.8397 0.9264 20.5411 0.805412 20.2307 0.807648H3.76926C3.45888 0.805412 3.16029 0.9264 2.93902 1.14406C2.71775 1.36172 2.59186 1.65828 2.58899 1.96865V22.1249C2.59186 22.4353 2.71775 22.7318 2.93902 22.9495C3.16029 23.1671 3.45888 23.2881 3.76926 23.2859H20.2307C20.5411 23.2881 20.8397 23.1671 21.061 22.9495C21.2822 22.7318 21.4081 22.4353 21.411 22.1249V18.7859H23.25V17.2139H21.411V12.7859H23.25V11.2139H21.411V6.7859H23.25ZM19.839 11.2139H17.625V12.7859H19.839V17.2139H17.625V18.7859H19.839V21.7139H4.16099V2.37965H19.839V5.2139H17.625V6.7859H19.839V11.2139Z\"><\/path><path d=\"M14.7018 14.3871L13.3544 13.5112L14.0022 11.9337V9.45534C14.0022 8.63839 13.6777 7.85489 13.1 7.27721C12.5223 6.69954 11.7388 6.375 10.9219 6.375C10.1049 6.375 9.32142 6.69954 8.74375 7.27721C8.16607 7.85489 7.84154 8.63839 7.84154 9.45534V11.919L8.43783 13.5448L7.14193 14.3871C6.81964 14.5957 6.55482 14.8818 6.37171 15.2193C6.18859 15.5567 6.09303 15.9346 6.09375 16.3185V18.75H15.75V16.3185C15.7507 15.9346 15.6552 15.5567 15.472 15.2193C15.2889 14.8818 15.0241 14.5957 14.7018 14.3871V14.3871ZM14.25 17.25H7.59375V16.3185C7.5935 16.1846 7.62684 16.0528 7.69072 15.9351C7.75459 15.8174 7.84696 15.7176 7.95938 15.6448L10.2578 14.1508L9.34154 11.6524V9.45534C9.34154 9.03621 9.50804 8.63424 9.80441 8.33787C10.1008 8.0415 10.5027 7.875 10.9219 7.875C11.341 7.875 11.743 8.0415 12.0394 8.33787C12.3357 8.63424 12.5022 9.03621 12.5022 9.45534V11.6377L11.4944 14.0915L13.8844 15.6448C13.9968 15.7176 14.0892 15.8174 14.153 15.9351C14.2169 16.0528 14.2503 16.1846 14.25 16.3185V17.25Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Kesan Pesan<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/nav>\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Wedding of Zaim &#038; Mutia<\/p>\n","protected":false},"featured_media":6275,"template":"elementor_canvas","session":[],"acf":[],"_links":{"self":[{"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/invitation\/5867"}],"collection":[{"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/invitation"}],"about":[{"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/types\/invitation"}],"version-history":[{"count":438,"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/invitation\/5867\/revisions"}],"predecessor-version":[{"id":6341,"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/invitation\/5867\/revisions\/6341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/media\/6275"}],"wp:attachment":[{"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/media?parent=5867"}],"wp:term":[{"taxonomy":"session","embeddable":true,"href":"https:\/\/invitation.hcs.web.id\/id\/wp-json\/wp\/v2\/session?post=5867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}