{"id":1217,"date":"2026-02-25T20:56:21","date_gmt":"2026-02-25T12:56:21","guid":{"rendered":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/?page_id=1217"},"modified":"2026-07-07T17:14:17","modified_gmt":"2026-07-07T09:14:17","slug":"klcc-pulse","status":"publish","type":"page","link":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse\/","title":{"rendered":"KLCC PULSE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1217\" class=\"elementor elementor-1217\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bac758d e-con-full e-flex e-con e-parent\" data-id=\"bac758d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff9ca5 elementor-widget elementor-widget-html\" data-id=\"2ff9ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Split-text line reveal (left -> right) with stronger blur presence *\/\r\n.split-text .elementor-heading-title,\r\n.elementor-heading-title.split-text {\r\n    --plr-duration: 2000ms;\r\n    --plr-stagger: 300ms;\r\n    --plr-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.split-text .elementor-heading-title .plr-line-mask,\r\n.elementor-heading-title.split-text .plr-line-mask {\r\n    display: block;\r\n    overflow: hidden;\r\n    line-height: inherit;\r\n}\r\n\r\n.split-text .elementor-heading-title .plr-line,\r\n.elementor-heading-title.split-text .plr-line {\r\n    display: block;\r\n    clip-path: inset(0 100% 0 0); \/* hidden from right *\/\r\n    opacity: 0;\r\n    filter: blur(14px);\r\n    will-change: clip-path, opacity, filter;\r\n}\r\n\r\n.split-text .elementor-heading-title.plr-inview .plr-line,\r\n.elementor-heading-title.split-text.plr-inview .plr-line {\r\n    animation:\r\n        plrRevealIn var(--plr-duration) var(--plr-ease) forwards,\r\n        plrBlurOut 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n    animation-delay:\r\n        calc(var(--line-index) * var(--plr-stagger)),\r\n        calc(var(--line-index) * var(--plr-stagger));\r\n}\r\n\r\n@keyframes plrRevealIn {\r\n    0% {\r\n        clip-path: inset(0 100% 0 0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        clip-path: inset(0 0 0 0);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes plrBlurOut {\r\n    0% {\r\n        filter: blur(14px);\r\n    }\r\n    100% {\r\n        filter: blur(0);\r\n    }\r\n}\r\n\r\n\/* ICON COLOR FIX: force icon elements to inherit heading color.\r\n   NOTE: <a> is intentionally excluded here so Elementor hover color can override it. *\/\r\n.split-text .elementor-heading-title .plr-line .elementor-icon,\r\n.elementor-heading-title.split-text .plr-line .elementor-icon,\r\n.split-text .elementor-heading-title .plr-line i,\r\n.elementor-heading-title.split-text .plr-line i,\r\n.split-text .elementor-heading-title .plr-line [class*=\"fa\"],\r\n.elementor-heading-title.split-text .plr-line [class*=\"fa\"],\r\n.split-text .elementor-heading-title .plr-line svg,\r\n.elementor-heading-title.split-text .plr-line svg,\r\n.split-text .elementor-heading-title .plr-line svg *,\r\n.elementor-heading-title.split-text .plr-line svg * {\r\n    color: inherit !important;\r\n    fill: currentColor !important;\r\n    stroke: currentColor !important;\r\n}\r\n\r\n\/* ICON + LINK COLOR: inherit heading color, allow Elementor hover to override *\/\r\n.split-text .elementor-heading-title .plr-line a,\r\n.elementor-heading-title.split-text .plr-line a {\r\n    color: inherit;\r\n    text-decoration-color: currentColor;\r\n    \/* Ensure pointer events work so :hover rules on the <a> fire *\/\r\n    pointer-events: auto;\r\n}\r\n\r\n\/* Allow Elementor's widget-level hover color to cascade in freely *\/\r\n.split-text .elementor-heading-title .plr-line a:hover,\r\n.elementor-heading-title.split-text .plr-line a:hover {\r\n    color: inherit;\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .split-text .elementor-heading-title .plr-line,\r\n    .elementor-heading-title.split-text .plr-line {\r\n        clip-path: inset(0 0 0 0) !important;\r\n        opacity: 1 !important;\r\n        filter: none !important;\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da08503 elementor-widget elementor-widget-html\" data-id=\"da08503\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n    function debounce(fn, wait) {\r\n        var t;\r\n        return function () {\r\n            clearTimeout(t);\r\n            t = setTimeout(fn, wait);\r\n        };\r\n    }\r\n\r\n    function getTargets(scope) {\r\n        var root = scope || document;\r\n        return Array.from(root.querySelectorAll('.split-text .elementor-heading-title, .elementor-heading-title.split-text'));\r\n    }\r\n\r\n    \/\/ Returns the <a> element that directly wraps the heading text, if any.\r\n    \/\/ Elementor often wraps heading text in an <a> when a link is set.\r\n    function getLinkWrapper(el) {\r\n        var a = el.querySelector('a');\r\n        if (!a) return null;\r\n        \/\/ Only treat it as a wrapper if it contains real text (not just an icon)\r\n        var clone = a.cloneNode(true);\r\n        clone.querySelectorAll('i, [class*=\"fa\"], svg').forEach(function(n) { n.remove(); });\r\n        if ((clone.textContent || '').trim().length > 0) return a;\r\n        return null;\r\n    }\r\n\r\n    function splitLines(el) {\r\n        if (el.dataset.plrDone === '1') return;\r\n\r\n        var originalHtml = (el.innerHTML || '').trim();\r\n        if (!originalHtml) return;\r\n\r\n        el.dataset.plrText = originalHtml;\r\n\r\n        \/\/ Detect Elementor's <a> wrapper so we can preserve it for hover CSS\r\n        var linkWrapper = getLinkWrapper(el);\r\n        var linkAttrs = null;\r\n        if (linkWrapper) {\r\n            linkAttrs = {\r\n                href:   linkWrapper.getAttribute('href') || '#',\r\n                target: linkWrapper.getAttribute('target') || '',\r\n                rel:    linkWrapper.getAttribute('rel') || '',\r\n                cls:    linkWrapper.className || ''\r\n            };\r\n        }\r\n\r\n        \/\/ Create a temporary element to measure text layout\r\n        var tempDiv = document.createElement('div');\r\n        tempDiv.innerHTML = originalHtml;\r\n        tempDiv.style.position = 'absolute';\r\n        tempDiv.style.visibility = 'hidden';\r\n        tempDiv.style.width = window.getComputedStyle(el).width;\r\n        document.body.appendChild(tempDiv);\r\n\r\n        var text = (tempDiv.textContent || '').trim();\r\n        if (!text) {\r\n            document.body.removeChild(tempDiv);\r\n            return;\r\n        }\r\n\r\n        el.innerHTML = '';\r\n\r\n        var words = text.split(\/\\s+\/);\r\n        words.forEach(function (w, i) {\r\n            var s = document.createElement('span');\r\n            s.className = 'plr-word';\r\n            s.style.display = 'inline-block';\r\n            s.style.whiteSpace = 'pre';\r\n            s.textContent = i === words.length - 1 ? w : w + ' ';\r\n            el.appendChild(s);\r\n        });\r\n\r\n        var wordEls = Array.from(el.querySelectorAll('.plr-word'));\r\n        var lines = [];\r\n        var currentTop = null;\r\n        var current = [];\r\n\r\n        wordEls.forEach(function (w) {\r\n            var t = w.offsetTop;\r\n            if (currentTop === null || Math.abs(t - currentTop) <= 1) {\r\n                current.push(w);\r\n                currentTop = t;\r\n            } else {\r\n                lines.push(current);\r\n                current = [w];\r\n                currentTop = t;\r\n            }\r\n        });\r\n        if (current.length) lines.push(current);\r\n\r\n        \/\/ Clear and rebuild with animation structure\r\n        el.innerHTML = '';\r\n\r\n        \/\/ Helper: create an <a> clone that mirrors Elementor's original link wrapper\r\n        function makeLink(extraClass) {\r\n            var a = document.createElement('a');\r\n            a.href = linkAttrs.href;\r\n            if (linkAttrs.target) a.target = linkAttrs.target;\r\n            if (linkAttrs.rel)    a.rel    = linkAttrs.rel;\r\n            \/\/ Preserve Elementor's original classes plus our own\r\n            a.className = (linkAttrs.cls ? linkAttrs.cls + ' ' : '') + (extraClass || '');\r\n            return a;\r\n        }\r\n\r\n        \/\/ Create animation lines, wrapping each in the original <a> if one existed\r\n        lines.forEach(function (lineWords, idx) {\r\n            var mask = document.createElement('span');\r\n            mask.className = 'plr-line-mask';\r\n\r\n            var line = document.createElement('span');\r\n            line.className = 'plr-line';\r\n\r\n            var lineText = lineWords.map(function (w) { return w.textContent; }).join('');\r\n            var charCount = Math.max(lineText.trim().length, 1);\r\n\r\n            line.style.setProperty('--line-index', idx);\r\n            line.style.setProperty('--char-count', charCount);\r\n\r\n            if (linkAttrs) {\r\n                \/\/ Wrap text in the reconstructed <a> so Elementor hover CSS still works\r\n                var linkEl = makeLink();\r\n                linkEl.textContent = lineText;\r\n                line.appendChild(linkEl);\r\n            } else {\r\n                line.textContent = lineText;\r\n            }\r\n\r\n            mask.appendChild(line);\r\n            el.appendChild(mask);\r\n        });\r\n\r\n        \/\/ Add back icon-only links (e.g. arrow icons after the heading text)\r\n        var lastLine = el.querySelector('.plr-line:last-child');\r\n        if (lastLine) {\r\n            Array.from(tempDiv.querySelectorAll('a')).forEach(function(link) {\r\n                if (!link.querySelector('i, [class*=\"fa\"]')) return;\r\n                var iconClone = link.cloneNode(true);\r\n                iconClone.textContent = '';\r\n                Array.from(link.querySelectorAll('i, [class*=\"fa\"]')).forEach(function(icon) {\r\n                    iconClone.appendChild(icon.cloneNode(true));\r\n                });\r\n                \/\/ Always append the icon into the existing <a> on the last line if one exists.\r\n                \/\/ This ensures text and icon share the same link element and hover together.\r\n                var lastLink = lastLine.querySelector('a');\r\n                if (lastLink) {\r\n                    lastLink.appendChild(document.createTextNode(' '));\r\n                    Array.from(iconClone.childNodes).forEach(function(n) { lastLink.appendChild(n); });\r\n                } else {\r\n                    lastLine.appendChild(document.createTextNode(' '));\r\n                    lastLine.appendChild(iconClone);\r\n                }\r\n            });\r\n        }\r\n\r\n        document.body.removeChild(tempDiv);\r\n        el.classList.remove('plr-inview');\r\n        el.dataset.plrDone = '1';\r\n    }\r\n\r\n    function observeAndAnimate(scope) {\r\n        var targets = getTargets(scope);\r\n        if (!targets.length) return;\r\n\r\n        targets.forEach(splitLines);\r\n\r\n        if (!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n            targets.forEach(function (el) { el.classList.add('plr-inview'); });\r\n            return;\r\n        }\r\n\r\n        var io = new IntersectionObserver(function (entries, obs) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('plr-inview');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2, rootMargin: '0px 0px -10% 0px' });\r\n\r\n        targets.forEach(function (el) { io.observe(el); });\r\n    }\r\n\r\n    var rerun = debounce(function () { observeAndAnimate(document); }, 200);\r\n\r\n    window.addEventListener('load', function () {\r\n        observeAndAnimate(document);\r\n        window.addEventListener('resize', rerun);\r\n\r\n        var mo = new MutationObserver(rerun);\r\n        mo.observe(document.body, { childList: true, subtree: true });\r\n    });\r\n\r\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/heading.default', function ($scope) {\r\n            observeAndAnimate($scope[0]);\r\n        });\r\n    }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-169ea4e e-con-full e-flex e-con e-parent\" data-id=\"169ea4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-588993e elementor-widget elementor-widget-html\" data-id=\"588993e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.gradient-text .elementor-heading-title,\n.elementor-heading-title.gradient-text {\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n\/* 2) If split-text is active, apply gradient to each split line too *\/\n.gradient-text .elementor-heading-title .plr-line,\n.elementor-heading-title.gradient-text .plr-line {\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n\/* 3) Fallback for browsers that don't support text-clip *\/\n@supports not ((-webkit-background-clip: text) or (background-clip: text)) {\n  .gradient-text .elementor-heading-title,\n  .elementor-heading-title.gradient-text,\n  .gradient-text .elementor-heading-title .plr-line,\n  .elementor-heading-title.gradient-text .plr-line {\n    background: none !important;\n    -webkit-text-fill-color: initial !important;\n    color: #8AC646 !important;\n  }\n}\n\n.el-text-box > * {\nmax-width: 650px;\nmargin-left: 0;\nmargin-right: 0;\n}\n\n\n.el-left-text {\n\npadding-left: max(24px, calc((100vw - 1300px) \/ 2)) !important;\npadding-right: 3% !important;\n\n}\n\n\n.el-right-text {\npadding-right: max(24px, calc((100vw - 1300px) \/ 2)) !important;\npadding-left: 3% !important;\n}\n\n.elementor-icon-list-text {\n    font-family: 'groteska'!important;\n}\n\n@media (min-width: 1024px) and (max-width: 1365px) {\n\n.el-text-box > * {\nmax-width: 512px;\n}\n\n\n\n.el-left-text {\n\npadding-left: max(1vw, calc((100vw - 1024px) \/ 2)) !important;\n}\n\n.el-right-text {\npadding-right: max(1vw, calc((100vw - 1024px) \/ 2)) !important;\n}\n\n.pulse-width {\n    \n}\n.pulse-height {\n    min-height:;\n}\n}\n\n\n\n@media (min-width: 481px) and (max-width: 768px) {\n\n.el-text-box > * {\nmax-width: 380px;\n}\n\n\n\n.el-left-text {\n\npadding-left: max(3vw, calc((100vw - 760px) \/ 2)) !important;\n}\n\n.el-right-text {\npadding-right: max(1vw, calc((100vw - 760px) \/ 2)) !important;\n}\n\n}\n\n\n\n\n\n\n@media (min-width: 320px) and (max-width: 480px) {\n\n\n\n.el-text-box > * {\nmax-width: 240px;\n}\n\n\n\n.el-left-text {\n\npadding: 10px 15px !important;\n}\n\n.el-right-text {\npadding: 10px 15px !important;\n}\n\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bbbff1 e-con-full e-flex e-con e-parent\" data-id=\"2bbbff1\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-294914e e-con-full klcc-slanted-box e-flex e-con e-child\" data-id=\"294914e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/PULSE-RENDER_20260318_V2.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-936d972 elementor-widget elementor-widget-html\" data-id=\"936d972\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@media (min-width: 320px) and (max-width: 480px) {\n\n#home-hero-banner .elementor-background-video-container video{\ndisplay: none;\n}\n\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1061e8 elementor-widget elementor-widget-html\" data-id=\"c1061e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* === Mobile: hide Elementor's desktop BG video so injected video can be seen === *\/\r\n  @media (max-width: 767px){\r\n    #hero-section video.elementor-background-video-hosted,\r\n    #home-hero-banner video.elementor-background-video-hosted{\r\n      display:none !important;\r\n    }\r\n  }\r\n\r\n  \/* === Audio toggle UI (we will inject this into hero container) === *\/\r\n  .hero-audio-toggle-wrap{\r\n    position:absolute;\r\n    left: 50px;\r\n    bottom: 110px;\r\n    z-index:50;\r\n    pointer-events:none;\r\n  }\r\n  .hero-audio-toggle{\r\n    pointer-events:auto;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:10px 12px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    background:rgba(0,0,0,.45);\r\n    color:#fff;\r\n    cursor:pointer;\r\n    font:600 13px\/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    letter-spacing:.2px;\r\n    backdrop-filter:blur(6px);\r\n    -webkit-backdrop-filter:blur(6px);\r\n    transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;\r\n  }\r\n  .hero-audio-toggle:hover{\r\n    transform:translateY(-1px);\r\n    background:rgba(0,0,0,.55);\r\n    border-color:rgba(255,255,255,.55);\r\n  }\r\n  .hero-audio-toggle:active{ transform:translateY(0); opacity:.95; }\r\n  .hero-audio-toggle i{ font-size:16px; width:18px; text-align:center; }\r\n  .hero-audio-toggle__text{ white-space:nowrap; }\r\n\r\n  @media (max-width: 520px){\r\n    .hero-audio-toggle__text{ display:none; }\r\n    .hero-audio-toggle{ padding:10px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const MOBILE_MAX = 767;\r\n\r\n  \/\/ \u2705 \u76ee\u6807\uff1a\u4f18\u5148 #hero-section\uff08\u4f60\u524d\u9762\u8bf4\u7684\uff09\uff0c\u627e\u4e0d\u5230\u518d fallback #home-hero-banner\r\n  const TARGET_SELECTORS = [\"#hero-section\", \"#home-hero-banner\"];\r\n\r\n  \/\/ \u2705 \u624b\u673a\u6ce8\u5165\u7528\u7684 video\r\n  const MOBILE_VIDEO_SRC = \"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/KLCC-THE-PLACE-RENDER_VERTICAL_20260218-web.mp4\";\r\n\r\n  function isMobileNow(){\r\n    return window.matchMedia(`(max-width:${MOBILE_MAX}px)`).matches;\r\n  }\r\n\r\n  function isIOSSafari() {\r\n    const ua = navigator.userAgent;\r\n    const isIOS = \/iP(hone|ad|od)\/.test(ua);\r\n    const isWebKit = \/WebKit\/.test(ua);\r\n    const isCriOS = \/CriOS\/.test(ua);\r\n    const isFxiOS = \/FxiOS\/.test(ua);\r\n    return isIOS && isWebKit && !isCriOS && !isFxiOS;\r\n  }\r\n\r\n  function pickTargetEl() {\r\n    for (const sel of TARGET_SELECTORS) {\r\n      const el = document.querySelector(sel);\r\n      if (el) return el;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  \/* ===============================\r\n     (1) Mobile injected video\r\n     =============================== *\/\r\n  function ensureVideoBackground(el) {\r\n    if (!el) return;\r\n\r\n    if (el.querySelector(\"video.hero-bg-video\")) return;\r\n\r\n    const cs = window.getComputedStyle(el);\r\n    if (cs.position === \"static\") el.style.position = \"relative\";\r\n    el.style.overflow = \"hidden\";\r\n\r\n    if (!el.dataset.desktopBg) el.dataset.desktopBg = el.style.background || \"\";\r\n\r\n    const video = document.createElement(\"video\");\r\n    video.className = \"hero-bg-video\";\r\n    video.src = MOBILE_VIDEO_SRC;\r\n\r\n    video.muted = true;\r\n    video.autoplay = true;\r\n    video.loop = true;\r\n    video.playsInline = true;\r\n    video.setAttribute(\"muted\", \"\");\r\n    video.setAttribute(\"playsinline\", \"\");\r\n    video.setAttribute(\"webkit-playsinline\", \"\");\r\n    video.setAttribute(\"autoplay\", \"\");\r\n    video.setAttribute(\"loop\", \"\");\r\n    video.preload = \"auto\";\r\n\r\n    Object.assign(video.style, {\r\n      position: \"absolute\",\r\n      inset: \"0\",\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n      objectFit: \"cover\",\r\n      objectPosition: \"50% 50%\",\r\n      zIndex: \"0\",\r\n      pointerEvents: \"none\",\r\n    });\r\n\r\n    \/\/ bring children above video\r\n    Array.from(el.children).forEach((child) => {\r\n      const childCS = window.getComputedStyle(child);\r\n      if (childCS.position === \"static\") child.style.position = \"relative\";\r\n      child.style.zIndex = \"1\";\r\n    });\r\n\r\n    el.insertBefore(video, el.firstChild);\r\n\r\n    const hideBg = () => { el.style.backgroundImage = \"none\"; };\r\n    video.addEventListener(\"playing\", hideBg, { once: true });\r\n\r\n    const tryPlay = () => {\r\n      try {\r\n        const p = video.play();\r\n        if (p && typeof p.catch === \"function\") p.catch(() => {});\r\n      } catch (e) {}\r\n    };\r\n    tryPlay();\r\n\r\n    if (isIOSSafari()) {\r\n      let kicked = false;\r\n      const kick = () => {\r\n        if (kicked) return;\r\n        kicked = true;\r\n        tryPlay();\r\n        window.removeEventListener(\"touchstart\", kick, true);\r\n        window.removeEventListener(\"click\", kick, true);\r\n        window.removeEventListener(\"scroll\", kick, true);\r\n      };\r\n      window.addEventListener(\"touchstart\", kick, true);\r\n      window.addEventListener(\"click\", kick, true);\r\n      window.addEventListener(\"scroll\", kick, true);\r\n    }\r\n  }\r\n\r\n  function removeVideoBackground(el) {\r\n    if (!el) return;\r\n\r\n    const v = el.querySelector(\"video.hero-bg-video\");\r\n    if (v) v.remove();\r\n\r\n    el.style.backgroundImage = \"\";\r\n    if (el.dataset.desktopBg) {\r\n      el.style.background = el.dataset.desktopBg;\r\n      delete el.dataset.desktopBg;\r\n    }\r\n  }\r\n\r\n  \/* ===============================\r\n     (2) Audio toggle button (auto controls active video)\r\n     =============================== *\/\r\n  function ensureAudioButton(el){\r\n    if (!el) return null;\r\n\r\n    \/\/ make sure container can anchor absolute button\r\n    const cs = window.getComputedStyle(el);\r\n    if (cs.position === \"static\") el.style.position = \"relative\";\r\n\r\n    let wrap = el.querySelector(\".hero-audio-toggle-wrap\");\r\n    if (wrap) return wrap;\r\n\r\n    wrap = document.createElement(\"div\");\r\n    wrap.className = \"hero-audio-toggle-wrap\";\r\n    wrap.innerHTML = `\r\n      <button type=\"button\" class=\"hero-audio-toggle is-muted\" aria-pressed=\"false\" aria-label=\"Unmute video\">\r\n        <i class=\"fas fa-volume-mute\" aria-hidden=\"true\"><\/i>\r\n        <span class=\"hero-audio-toggle__text\">Sound Off<\/span>\r\n      <\/button>\r\n    `;\r\n    el.appendChild(wrap);\r\n    return wrap;\r\n  }\r\n\r\n  function getActiveVideo(el){\r\n    if (!el) return null;\r\n\r\n    \/\/ mobile: prefer injected\r\n    if (isMobileNow()) {\r\n      return el.querySelector(\"video.hero-bg-video\") || null;\r\n    }\r\n\r\n    \/\/ desktop: prefer elementor background video\r\n    return el.querySelector(\"video.elementor-background-video-hosted\") || null;\r\n  }\r\n\r\n  function setBtnUI(btn, isMuted){\r\n    btn.classList.toggle(\"is-muted\", isMuted);\r\n    btn.setAttribute(\"aria-pressed\", String(!isMuted));\r\n    btn.setAttribute(\"aria-label\", isMuted ? \"Unmute video\" : \"Mute video\");\r\n\r\n    const icon = btn.querySelector(\"i\");\r\n    const text = btn.querySelector(\".hero-audio-toggle__text\");\r\n    if (icon) icon.className = isMuted ? \"fas fa-volume-mute\" : \"fas fa-volume-up\";\r\n    if (text) text.textContent = isMuted ? \"Sound Off\" : \"Sound On\";\r\n  }\r\n\r\n  function bindAudioToggle(el){\r\n    const wrap = ensureAudioButton(el);\r\n    if (!wrap) return;\r\n\r\n    const btn = wrap.querySelector(\".hero-audio-toggle\");\r\n    if (!btn) return;\r\n\r\n    \/\/ avoid double-binding\r\n    if (btn.dataset.bound === \"1\") return;\r\n    btn.dataset.bound = \"1\";\r\n\r\n    \/\/ default muted\r\n    const v = getActiveVideo(el);\r\n    if (v) {\r\n      try { v.muted = true; v.volume = 1; } catch(e){}\r\n      setBtnUI(btn, true);\r\n    }\r\n\r\n    btn.addEventListener(\"click\", function(){\r\n      const video = getActiveVideo(el);\r\n      if (!video) return;\r\n\r\n      const nextMuted = !video.muted;\r\n\r\n      try {\r\n        video.muted = nextMuted;\r\n        if (!nextMuted && video.volume === 0) video.volume = 1;\r\n\r\n        const p = video.play && video.play();\r\n        if (p && typeof p.catch === \"function\") p.catch(() => {});\r\n      } catch(e){}\r\n\r\n      setBtnUI(btn, video.muted);\r\n    });\r\n  }\r\n\r\n  \/* ===============================\r\n     (3) Apply logic\r\n     =============================== *\/\r\n  function applyAll(){\r\n    const el = pickTargetEl();\r\n    if (!el) return;\r\n\r\n    \/\/ mobile inject on \/ desktop remove\r\n    if (isMobileNow()) ensureVideoBackground(el);\r\n    else removeVideoBackground(el);\r\n\r\n    \/\/ ensure button + bind, and sync UI to current active video\r\n    bindAudioToggle(el);\r\n\r\n    const btn = el.querySelector(\".hero-audio-toggle\");\r\n    const v = getActiveVideo(el);\r\n    if (btn && v){\r\n      try { if (typeof v.muted === \"boolean\") setBtnUI(btn, v.muted); } catch(e){}\r\n    }\r\n  }\r\n\r\n  function init(){\r\n    applyAll();\r\n    window.addEventListener(\"resize\", applyAll, { passive: true });\r\n\r\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n      window.elementorFrontend.hooks.addAction(\"frontend\/element_ready\/global\", function () {\r\n        setTimeout(applyAll, 150);\r\n      });\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90de85c e-flex e-con-boxed e-con e-parent\" data-id=\"90de85c\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-intro-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4f874 elementor-icon-list--layout-inline MuseoSans intro-fade-item klcc-prose-icon-list elementor-tablet-align-center elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"ad4f874\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\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<span class=\"elementor-icon-list-text\">KLCC The Place<\/span>\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<span class=\"elementor-icon-list-text\">\/<\/span>\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<span class=\"elementor-icon-list-text\">KLCC Pulse<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca5f9ce e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"ca5f9ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3890160 intro-fade-item elementor-widget elementor-widget-image\" data-id=\"3890160\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"524\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5.png\" class=\"attachment-large size-large wp-image-436\" alt=\"KLCC The Place featured destination image\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5.png 524w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5-300x41.png 300w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fdf21f klcc-font-museo intro-fade-item split-text elementor-widget elementor-widget-heading\" data-id=\"6fdf21f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">The City That Moves With You<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa46a75 elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"aa46a75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Step into the rhythm of KLCC PULSE, where wellness, art, music, culture and celebrations come together in moments that move the city.<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0be27da el-split-section pulse-scroll-panel panel-join pulse-width e-flex e-con-boxed e-con e-parent\" data-id=\"0be27da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5efb1e0 e-con-full el-image-box pulse-visual e-flex elementor-invisible e-con e-child\" data-id=\"5efb1e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65b3c9e e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"65b3c9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-853de05 e-con-full pulse-title e-flex e-con e-child\" data-id=\"853de05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a1afc2 split-text elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6a1afc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JOIN THE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d970a15 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d970a15\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"262\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Pulse.png\" class=\"attachment-large size-large wp-image-1239\" alt=\"KLCC PULSE programme image\" \/>\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-47644d4 elementor-widget__width-initial klcc-font-museo pulse-desc split-text elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"47644d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Move with the energy through active sessions, hands-on experiences and wellness-led programmes.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a4619b e-con-full e-transform pulse-cta e-flex e-con e-child\" data-id=\"4a4619b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5bec7a elementor-widget elementor-widget-shortcode\" data-id=\"e5bec7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse-2\/join-the-pulse\/\" class=\"klcc-pulse-label\">GET MOVING <i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-858ce46 el-split-section pulse-scroll-panel panel-feel pulse-width  e-flex e-con-boxed e-con e-parent\" data-id=\"858ce46\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3e19ec6 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3e19ec6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-676527d e-con-full pulse-title e-flex e-con e-child\" data-id=\"676527d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73171e3 split-text elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"73171e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FEEL THE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac1f894 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"ac1f894\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"262\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Pulse.png\" class=\"attachment-large size-large wp-image-1239\" alt=\"KLCC PULSE programme image\" \/>\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-588961f elementor-widget__width-initial klcc-font-museo pulse-desc split-text elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"588961f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Follow the city\u2019s creative beat through performances, exhibitions, music and cultural moments.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67a5e95 e-con-full e-transform pulse-cta e-flex e-con e-child\" data-id=\"67a5e95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da1a6b1 elementor-widget elementor-widget-shortcode\" data-id=\"da1a6b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse-2\/feel-the-pulse\/\" class=\"klcc-pulse-label\">GET INSPIRED <i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b266c5 e-con-full el-image-box pulse-visual e-flex elementor-invisible e-con e-child\" data-id=\"0b266c5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f556b6c el-split-section pulse-scroll-panel panel-be pulse-width e-flex e-con-boxed e-con e-parent\" data-id=\"f556b6c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c8447ef e-con-full el-image-box pulse-visual e-flex elementor-invisible e-con e-child\" data-id=\"c8447ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50fd932 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"50fd932\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-527645d e-con-full pulse-title e-flex e-con e-child\" data-id=\"527645d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2718634  split-text elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2718634\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BE THE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86265fb elementor-invisible elementor-widget elementor-widget-image\" data-id=\"86265fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"262\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Pulse.png\" class=\"attachment-large size-large wp-image-1239\" alt=\"KLCC PULSE programme image\" \/>\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-568f983 elementor-widget__width-initial klcc-font-museo pulse-desc split-text elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"568f983\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Celebrate the moments that bring people together, from seasonal festivals to shared city experiences.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12944fb e-con-full e-transform pulse-cta e-flex e-con e-child\" data-id=\"12944fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e834ac8 elementor-widget elementor-widget-shortcode\" data-id=\"e834ac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse-2\/be-the-pulse\/\" class=\"klcc-pulse-label\">GET CONNECTED <i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa8626b elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"aa8626b\" data-element_type=\"container\" data-e-type=\"container\" id=\"horizons-banner-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-060087d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"060087d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfae5d3 gradient-text elementor-widget elementor-widget-heading\" data-id=\"dfae5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Expand Your Horizons<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14769e1 elementor-widget__width-inherit MuseoSans horizons-text elementor-widget elementor-widget-heading\" data-id=\"14769e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Looking for all events at KLCC? Experience the full spectrum of the city. From major exhibitions to world-class concerts, find your next adventure at our <span style=\"color:#8320c9;font-weight:900\">What\u2019s On<\/span> page.\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcfdaf7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"bcfdaf7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d856c7 elementor-widget elementor-widget-shortcode\" data-id=\"4d856c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        html, body {\n            overflow-x: hidden;\n        }\n\n        #klcc-news-6306 {\n            --tvc-green: #7fc242;\n            --tvc-purple: #822c9a;\n            --tvc-yellow: #ffcf00;\n            --tvc-white: #ffffff;\n            width: 100%;\n            padding: 0;\n            overflow: hidden;\n        }\n\n        #klcc-news-6306 .swiper-slide {\n\t\t\twidth: 300px; \n    \t\tmax-width: 400px;\n            height: 380px;\n            transition: all 0.4s ease;\n        }\n\n        .klcc-news-card {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            text-decoration: none !important;\n            border: 4px solid transparent;\n            box-sizing: border-box;\n        }\n\n        .klcc-news-card img.klcc-card-bg {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n        }\n\n        .klcc-card-overlay-green {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 80px;\n            background-color: var(--tvc-green);\n            z-index: 2;\n            transition: opacity 0.4s ease;\n        }\n\n        .klcc-card-overlay-purple {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, rgba(130, 44, 154, 0.1) 0%, rgba(130, 44, 154, 0.95) 100%);\n            z-index: 3;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .klcc-card-content {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 24px;\n            z-index: 4;\n            display: flex;\n            justify-content: space-between;\n            align-items: stretch;\n            flex-direction: column;\n            padding-bottom: 12px;\n        }\n\n        .klcc-card-text {\n            max-width: 100%;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* --- \u4f18\u5316 1\uff1a\u6807\u9898\u4e25\u683c\u9650\u5236\u5355\u884c --- *\/\n        .klcc-card-content h3 {\n            margin: 0 0 0 0 !important;\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--tvc-white) !important;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n\n            \/* CSS \u5355\u884c\u622a\u65ad *\/\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            width: 100%;\n            display: block;\n        }\n\n        \/* --- \u4f18\u5316 2\uff1a\u6458\u8981\u4e25\u683c\u9650\u5236\u4e24\u884c --- *\/\n        .klcc-card-desc {\n            max-height: 0;\n            opacity: 0;\n            margin: 0;\n            font-size: 0.85rem;\n            line-height: 1.4;\n            color: var(--tvc-white);\n            transition: max-height 0.5s ease, opacity 0.5s ease, margin-top 0.5s ease;\n\n            \/* CSS \u591a\u884c\u622a\u65ad *\/\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .klcc-card-cta {\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            border: 1.5px solid rgba(255, 255, 255, 0.9);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0 !important;\n            line-height: 0;\n            color: transparent !important;\n            text-indent: -9999px;\n            margin-bottom: 4px;\n            margin-left: auto;\n        }\n\n        .klcc-card-cta::before {\n            content: \"\";\n            width: 16px;\n            height: 16px;\n            background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/icon-chevron-white.svg');\n            background-repeat: no-repeat;\n            background-position: center;\n            background-size: contain;\n            transform: rotate(-90deg);\n            display: block;\n        }\n\n        \/* --- \u6838\u5fc3\u6fc0\u6d3b\u72b6\u6001 (Active Slide) --- *\/\n        #klcc-news-6306 .swiper-slide-active .klcc-news-card {\n            border-color: var(--tvc-green);\n        }\n\n        #klcc-news-6306 .swiper-slide-active .klcc-card-overlay-green {\n            opacity: 0;\n        }\n\n        #klcc-news-6306 .swiper-slide-active .klcc-card-overlay-purple {\n            opacity: 1;\n        }\n\n        #klcc-news-6306 .swiper-slide-active h3 {\n            color: var(--tvc-yellow) !important;\n        }\n\n        #klcc-news-6306 .swiper-slide-active .klcc-card-desc {\n            max-height: 3.5em;\n            opacity: 1;\n        }\n\n        \/* --- \u667a\u80fd\u81ea\u5b9a\u4e49 Pagination \u5706\u70b9\u6837\u5f0f --- *\/\n        .klcc-custom-pagination {\n            text-align: center;\n            margin-top: 20px;\n            z-index: 10;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .klcc-custom-pagination .custom-bullet {\n            display: inline-block;\n            width: 10px;\n            height: 10px;\n            background: #ccc;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n\n        .klcc-custom-pagination .custom-bullet.active {\n            background: var(--tvc-green);\n        }\n\n        \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\n        @media (max-width: 768px) {\n            #klcc-news-6306 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-6306\" class=\"swiper klcc-news-swiper\">\n        <div class=\"swiper-wrapper\">\n\n                            <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/banana-leaf-rice-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/BANANA-LEAF-RICE-576x1024.jpeg\" alt=\"Banana Leaf Rice at Impiana KLCC Hotel\" class=\"klcc-card-bg\"\n                            loading=\"lazy\">\n\n                        <div class=\"klcc-card-overlay-green\"><\/div>\n                        <div class=\"klcc-card-overlay-purple\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-text\">\n                                <h3 title=\"Banana Leaf Rice at Impiana KLCC Hotel\">Banana Leaf Rice at Impiana KLCC Hotel<\/h3>\n                                                                    <p class=\"klcc-card-desc\">Indulge in fluffy rice, rich curries, crispy papadams, and a vibrant spread of side dishes \u2014 a tradition made to<\/p>\n                                                            <\/div>\n                            <span class=\"klcc-card-cta\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/meriah-high-tea-buffet-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/MERIAH-HIGH-TEA-BUFFET-576x1024.jpeg\" alt=\"Meriah High Tea Buffet at Impiana KLCC Hotel\" class=\"klcc-card-bg\"\n                            loading=\"lazy\">\n\n                        <div class=\"klcc-card-overlay-green\"><\/div>\n                        <div class=\"klcc-card-overlay-purple\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-text\">\n                                <h3 title=\"Meriah High Tea Buffet at Impiana KLCC Hotel\">Meriah High Tea Buffet at Impiana KLCC Hotel<\/h3>\n                                                                    <p class=\"klcc-card-desc\">Make your weekends sweeter with a spread of Asian and international cuisine \u2014 from hearty mains to irresistible desserts. The<\/p>\n                                                            <\/div>\n                            <span class=\"klcc-card-cta\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/set-your-own-course-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/53d6fe28-b962-4c5b-a070-f7fe29c2a7c2-576x1024.jpg\" alt=\"Set Your Own Course at Impiana KLCC Hotel\" class=\"klcc-card-bg\"\n                            loading=\"lazy\">\n\n                        <div class=\"klcc-card-overlay-green\"><\/div>\n                        <div class=\"klcc-card-overlay-purple\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-text\">\n                                <h3 title=\"Set Your Own Course at Impiana KLCC Hotel\">Set Your Own Course at Impiana KLCC Hotel<\/h3>\n                                                                    <p class=\"klcc-card-desc\">Pick your appetizer, 1 main course, 1 dessert &amp; 1 chilled juice from the a la carte menu for just<\/p>\n                                                            <\/div>\n                            <span class=\"klcc-card-cta\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/an-evening-of-verdis-masterpieces-with-mpo-at-dfp\/\" class=\"klcc-news-card\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/An-Evening-of-Verdis-Masterpieces-with-MPO-at-DFP-724x1024.jpg\" alt=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\" class=\"klcc-card-bg\"\n                            loading=\"lazy\">\n\n                        <div class=\"klcc-card-overlay-green\"><\/div>\n                        <div class=\"klcc-card-overlay-purple\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-text\">\n                                <h3 title=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\">An Evening of Verdi\u2019s Masterpieces with MPO at DFP!<\/h3>\n                                                                    <p class=\"klcc-card-desc\">The Malaysian Philharmonic Orchestra (MPO) presents \u201cAn Evening of Verdi\u201d at Dewan Filharmonik PETRONAS (DFP), showcasing orchestral highlights drawn from<\/p>\n                                                            <\/div>\n                            <span class=\"klcc-card-cta\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            \n        <\/div>\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        if (typeof Swiper !== 'undefined') {\n            const swiperContainer = document.querySelector('#klcc-news-6306');\n            \n            if (swiperContainer) {\n                \/\/ 1. \u83b7\u53d6\u6700\u539f\u59cb\u7684\u6587\u7ae0\u6570\u91cf (\u4f8b\u5982 4 \u7bc7)\n                const originalPostCount = 4;\n                const paginationContainer = swiperContainer.querySelector('.klcc-custom-pagination');\n                \n               \/\/ 2. \u521d\u59cb\u5316 Swiper\n                const swiper = new Swiper(swiperContainer, {\n                    effect: 'coverflow',\n                    grabCursor: true,\n                    centeredSlides: true,\n                    \n                    \/\/ \u4fdd\u6301\u65e0\u9650\u5faa\u73af\n                    \/\/loop: true, \n                    rewind: true,\n                    \/\/ \u274c \u5220\u6389\u8fd9\u884c\uff01\u56e0\u4e3a PHP \u5df2\u7ecf\u751f\u6210\u4e86 8 \u5f20\u5361\u7247\uff0c\u4e0d\u9700\u8981\u989d\u5916\u5f3a\u5236\u514b\u9686\u4e86\uff0c\u907f\u514d\u8ba1\u7b97\u504f\u79fb\n                    \/\/ loopAdditionalSlides: 2, \n                    \n                    \/\/ \u2705 \u65b0\u589e\u8fd9\u4e24\u4e2a\u201c\u6551\u547d\u201d\u5c5e\u6027\uff1a\u81ea\u52a8\u76d1\u542c DOM \u548c\u7236\u5143\u7d20\u53d8\u5316\uff0c\u91cd\u65b0\u8ba1\u7b97\u5bbd\u5ea6\u548c\u4f4d\u7f6e\n                    observer: true,\n                    observeParents: true,\n\n                    slidesPerView: 1, \n\t\t\t\t\tbreakpoints: {\n\t\t\t\t\t\t\n\t\t\t\t\t\t768: {\n\t\t\t\t\t\t\tslidesPerView: 3, \n\t\t\t\t\t\t}\n\t\t\t\t\t}, \n                    autoplay: { delay: 4000, disableOnInteraction: false },\n                    coverflowEffect: {\n                        rotate: 0,       \n                        stretch: 0,    \n                        depth: 180,      \n                        modifier: 1,\n                        slideShadows: false, \n                    }\n                });\n\n                \/\/ 3. \u624b\u52a8\u751f\u6210\u6b63\u786e\u6570\u91cf\u7684 Bullet \u5706\u70b9\n                if (originalPostCount > 0) {\n                    for (let i = 0; i < originalPostCount; i++) {\n                        let dot = document.createElement('span');\n                        dot.classList.add('custom-bullet');\n                        if (i === 0) dot.classList.add('active'); \/\/ \u9ed8\u8ba4\u6fc0\u6d3b\u7b2c\u4e00\u4e2a\n                        \n                        \/\/ \u7ed1\u5b9a\u70b9\u51fb\u4e8b\u4ef6\n                        dot.addEventListener('click', () => {\n                            \/\/ slideToLoop \u53ef\u4ee5\u8ba9 Swiper \u5b89\u5168\u5730\u8df3\u5230\u5bf9\u5e94\u7684\u539f\u59cb\u7d22\u5f15\n                            swiper.slideToLoop(i);\n                        });\n                        paginationContainer.appendChild(dot);\n                    }\n                }\n\n                \/\/ 4. \u76d1\u542c Swiper \u6ed1\u52a8\uff0c\u52a8\u6001\u66f4\u65b0 Bullet \u7684\u6fc0\u6d3b\u72b6\u6001\n                swiper.on('slideChange', () => {\n                    const bullets = paginationContainer.querySelectorAll('.custom-bullet');\n                    \/\/ \u53d6\u4f59\u6570\u8ba1\u7b97\uff1a\u6bd4\u5982\u5f53\u524d\u6ed1\u5230\u4e86\u7b2c 5 \u4e2a\uff08\u5b9e\u9645\u4e0a\u662f\u7b2c 1 \u4e2a\u7684\u514b\u9686\uff09\uff0c5 % 4 = 1\uff0c\u5bf9\u5e94\u7b2c 2 \u4e2a\u5706\u70b9\n                    const activeIndex = swiper.realIndex % originalPostCount;\n                    \n                    bullets.forEach((dot, index) => {\n                        if (index === activeIndex) {\n                            dot.classList.add('active');\n                        } else {\n                            dot.classList.remove('active');\n                        }\n                    });\n                });\n            }\n        }\n    });\n<\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1776900 e-flex e-con-boxed e-con e-parent\" data-id=\"1776900\" data-element_type=\"container\" data-e-type=\"container\" id=\"social-footer-container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f68cb1b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f68cb1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d046f44 elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"d046f44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Catch every beat of the pulse of @klcctheplace at our official IG and TikTok.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-274cdd4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"274cdd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c5451b6 e-con-full e-flex e-con e-child\" data-id=\"c5451b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03f1e82 elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"03f1e82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.instagram.com\/klcctheplace\/?hl=en\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a26aa5 e-transform social-pop-card elementor-invisible elementor-widget elementor-widget-image\" data-id=\"7a26aa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.0500000000000000444089209850062616169452667236328125,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/klcctheplace\/?hl=en\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"429\" height=\"429\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_instagram_qr.png\" class=\"attachment-full size-full wp-image-3823\" alt=\"KLCC The Place Instagram QR code\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_instagram_qr.png 429w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_instagram_qr-300x300.png 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_instagram_qr-150x150.png 150w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e505a elementor-widget__width-inherit MuseoSans split-text elementor-widget elementor-widget-heading\" data-id=\"76e505a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.instagram.com\/klcctheplace\/?hl=en\" target=\"_blank\" rel=\"noopener\">@klcctheplace<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33447a2 e-con-full e-flex e-con e-child\" data-id=\"33447a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-661dccd elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"661dccd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.tiktok.com\/@klcctheplace\" target=\"_blank\" rel=\"noopener\">TikTok<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0193f71 e-transform social-pop-card elementor-invisible elementor-widget elementor-widget-image\" data-id=\"0193f71\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.0500000000000000444089209850062616169452667236328125,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300,&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.tiktok.com\/@klcctheplace\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"378\" height=\"378\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_tiktok_qr.png\" class=\"attachment-large size-large wp-image-3839\" alt=\"KLCC The Place TikTok QR code\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_tiktok_qr.png 378w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_tiktok_qr-300x300.png 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/klcctheplace_tiktok_qr-150x150.png 150w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2db1241 elementor-widget__width-inherit MuseoSans split-text elementor-widget elementor-widget-heading\" data-id=\"2db1241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.tiktok.com\/@klcctheplace\" target=\"_blank\" rel=\"noopener\">@klcctheplace<\/a><\/h4>\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KLCC The Place \/ KLCC Pulse The City That Moves With You Step into the rhythm of KLCC PULSE, where wellness, art, music, culture and celebrations come together in moments that move the city. JOIN THE Move with the energy through active sessions, hands-on experiences and wellness-led programmes. FEEL THE Follow the city\u2019s creative beat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/1217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/comments?post=1217"}],"version-history":[{"count":0,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/1217\/revisions"}],"wp:attachment":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/media?parent=1217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}