{"id":2002,"date":"2026-03-05T11:15:32","date_gmt":"2026-03-05T03:15:32","guid":{"rendered":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/?page_id=2002"},"modified":"2026-10-30T17:19:18","modified_gmt":"2026-10-30T09:19:18","slug":"whats-on","status":"publish","type":"page","link":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/whats-on\/","title":{"rendered":"What&#8217;s On"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2002\" class=\"elementor elementor-2002\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e39f5 e-con-full e-flex e-con e-parent\" data-id=\"a6e39f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-403ac13 elementor-widget elementor-widget-html\" data-id=\"403ac13\" 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@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-a0ed55f elementor-widget elementor-widget-html\" data-id=\"a0ed55f\" 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    function splitLines(el) {\r\n        if (el.dataset.plrDone === '1') return;\r\n\r\n        var text = (el.textContent || '').trim();\r\n        if (!text) return;\r\n\r\n        el.dataset.plrText = text;\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        var frag = document.createDocumentFragment();\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    line.textContent = lineText;\r\n\r\n    mask.appendChild(line);\r\n    frag.appendChild(mask);\r\n});\r\n\r\n\r\n        el.innerHTML = '';\r\n        el.appendChild(frag);\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-df48aac e-con-full e-flex e-con e-parent\" data-id=\"df48aac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a13b2ba elementor-widget elementor-widget-html\" data-id=\"a13b2ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.what-on-hero-img img{\n    object-position: 50% 18% !important;\n}\n\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: 4% !important;\n\n}\n\n\n.el-right-text {\npadding-right: max(24px, calc((100vw - 1300px) \/ 2)) !important;\npadding-left: 4% !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}\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(1vw, 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-left: max(1vw, calc((100vw - 480px) \/ 2)) !important;\n}\n\n.el-right-text {\npadding-right: 4%  !important;\npadding-left: 1vw !important;\n}\n\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4a6de4 elementor-widget elementor-widget-html\" data-id=\"d4a6de4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* \u8ba9 HTML Widget \u7684\u9ed8\u8ba4\u5bb9\u5668\u4e5f\u6491\u6ee1 *\/\n.elementor-widget-html {\n    height: 100%;\n    width: 100%;\n}\n\n\/* \u8f6e\u64ad\u56fe\u4e3b\u5bb9\u5668\uff1a\u5b8c\u7f8e\u7ee7\u627f\u7236\u7ea7\u7684\u5706\u89d2\u548c\u9ad8\u5ea6 *\/\n.cdd-custom-slider {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: inherit; \/* \u7ee7\u627f .min-height-500px *\/\n    border-radius: inherit; \/* \u7ee7\u627f .border-left-radius-80px *\/\n    overflow: hidden; \/* \u786e\u4fdd\u56fe\u7247\u4e0d\u8d85\u51fa\u7248\u56fe\uff0c\u5706\u89d2\u624d\u4f1a\u751f\u6548 *\/\n    background-color: #000; \/* \u52a0\u8f7d\u65f6\u7684\u5e95\u8272 *\/\n}\n\n\/* \u56fe\u7247\u8f68\u9053\u548c\u5355\u5f20\u5e7b\u706f\u7247 *\/\n.cdd-slider-track, .cdd-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.cdd-slide {\n    opacity: 0;\n    transition: opacity 0.8s ease-in-out; \/* \u6de1\u5165\u6de1\u51fa\u52a8\u753b *\/\n    z-index: 1;\n}\n\n.cdd-slide.active {\n    opacity: 1;\n    z-index: 2;\n}\n\n.cdd-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \/* \u81ea\u52a8\u88c1\u526a\u94fa\u6ee1\u5bb9\u5668\uff0c\u4e0d\u53d8\u5f62 *\/\n    object-position: center;\n}\n\n\/* UI \u63a7\u5236\u680f (\u4f4d\u4e8e\u5e95\u90e8) *\/\n.cdd-slider-ui {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 30px 40px;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    \/* \u53ef\u9009\uff1a\u52a0\u4e00\u70b9\u9ed1\u8272\u6e10\u53d8\uff0c\u9632\u6b62\u767d\u8272\u56fe\u7247\u5bfc\u81f4\u6309\u94ae\u770b\u4e0d\u6e05 *\/\n    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);\n}\n\n\/* \u8fdb\u5ea6\u6761\u6309\u6bd4\u4f8b\u663e\u793a (\u4e0d\u662f\u52a8\u753b) *\/\n.cdd-progress-track {\n    flex-grow: 1;\n    height: 4px;\n    background-color: rgba(255, 255, 255, 0.3);\n    margin-right: 40px;\n    border-radius: 2px;\n}\n\n.cdd-progress-fill {\n    height: 100%;\n    background-color: #A3D900; \/* \u622a\u56fe\u4e2d\u7684\u8349\u7eff\u8272 *\/\n    border-radius: 2px;\n    transition: width 0.3s ease; \/* \u5207\u6362\u65f6\u7684\u8fdb\u5ea6\u6761\u6ed1\u52a8\u52a8\u753b *\/\n}\n\/* --------------------------------------\n   \u63a7\u5236\u6309\u94ae\u7ec4 (\u91cd\u7f6e\u4e0e UX \u4f18\u5316\u7248)\n--------------------------------------- *\/\n\n.cdd-controls {\n    display: flex;\n    gap: 8px; \/* \u7f29\u5c0f gap\uff0c\u56e0\u4e3a\u6309\u94ae\u672c\u8eab\u81ea\u5e26\u4e86\u9690\u5f62 padding *\/\n    align-items: center;\n}\n\n\/* \u5f3a\u529b\u91cd\u7f6e WordPress\/Elementor \u9ed8\u8ba4\u6309\u94ae\u6837\u5f0f *\/\n.cdd-custom-slider .cdd-btn {\n    background-color: transparent !important; \/* \u5f3a\u5236\u900f\u660e\uff0c\u5e72\u6389\u4e3b\u9898\u9ed8\u8ba4\u80cc\u666f\u8272 *\/\n    border: none !important;\n    box-shadow: none !important; \/* \u79fb\u9664\u90e8\u5206\u4e3b\u9898\u81ea\u5e26\u7684\u7acb\u4f53\u9634\u5f71 *\/\n    color: #ffffff !important; \/* \u5f3a\u5236\u767d\u8272\uff0c\u9632\u6b62\u88ab\u5168\u5c40\u94fe\u63a5\u989c\u8272\u8986\u76d6 *\/\n    font-size: 22px !important;\n    line-height: 1 !important;\n    margin: 0 !important;\n    outline: none !important;\n    cursor: pointer;\n    \n    \/* UX \u6838\u5fc3\uff1a\u6269\u5927\u9690\u5f62\u70b9\u51fb\u533a\u57df (Hit Area) *\/\n    padding: 10px !important; \n    min-width: 44px !important; \/* \u82f9\u679c HIG \u63a8\u8350\u7684\u6700\u5c0f\u79fb\u52a8\u7aef\u89e6\u6478\u76ee\u6807\u5c3a\u5bf8 *\/\n    min-height: 44px !important; \n    \n    \/* \u6392\u7248\u5c45\u4e2d *\/\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50% !important; \/* \u4e3a Hover \u72b6\u6001\u51c6\u5907\u5b8c\u7f8e\u7684\u5706\u5f62\u5e95\u5e95 *\/\n    \n    \/* \u52a8\u753b\u8fc7\u6e21 *\/\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n}\n\n\/* \u4f18\u5316 Hover \u4e0e Focus (\u70b9\u51fb\u65f6) \u72b6\u6001 *\/\n.cdd-custom-slider .cdd-btn:hover,\n.cdd-custom-slider .cdd-btn:focus {\n    background-color: rgba(255, 255, 255, 0.15) !important; \/* \u60ac\u505c\u65f6\u51fa\u73b0\u4e00\u4e2a\u4f4e\u900f\u660e\u5ea6\u7684\u767d\u8272\u5706\u5e95 *\/\n    color: #A3D900 !important; \/* \u60ac\u505c\u65f6 icon \u53d8\u6210\u4f60\u7684\u4e3b\u9898\u7eff\u8272\uff0c\u89c6\u89c9\u53cd\u9988\u66f4\u5f3a *\/\n    transform: scale(1.1); \/* \u5fae\u5fae\u653e\u5927\uff0c\u589e\u52a0\u4ea4\u4e92\u7684 Q \u5f39\u611f *\/\n    text-decoration: none !important;\n}\n\n\/* \u9488\u5bf9\u6682\u505c\/\u64ad\u653e\u6309\u94ae\u7684\u7279\u6b8a\u5fae\u8c03\uff0c\u8ba9\u5b83\u5728 44px \u7684\u5706\u5708\u91cc\u5c45\u4e2d\u597d\u770b *\/\n.cdd-custom-slider .cdd-pause {\n    font-size: 16px !important;\n    font-family: monospace, sans-serif !important;\n    font-weight: bold !important;\n    letter-spacing: 2px !important; \n    text-indent: 2px; \/* \u4fee\u6b63\u56e0\u4e3a letter-spacing \u5bfc\u81f4\u7684\u89c6\u89c9\u4e0d\u5c45\u4e2d *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-531ebe3 elementor-widget elementor-widget-html\" data-id=\"531ebe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ \u6293\u53d6\u9875\u9762\u4e0a\u6240\u6709\u7684\u81ea\u5b9a\u4e49\u8f6e\u64ad\u56fe (\u652f\u6301\u591a\u5f00)\r\n    const sliders = document.querySelectorAll('.cdd-custom-slider');\r\n\r\n    sliders.forEach(slider => {\r\n        const slides = slider.querySelectorAll('.cdd-slide');\r\n        const progressFill = slider.querySelector('.cdd-progress-fill');\r\n        const prevBtn = slider.querySelector('.cdd-prev');\r\n        const nextBtn = slider.querySelector('.cdd-next');\r\n        const pauseBtn = slider.querySelector('.cdd-pause');\r\n        \r\n        let currentIndex = 0;\r\n        const totalSlides = slides.length;\r\n        let isPlaying = true;\r\n        let slideInterval;\r\n        const intervalTime = 4000; \/\/ \u6bcf\u5f20\u505c\u7559 4 \u79d2\r\n\r\n        \/\/ \u66f4\u65b0 UI (\u5207\u6362\u56fe\u7247\u548c\u8fdb\u5ea6\u6761)\r\n        function updateSlider(index) {\r\n            \/\/ \u79fb\u9664\u6240\u6709 active \u72b6\u6001\r\n            slides.forEach(slide => slide.classList.remove('active'));\r\n            \/\/ \u6fc0\u6d3b\u5f53\u524d\u56fe\u7247\r\n            slides[index].classList.add('active');\r\n            \r\n            \/\/ \u8ba1\u7b97\u6309\u5f20\u6570\u7684\u8fdb\u5ea6\u6bd4\u4f8b (\u4f8b\u5982\uff1a\u7b2c\u4e00\u5f20\u662f 50%\uff0c\u7b2c\u4e8c\u5f20\u662f 100%)\r\n            const progressPercentage = ((index + 1) \/ totalSlides) * 100;\r\n            progressFill.style.width = progressPercentage + '%';\r\n        }\r\n\r\n        \/\/ \u4e0b\u4e00\u5f20\u903b\u8f91\r\n        function goToNextSlide() {\r\n            currentIndex = (currentIndex + 1) % totalSlides;\r\n            updateSlider(currentIndex);\r\n        }\r\n\r\n        \/\/ \u4e0a\u4e00\u5f20\u903b\u8f91\r\n        function goToPrevSlide() {\r\n            currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\r\n            updateSlider(currentIndex);\r\n        }\r\n\r\n        \/\/ \u542f\u52a8\u81ea\u52a8\u64ad\u653e\r\n        function startAutoplay() {\r\n            if (!slideInterval) {\r\n                slideInterval = setInterval(goToNextSlide, intervalTime);\r\n            }\r\n        }\r\n\r\n        \/\/ \u505c\u6b62\u81ea\u52a8\u64ad\u653e\r\n        function stopAutoplay() {\r\n            clearInterval(slideInterval);\r\n            slideInterval = null;\r\n        }\r\n\r\n        \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\uff1a\u4e0b\u4e00\u5f20\r\n        nextBtn.addEventListener('click', () => {\r\n            goToNextSlide();\r\n            \/\/ \u5982\u679c\u6b63\u5728\u64ad\u653e\uff0c\u91cd\u7f6e\u4e00\u4e0b\u8ba1\u65f6\u5668\u9632\u6b62\u9a6c\u4e0a\u5207\u6362\r\n            if (isPlaying) {\r\n                stopAutoplay();\r\n                startAutoplay();\r\n            }\r\n        });\r\n\r\n        \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\uff1a\u4e0a\u4e00\u5f20\r\n        prevBtn.addEventListener('click', () => {\r\n            goToPrevSlide();\r\n            if (isPlaying) {\r\n                stopAutoplay();\r\n                startAutoplay();\r\n            }\r\n        });\r\n\r\n        \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\uff1a\u6682\u505c\/\u64ad\u653e\r\n        pauseBtn.addEventListener('click', () => {\r\n            if (isPlaying) {\r\n                stopAutoplay();\r\n                pauseBtn.innerHTML = '\u25ba'; \/\/ \u53d8\u6210\u64ad\u653e\u952e\r\n                pauseBtn.style.fontSize = '24px'; \/\/ \u7a0d\u5fae\u653e\u5927\u4e00\u70b9\u64ad\u653e\u952e\r\n            } else {\r\n                startAutoplay();\r\n                pauseBtn.innerHTML = '||'; \/\/ \u53d8\u6210\u6682\u505c\u952e\r\n                pauseBtn.style.fontSize = '18px';\r\n            }\r\n            isPlaying = !isPlaying;\r\n        });\r\n\r\n        \/\/ \u521d\u59cb\u5316\u542f\u52a8\r\n        updateSlider(currentIndex);\r\n        startAutoplay();\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab3cf82 e-con-full e-flex e-con e-parent\" data-id=\"ab3cf82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1275f8e klcc-slanted-box what-on-hero-img elementor-widget elementor-widget-image\" data-id=\"1275f8e\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1702\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1.webp\" class=\"attachment-full size-full wp-image-7059\" alt=\"Hero\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1.webp 2560w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1-300x199.webp 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1-1024x681.webp 1024w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1-768x511.webp 768w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1-1536x1021.webp 1536w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Hero-1-2048x1362.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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<div class=\"elementor-element elementor-element-989a4bd e-flex e-con-boxed e-con e-parent\" data-id=\"989a4bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bdaa071 e-con-full e-flex e-con e-child\" data-id=\"bdaa071\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cadab8a elementor-icon-list--layout-inline klcc-prose-icon-list elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"cadab8a\" 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\">What's On<\/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-53e2ac6 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"53e2ac6\" 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<div class=\"elementor-element elementor-element-1424991 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"1424991\" 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-e9069fd gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"e9069fd\" 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\">What's On<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b6f00 elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"d5b6f00\" 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\">Events &amp; Happenings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31e6a88 elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"31e6a88\" 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\">From immersive events to the city\u2019s most sought-after deals, KLCC The Place brings a constant stream of discoveries for every visit.<\/p>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73a2a64 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"73a2a64\" 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-0e3bad4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e3bad4\" 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-2f816d2 e-con-full e-flex e-con e-child\" data-id=\"2f816d2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0badaac klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"0badaac\" 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\">Revisit our standout moments that shaped the spirit of our precinct.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00ca631 e-con-full e-flex e-con e-child\" data-id=\"00ca631\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-047145b e-con-full e-flex e-con e-child\" data-id=\"047145b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a3ceb2 elementor-widget elementor-widget-shortcode\" data-id=\"0a3ceb2\" 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\">    <style>\n        #klcc-ev2-3043 {\n            --klcc-ev2-text: #000;\n            width: 100%;\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 24px;\n            align-items: start;\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-item {\n            display: block;\n            text-decoration: none !important;\n            color: inherit;\n            transition: transform 180ms ease;\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-item:hover {\n            transform: translateY(-2px);\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-image-wrap {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 4 \/ 5;\n            border-radius: 18px;\n            overflow: hidden;\n            background: #fff;\n            margin-bottom: 12px;\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-image-wrap img {\n            width: 100%;\n            height: 100%;\n            display: block;\n            object-fit: cover;\n            object-position: center top;\n            transition: transform 420ms ease;\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-item:hover .klcc-ev2-image-wrap img,\n        #klcc-ev2-3043 .klcc-ev2-item:focus-visible .klcc-ev2-image-wrap img {\n            transform: scale(1.06);\n        }\n\n        #klcc-ev2-3043 .klcc-ev2-content {\n            color: var(--klcc-ev2-text);\n            padding-inline: 20px;\n        }\n\n        \/* Plain <p>: inherit root\/body typography; only layout for the card title. *\/\n        #klcc-ev2-3043 .klcc-ev2-content p {\n            margin: 0 !important;\n            display: -webkit-box;\n            -webkit-line-clamp: 4;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        \/* Phones only: stack; tablet (640px+) keeps one row, two columns *\/\n        @media (max-width: 639px) {\n            #klcc-ev2-3043 .klcc-ev2-grid {\n                grid-template-columns: 1fr;\n                gap: 18px;\n            }\n        }\n\n        \/* Popup *\/\n        #klcc-ev2-3043-modal.klcc-ev2-modal {\n            position: fixed !important;\n            inset: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: 2147483000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n        }\n\n        #klcc-ev2-3043-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__panel {\n            --klcc-ev2-panel-w: min(1200px, 95vw);\n            position: relative;\n            z-index: 1;\n            width: var(--klcc-ev2-panel-w);\n            height: min(780px, 88vh);\n            border-radius: 28px;\n            background: #dff1f5;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);\n            padding: 24px 28px;\n            overflow: hidden;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__close {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            width: 56px;\n            height: 56px;\n            border: 0;\n            border-radius: 50%;\n            background: #ffffff;\n            color: #80a62a;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n            z-index: 2;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__close svg {\n            width: 30px;\n            height: 30px;\n            display: block;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 50px;\n            height: 50px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n            z-index: 2;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1200px, 95vw) \/ 2) - 25px));\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav--next {\n            right: max(10px, calc(50% - (min(1200px, 95vw) \/ 2) - 25px));\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav svg {\n            width: 24px;\n            height: 24px;\n            display: block;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav:hover,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: translateY(-50%) scale(1.04);\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.9fr);\n            gap: 24px;\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__title {\n            margin: 0 0 16px 0;\n            color: #133c86;\n            font-size: clamp(28px, 2.6vw, 44px);\n            line-height: 1.06;\n            font-weight: 800;\n            letter-spacing: -0.01em;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__scroll {\n            flex: 1;\n            min-height: 0;\n            overflow-y: auto;\n            padding-right: 8px;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__scroll p {\n            margin: 0 0 14px 0;\n            color: #101820;\n            font-size: clamp(16px, 1.05vw, 21px);\n            line-height: 1.4;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__meta p {\n            margin: 0 0 6px 0;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__link a,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__scroll a:not(.klcc-ev2-modal__link-button),\n        #klcc-ev2-3043-modal .klcc-ev2-modal__content a,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__meta a:not(.klcc-ev2-modal__link-button) {\n            color: #123f8a !important;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            font-weight: 600;\n            transition: color 0.18s ease;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__link a:hover,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__link a:focus-visible,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__scroll a:not(.klcc-ev2-modal__link-button):hover,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__scroll a:not(.klcc-ev2-modal__link-button):focus-visible,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__content a:hover,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__content a:focus-visible,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__meta a:not(.klcc-ev2-modal__link-button):hover,\n        #klcc-ev2-3043-modal .klcc-ev2-modal__meta a:not(.klcc-ev2-modal__link-button):focus-visible {\n            color: #204a8a !important;\n            text-decoration: underline;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n            background: transparent;\n        }\n\n        #klcc-ev2-3043-modal .klcc-ev2-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            border-radius: 16px;\n            background: transparent;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__viewport {\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__slide {\n            flex: 0 0 100%;\n            width: 100%;\n            min-width: 100%;\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__poster {\n            width: 100%;\n            height: 100%;\n            max-height: 100%;\n            object-fit: cover;\n            border-radius: 16px;\n            display: block;\n            background: transparent;\n            user-select: none;\n            -webkit-user-drag: none;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__nav {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            z-index: 10;\n            pointer-events: auto;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__btn {\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            margin: 0;\n            outline: none;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n            user-select: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__btn svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n            stroke: currentColor;\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__btn:hover,\n        #klcc-ev2-3043-modal .klcc-modal-carousel__btn:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: scale(1.08);\n            box-shadow: 0 6px 20px rgba(19, 60, 134, 0.32);\n        }\n\n        #klcc-ev2-3043-modal .klcc-modal-carousel__btn:active {\n            transform: scale(0.95);\n        }\n\n        @media (max-width: 1024px) {\n            #klcc-ev2-3043-modal .klcc-modal-carousel__nav {\n                bottom: 10px;\n                right: 10px;\n                gap: 8px;\n            }\n\n            #klcc-ev2-3043-modal .klcc-modal-carousel__btn {\n                width: 36px;\n                height: 36px;\n            }\n\n            #klcc-ev2-3043-modal .klcc-modal-carousel__btn svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (max-width: 1024px) {\n            #klcc-ev2-3043-modal .klcc-ev2-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 24px;\n                padding: 20px;\n            }\n\n            #klcc-ev2-3043-modal .klcc-ev2-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 14px;\n            }\n\n            #klcc-ev2-3043-modal .klcc-ev2-modal__right {\n                height: 220px;\n                max-width: 420px;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-ev2-3043\" class=\"klcc-ev2-wrap\">\n        <div class=\"klcc-ev2-grid\">\n                            <a class=\"klcc-ev2-item\"\n                   href=\"#whats-on=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                   data-popup-index=\"0\"\n                   data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                    <div class=\"klcc-ev2-image-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"klcc-ev2-content\">\n                        <h5>Navigate the Future of the Maritime Industry at MIMEX 2026<\/h5>\n                    <\/div>\n                <\/a>\n                            <a class=\"klcc-ev2-item\"\n                   href=\"#whats-on=sky-xperience-symphony-xperience\"\n                   data-popup-index=\"1\"\n                   data-popup-slug=\"sky-xperience-symphony-xperience\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\n                    <div class=\"klcc-ev2-image-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-2.png\" alt=\"Sky Xperience \u2013 Symphony Xperience\" loading=\"lazy\">\n                    <\/div>\n\n                    <div class=\"klcc-ev2-content\">\n                        <h5>Sky Xperience \u2013 Symphony Xperience<\/h5>\n                    <\/div>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div id=\"klcc-ev2-3043-templates\" hidden>\n                                <template id=\"klcc-ev2-3043-tpl-0-9202\">\n                <div class=\"klcc-ev2-modal__grid\">\n                    <section class=\"klcc-ev2-modal__left\">\n                        <h2 class=\"klcc-ev2-modal__title\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h2>\n                        <div class=\"klcc-ev2-modal__scroll\">\n                            <div class=\"klcc-ev2-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Discover the latest innovations shaping the maritime and offshore sectors at Malaysia International Marine Expo (MIMEX) 2026. Held at the Kuala Lumpur Convention Centre, MIMEX is a comprehensive international business platform that brings together industry leaders, manufacturers, suppliers and decision-makers from across the global maritime community.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Covering key sectors including shipbuilding, ship repairs, shipping, maritime engineering, offshore technology, dredging equipment, and ports and logistics, the exhibition offers valuable opportunities for networking, knowledge sharing and business development. As one of the region's leading maritime industry events, MIMEX serves as a meeting point for professionals seeking to explore emerging trends, innovative technologies and new business opportunities.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">For information, visit <a href=\"https:\/\/marine-malaysia.com\/\" target=\"_blank\" rel=\"noopener\">Home - Malaysia International Marine Expo (MIMEX)<\/a><\/p>\n<p><\/p>\n<\/div>\n\n                            \n                        <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-ev2-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"3\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-ev2-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"1\">\n              <img decoding=\"async\" class=\"klcc-ev2-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"2\">\n              <img decoding=\"async\" class=\"klcc-ev2-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n              <div class=\"klcc-modal-carousel__nav\" aria-label=\"Image gallery controls\">\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--prev\" type=\"button\" aria-label=\"Previous image\" data-modal-carousel-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--next\" type=\"button\" aria-label=\"Next image\" data-modal-carousel-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n          <\/button>\n        <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-ev2-3043-tpl-1-9072\">\n                <div class=\"klcc-ev2-modal__grid\">\n                    <section class=\"klcc-ev2-modal__left\">\n                        <h2 class=\"klcc-ev2-modal__title\">Sky Xperience \u2013 Symphony Xperience<\/h2>\n                        <div class=\"klcc-ev2-modal__scroll\">\n                            <div class=\"klcc-ev2-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">FROM&nbsp; SKY TO SYMPHONY.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Begin your journey at the PETRONAS Twin Towers Sky X Observation Deck, where sweeping city views set the stage. Then, immerse yourself in culture with a guided tour of Dewan Filharmonik PETRONAS Symphonic Hall. One seamless experience \u2013 where iconic architecture, music, and breathtaking perspectives come together.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">A bundled visitor experience combing:&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<ul class=\"wp-block-list\"><\/p>\n<li>Sky Deck observation journey<\/li>\n<p><\/p>\n<p><\/p>\n<li>Guided DFP Symphonic Hall Tour<\/li>\n<p><\/p>\n<p><\/p>\n<li>Sky Xperience &amp; DFP merchandise\u00a0<\/li>\n<p><\/ul>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Designed to enhance visitor value by integrating iconic skyline views with a cultural music.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(Available on certain dates only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-ev2-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <p class=\"klcc-ev2-modal__link\">\n                                                                                            Click here to view more details:\n                                                                                        <a href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience \u2013 Symphony Xperience                                            <\/a>\n                                        <\/p>\n                                                                    <\/div>\n                            \n                        <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-ev2-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-ev2-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.jpg\" alt=\"Sky Xperience \u2013 Symphony Xperience\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-ev2-3043-modal\" class=\"klcc-ev2-modal\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"klcc-ev2-modal__backdrop\" data-modal-close=\"1\"><\/div>\n        <button class=\"klcc-ev2-modal__nav klcc-ev2-modal__nav--prev\" type=\"button\" aria-label=\"Previous post\" data-modal-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <button class=\"klcc-ev2-modal__nav klcc-ev2-modal__nav--next\" type=\"button\" aria-label=\"Next post\" data-modal-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <div class=\"klcc-ev2-modal__panel\" role=\"document\">\n            <button class=\"klcc-ev2-modal__close\" type=\"button\" aria-label=\"Close\" data-modal-close=\"1\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" aria-hidden=\"true\">\n                    <path d=\"M6 6l12 12\"><\/path>\n                    <path d=\"M18 6L6 18\"><\/path>\n                <\/svg>\n            <\/button>\n            <div id=\"klcc-ev2-3043-modal-body\" class=\"klcc-ev2-modal__body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            var root = document.getElementById('klcc-ev2-3043');\n            var modal = document.getElementById('klcc-ev2-3043-modal');\n            var modalBody = document.getElementById('klcc-ev2-3043-modal-body');\n            if (!root || !modal || !modalBody) return;\n\n            if (modal.parentElement !== document.body) {\n                document.body.appendChild(modal);\n            }\n\n            var modalPrevButton = modal.querySelector('[data-modal-nav=\"prev\"]');\n            var modalNextButton = modal.querySelector('[data-modal-nav=\"next\"]');\n            var modalTemplateIds = [\"klcc-ev2-3043-tpl-0-9202\",\"klcc-ev2-3043-tpl-1-9072\"];\n            var modalPostSlugs = [\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\",\"sky-xperience-symphony-xperience\"];\n            var modalHashPrefix = '#whats-on=';\n            var modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n            var currentModalIndex = -1;\n            var lastBodyOverflow = '';\n            var remoteModalRequestId = 0;\n            var remoteModalSlug = '';\n\n            var readModalHashSlug = function() {\n                if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                try {\n                    return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                } catch (error) {\n                    return '';\n                }\n            };\n\n            var modalHashForIndex = function(index) {\n                if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n            };\n\n            var updateModalHash = function(index, mode) {\n                var hash = modalHashForIndex(index);\n                if (!hash || window.location.hash === hash) return;\n                var url = window.location.pathname + window.location.search + hash;\n                if (mode === 'push') {\n                    var state = Object.assign({}, window.history.state || {});\n                    state.klccWhatsOnModal = true;\n                    window.history.pushState(state, '', url);\n                } else {\n                    window.history.replaceState(window.history.state, '', url);\n                }\n            };\n\n            var rootIsVisible = function() {\n                return root.getClientRects().length > 0 && window.getComputedStyle(root).display !== 'none';\n            };\n\n            var updateModalNavState = function() {\n                if (!modalPrevButton || !modalNextButton) return;\n                var total = modalTemplateIds.length;\n                if (total <= 1 || currentModalIndex < 0) {\n                    modalPrevButton.hidden = true;\n                    modalNextButton.hidden = true;\n                    return;\n                }\n                var atStart = currentModalIndex <= 0;\n                var atEnd = currentModalIndex >= total - 1;\n                modalPrevButton.hidden = atStart;\n                modalNextButton.hidden = atEnd;\n                modalPrevButton.disabled = atStart;\n                modalNextButton.disabled = atEnd;\n            };\n\n            var renderModalByIndex = function(index) {\n                if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) return;\n                if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) return;\n                var templateId = modalTemplateIds[index];\n                var template = document.getElementById(templateId);\n                if (!template) return;\n                currentModalIndex = index;\n                modalBody.innerHTML = template.innerHTML;\n                updateModalNavState();\n                if (window.klccInitModalCarousel) {\n                    window.klccInitModalCarousel(modalBody);\n                }\n            };\n\n            var openModalByIndex = function(index, historyMode) {\n                remoteModalRequestId++;\n                remoteModalSlug = '';\n                modal.removeAttribute('aria-busy');\n                var wasHidden = modal.hidden;\n                renderModalByIndex(index);\n                if (currentModalIndex < 0) return;\n                if (wasHidden) {\n                    lastBodyOverflow = document.body.style.overflow;\n                }\n                document.body.style.overflow = 'hidden';\n                modal.hidden = false;\n                modal.setAttribute('aria-hidden', 'false');\n                if (historyMode) {\n                    updateModalHash(currentModalIndex, historyMode);\n                }\n            };\n\n            var openRemoteModalHtml = function(html) {\n                var wasHidden = modal.hidden;\n                currentModalIndex = -1;\n                modalBody.innerHTML = html;\n                updateModalNavState();\n                if (window.klccInitModalCarousel) {\n                    window.klccInitModalCarousel(modalBody);\n                }\n                if (wasHidden) {\n                    lastBodyOverflow = document.body.style.overflow;\n                }\n                document.body.style.overflow = 'hidden';\n                modal.hidden = false;\n                modal.setAttribute('aria-hidden', 'false');\n            };\n\n            var fetchModalBySlug = function(slug) {\n                if (!slug || !rootIsVisible() || remoteModalSlug === slug) return;\n\n                var requestId = ++remoteModalRequestId;\n                remoteModalSlug = slug;\n                modal.setAttribute('aria-busy', 'true');\n\n                fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=duo', {\n                    credentials: 'same-origin',\n                    headers: {\n                        'Accept': 'application\/json'\n                    }\n                })\n                    .then(function(response) {\n                        if (!response.ok) throw new Error('What\\'s On post not found.');\n                        return response.json();\n                    })\n                    .then(function(data) {\n                        if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                        if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                            throw new Error('Invalid What\\'s On modal response.');\n                        }\n                        openRemoteModalHtml(data.html);\n                    })\n                    .catch(function() {\n                        if (requestId === remoteModalRequestId) {\n                            closeModal(false);\n                        }\n                    })\n                    .finally(function() {\n                        if (requestId === remoteModalRequestId) {\n                            modal.removeAttribute('aria-busy');\n                        }\n                    });\n            };\n\n            var goModalByStep = function(step) {\n                var nextIndex = currentModalIndex + step;\n                if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) return;\n                renderModalByIndex(nextIndex);\n                updateModalHash(nextIndex, 'replace');\n            };\n\n            var closeModal = function(updateHistory) {\n                remoteModalRequestId++;\n                remoteModalSlug = '';\n                modal.removeAttribute('aria-busy');\n                var wasOpen = !modal.hidden;\n                modal.hidden = true;\n                modal.setAttribute('aria-hidden', 'true');\n                modalBody.innerHTML = '';\n                if (wasOpen) {\n                    document.body.style.overflow = lastBodyOverflow;\n                }\n                currentModalIndex = -1;\n                updateModalNavState();\n\n                if (updateHistory && readModalHashSlug() !== '') {\n                    if (window.history.state && window.history.state.klccWhatsOnModal) {\n                        window.history.back();\n                    } else {\n                        window.history.replaceState(\n                            window.history.state,\n                            '',\n                            window.location.pathname + window.location.search\n                        );\n                    }\n                }\n            };\n\n            var syncModalFromHash = function() {\n                var slug = readModalHashSlug();\n                if (slug === '') {\n                    if (currentModalIndex >= 0 || !modal.hidden) {\n                        closeModal(false);\n                    }\n                    return;\n                }\n                if (!rootIsVisible()) return;\n\n                var index = modalPostSlugs.indexOf(slug);\n                if (index >= 0) {\n                    openModalByIndex(index, '');\n                } else {\n                    fetchModalBySlug(slug);\n                }\n            };\n\n            root.querySelectorAll('.klcc-ev2-item[data-popup-index]').forEach(function(card) {\n                card.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    var index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                    if (Number.isNaN(index)) return;\n                    openModalByIndex(index, 'push');\n                });\n            });\n\n            if (modalPrevButton) {\n                modalPrevButton.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    goModalByStep(-1);\n                });\n            }\n\n            if (modalNextButton) {\n                modalNextButton.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    goModalByStep(1);\n                });\n            }\n\n            modal.addEventListener('click', function(e) {\n                var target = e.target;\n                if (!(target instanceof Element)) return;\n                if (target.closest('[data-modal-close=\"1\"]')) {\n                    closeModal(true);\n                }\n            });\n\n            document.addEventListener('keydown', function(e) {\n                if (modal.hidden) return;\n                if (e.key === 'Escape') {\n                    closeModal(true);\n                    return;\n                }\n                if (e.key === 'ArrowLeft') {\n                    e.preventDefault();\n                    goModalByStep(-1);\n                } else if (e.key === 'ArrowRight') {\n                    e.preventDefault();\n                    goModalByStep(1);\n                }\n            });\n\n            window.addEventListener('hashchange', syncModalFromHash);\n            window.addEventListener('popstate', syncModalFromHash);\n            syncModalFromHash();\n        })();\n    <\/script>\n    <\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e45ea1 e-flex e-con-boxed e-con e-parent\" data-id=\"8e45ea1\" 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-355a643 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"355a643\" 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-a126980 e-con-full e-flex e-con e-child\" data-id=\"a126980\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40631d6 klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"40631d6\" 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\">What's On<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-816f3e0 e-con-full e-flex e-con e-child\" data-id=\"816f3e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f47cff9 e-con-full e-flex e-con e-child\" data-id=\"f47cff9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07a0a72 elementor-widget elementor-widget-shortcode\" data-id=\"07a0a72\" 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\">    <style>\n        #klcc-news-grid-popup-1 {\n            --kngp-blue: #133c86;\n            --kngp-green: #7fc242;\n            --kngp-card-bg: #ffffff;\n            --kngp-text: #12212e;\n            --kngp-border: rgba(18, 33, 46, 0.08);\n            width: 100%;\n        }\n\n        #klcc-news-grid-popup-1.is-loading {\n            opacity: 0.55;\n            pointer-events: none;\n            transition: opacity 0.18s ease;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card {\n            display: block;\n            text-decoration: none !important;\n            color: inherit;\n            background: var(--kngp-card-bg);\n            border-radius: 18px;\n            overflow: hidden;\n            border: 1px solid var(--kngp-border);\n            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card:hover,\n        #klcc-news-grid-popup-1 .kngp-card:focus-visible {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card__media {\n            position: relative;\n            aspect-ratio: 4 \/ 5;\n            overflow: hidden;\n            background: #d8dee3;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card__media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card__overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.62) 100%);\n            opacity: 0;\n            transition: opacity 0.22s ease;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card__title-wrap {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 16px;\n            opacity: 0;\n            transform: translateY(6px);\n            transition: opacity 0.22s ease, transform 0.22s ease;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card__title {\n            margin: 0;\n            color: #fff;\n            font-size: 1.1rem;\n            line-height: 1.25;\n            font-weight: 700;\n            max-width: 88%;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        \/* Requirement: title only appears on hover\/focus, centered in image *\/\n        #klcc-news-grid-popup-1 .kngp-card:hover .kngp-card__overlay,\n        #klcc-news-grid-popup-1 .kngp-card:focus-visible .kngp-card__overlay {\n            opacity: 0.62;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card:hover .kngp-card__title-wrap,\n        #klcc-news-grid-popup-1 .kngp-card:focus-visible .kngp-card__title-wrap {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-grid-popup-1 .kngp-card__body {\n            display: none;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-pagination {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 22px;\n            flex-wrap: wrap;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-pagination a,\n        #klcc-news-grid-popup-1 .kngp-pagination span {\n            min-width: 38px;\n            height: 38px;\n            padding: 0 12px;\n            border-radius: 999px;\n            border: 1px solid rgba(19, 60, 134, 0.2);\n            color: var(--kngp-blue);\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 14px;\n            font-weight: 600;\n            background: #fff;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-pagination a:hover,\n        #klcc-news-grid-popup-1 .kngp-pagination a:focus-visible {\n            background: var(--kngp-blue);\n            color: #fff;\n            border-color: var(--kngp-blue);\n        }\n\n        #klcc-news-grid-popup-1 .kngp-pagination .is-current {\n            background: var(--kngp-blue);\n            color: #fff;\n            border-color: var(--kngp-blue);\n        }\n\n        #klcc-news-grid-popup-1 .kngp-pagination .is-disabled {\n            opacity: 0.45;\n            cursor: default;\n        }\n\n        #klcc-news-grid-popup-1 .kngp-pagination .kngp-page-label {\n            border: 0;\n            min-width: auto;\n            background: transparent;\n            color: #2d4257;\n        }\n\n        \/* Popup *\/\n        #klcc-news-grid-popup-1-modal.kngp-modal {\n            position: fixed !important;\n            inset: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: 2147483000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n        }\n\n        #klcc-news-grid-popup-1-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__panel {\n            --kngp-panel-w: min(1400px, 95vw);\n            position: relative;\n            z-index: 1;\n            width: var(--kngp-panel-w);\n            height: min(820px, 88vh);\n            border-radius: 36px;\n            background: #dff1f5;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);\n            padding: 30px 34px;\n            overflow: hidden;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            width: 64px;\n            height: 64px;\n            border: 0;\n            border-radius: 50%;\n            background: #ffffff;\n            color: #80a62a;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n            z-index: 2;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 56px;\n            height: 56px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n            z-index: 2;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav:hover,\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: translateY(-50%) scale(1.04);\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.9fr);\n            gap: 28px;\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__title {\n            margin: 0 0 18px 0;\n            color: #133c86;\n            font-size: clamp(30px, 2.6vw, 52px);\n            line-height: 1.04;\n            font-weight: 800;\n            letter-spacing: -0.01em;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__scroll {\n            flex: 1;\n            min-height: 0;\n            overflow-y: auto;\n            padding-right: 10px;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__scroll p {\n            margin: 0 0 18px 0;\n            color: #101820;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__scroll a:not(.kngp-modal__link-button),\n        #klcc-news-grid-popup-1-modal .kngp-modal__content a,\n        #klcc-news-grid-popup-1-modal .kngp-modal__meta a:not(.kngp-modal__link-button),\n        #klcc-news-grid-popup-1-modal .kngp-modal__link a:not(.kngp-modal__link-button) {\n            color: #133c86 !important;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            font-weight: 600;\n            transition: color 0.18s ease;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__scroll a:not(.kngp-modal__link-button):hover,\n        #klcc-news-grid-popup-1-modal .kngp-modal__scroll a:not(.kngp-modal__link-button):focus-visible,\n        #klcc-news-grid-popup-1-modal .kngp-modal__content a:hover,\n        #klcc-news-grid-popup-1-modal .kngp-modal__content a:focus-visible,\n        #klcc-news-grid-popup-1-modal .kngp-modal__meta a:not(.kngp-modal__link-button):hover,\n        #klcc-news-grid-popup-1-modal .kngp-modal__meta a:not(.kngp-modal__link-button):focus-visible,\n        #klcc-news-grid-popup-1-modal .kngp-modal__link a:not(.kngp-modal__link-button):hover,\n        #klcc-news-grid-popup-1-modal .kngp-modal__link a:not(.kngp-modal__link-button):focus-visible {\n            color: #204a8a !important;\n            text-decoration: underline;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__meta p {\n            margin: 0 0 6px 0;\n            color: #101820;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__link-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 50px;\n            max-width: 100%;\n            padding: 12px 30px;\n            border-radius: 999px;\n            background: #285897;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            text-align: center;\n            font-weight: 700;\n            font-size: clamp(16px, 1.28vw, 20px);\n            line-height: 1.15;\n            letter-spacing: 0;\n            transition: background-color 180ms ease, transform 180ms ease;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__link-button:hover,\n        #klcc-news-grid-popup-1-modal .kngp-modal__link-button:focus-visible {\n            background: #1f4a82;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            outline: none;\n            transform: translateY(-1px);\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            background: transparent;\n        }\n\n        #klcc-news-grid-popup-1-modal .kngp-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: var(--kngp-modal-poster-fit, cover);\n            transform: scale(var(--kngp-modal-poster-scale, 1));\n            transform-origin: center center;\n            display: block;\n            background: transparent;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__viewport {\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__slide {\n            flex: 0 0 100%;\n            width: 100%;\n            min-width: 100%;\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__poster {\n            width: 100%;\n            height: 100%;\n            max-height: 100%;\n            object-fit: var(--kngp-modal-poster-fit, cover);\n            transform: scale(var(--kngp-modal-poster-scale, 1));\n            transform-origin: center center;\n            display: block;\n            background: transparent;\n            user-select: none;\n            -webkit-user-drag: none;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__nav {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            z-index: 10;\n            pointer-events: auto;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn {\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            margin: 0;\n            outline: none;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n            user-select: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n            stroke: currentColor;\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn:hover,\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: scale(1.08);\n            box-shadow: 0 6px 20px rgba(19, 60, 134, 0.32);\n        }\n\n        #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn:active {\n            transform: scale(0.95);\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-grid-popup-1-modal .klcc-modal-carousel__nav {\n                bottom: 10px;\n                right: 10px;\n                gap: 8px;\n            }\n\n            #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn {\n                width: 36px;\n                height: 36px;\n            }\n\n            #klcc-news-grid-popup-1-modal .klcc-modal-carousel__btn svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (max-width: 1023px) {\n            #klcc-news-grid-popup-1 .kngp-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-grid-popup-1-modal .kngp-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-grid-popup-1-modal .kngp-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-grid-popup-1-modal .kngp-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-grid-popup-1-modal .kngp-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-grid-popup-1-modal .kngp-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-grid-popup-1-modal .kngp-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 767px) {\n            \/* Mobile list-view feel *\/\n            #klcc-news-grid-popup-1 .kngp-grid {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n\n            #klcc-news-grid-popup-1 .kngp-card {\n                display: flex;\n                align-items: stretch;\n                min-height: 128px;\n            }\n\n            #klcc-news-grid-popup-1 .kngp-card__media {\n                width: 42%;\n                min-width: 42%;\n                aspect-ratio: auto;\n                height: auto;\n            }\n\n            #klcc-news-grid-popup-1 .kngp-card__overlay,\n            #klcc-news-grid-popup-1 .kngp-card__title-wrap {\n                display: none;\n            }\n\n            #klcc-news-grid-popup-1 .kngp-card__body {\n                width: 58%;\n                display: block;\n                padding: 12px 12px 10px;\n            }\n\n            #klcc-news-grid-popup-1 .kngp-card__title-mobile {\n                margin: 0 0 6px;\n                color: var(--kngp-text);\n                font-size: 0.98rem;\n                line-height: 1.3;\n                font-weight: 700;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n\n            #klcc-news-grid-popup-1 .kngp-card__excerpt {\n                margin: 0;\n                color: #3d4f60;\n                font-size: 0.86rem;\n                line-height: 1.35;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n        }\n    <\/style>\n\n    <section id=\"klcc-news-grid-popup-1\">\n        <div class=\"kngp-grid\">\n                                            <a href=\"#whats-on=sky-xperience-standard-visit\"\n                   class=\"kngp-card\"\n                   data-popup-index=\"0\"\n                   data-popup-slug=\"sky-xperience-standard-visit\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Sky Xperience Standard Visit\">\n                    <div class=\"kngp-card__media\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\">\n                        <div class=\"kngp-card__overlay\"><\/div>\n                        <div class=\"kngp-card__title-wrap\">\n                            <h3 class=\"kngp-card__title\">Sky Xperience Standard Visit<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div class=\"kngp-card__body\">\n                        <h3 class=\"kngp-card__title-mobile\">Sky Xperience Standard Visit<\/h3>\n                                                    <p class=\"kngp-card__excerpt\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur [&hellip;]<\/p>\n                                            <\/div>\n                <\/a>\n                                            <a href=\"#whats-on=evening-xperience\"\n                   class=\"kngp-card\"\n                   data-popup-index=\"1\"\n                   data-popup-slug=\"evening-xperience\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Evening Xperience\">\n                    <div class=\"kngp-card__media\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\">\n                        <div class=\"kngp-card__overlay\"><\/div>\n                        <div class=\"kngp-card__title-wrap\">\n                            <h3 class=\"kngp-card__title\">Evening Xperience<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div class=\"kngp-card__body\">\n                        <h3 class=\"kngp-card__title-mobile\">Evening Xperience<\/h3>\n                                                    <p class=\"kngp-card__excerpt\">Experience the PETRONAS Twin Towers at their most magical during the golden hours. Enjoy a guided tour lead by our staff, the Sky Guide, visit the iconic Sky Bridge on Level 41, and take in panoramic views from the Sky Deck on Level 86. Complete your journey with a complimentary beverage at Sky Caf\u00e9 by [&hellip;]<\/p>\n                                            <\/div>\n                <\/a>\n                                            <a href=\"#whats-on=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                   class=\"kngp-card\"\n                   data-popup-index=\"2\"\n                   data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                    <div class=\"kngp-card__media\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\">\n                        <div class=\"kngp-card__overlay\"><\/div>\n                        <div class=\"kngp-card__title-wrap\">\n                            <h3 class=\"kngp-card__title\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div class=\"kngp-card__body\">\n                        <h3 class=\"kngp-card__title-mobile\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h3>\n                                                    <p class=\"kngp-card__excerpt\">Discover the latest innovations shaping the maritime and offshore sectors at Malaysia International Marine Expo (MIMEX) 2026. Held at the Kuala Lumpur Convention Centre, MIMEX is a comprehensive international business platform that brings together industry leaders, manufacturers, suppliers and decision-makers from across the global maritime community. Covering key sectors including shipbuilding, ship repairs, shipping, maritime [&hellip;]<\/p>\n                                            <\/div>\n                <\/a>\n                    <\/div>\n\n            <\/section>\n\n    <div id=\"klcc-news-grid-popup-1-templates\" hidden>\n                                <template id=\"klcc-news-grid-popup-1-tpl-0-9058\" data-post-slug=\"sky-xperience-standard-visit\">\n                <div class=\"kngp-modal__grid\">\n                    <section class=\"kngp-modal__left\">\n                        <h2 class=\"kngp-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"kngp-modal__scroll\">\n                            <div class=\"kngp-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur from a whole new perspective. Wrap your journey with exquisite souvenirs at the Sky Shop!<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"kngp-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"kngp-modal__link\">\n                                                                                            <p class=\"kngp-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"kngp-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience Standard Visit                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"kngp-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-grid-popup-1-tpl-1-9062\" data-post-slug=\"evening-xperience\">\n                <div class=\"kngp-modal__grid\">\n                    <section class=\"kngp-modal__left\">\n                        <h2 class=\"kngp-modal__title\">Evening Xperience<\/h2>\n                        <div class=\"kngp-modal__scroll\">\n                            <div class=\"kngp-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience the PETRONAS Twin Towers at their most magical during the golden hours. Enjoy a guided tour lead by our staff, the Sky Guide, visit the iconic Sky Bridge on Level 41, and take in panoramic views from the Sky Deck on Level 86. Complete your journey with a complimentary beverage at Sky Caf\u00e9 by Maja, making for an unforgettable evening above Kuala Lumpur\u2019s glittering skyline.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 6.00pm, 6.15pm &amp; 6.30pm slots only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"kngp-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"kngp-modal__link\">\n                                                                                            <p class=\"kngp-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"kngp-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Evening Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"kngp-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-grid-popup-1-tpl-2-9202\" data-post-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\">\n                <div class=\"kngp-modal__grid\">\n                    <section class=\"kngp-modal__left\">\n                        <h2 class=\"kngp-modal__title\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h2>\n                        <div class=\"kngp-modal__scroll\">\n                            <div class=\"kngp-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Discover the latest innovations shaping the maritime and offshore sectors at Malaysia International Marine Expo (MIMEX) 2026. Held at the Kuala Lumpur Convention Centre, MIMEX is a comprehensive international business platform that brings together industry leaders, manufacturers, suppliers and decision-makers from across the global maritime community.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Covering key sectors including shipbuilding, ship repairs, shipping, maritime engineering, offshore technology, dredging equipment, and ports and logistics, the exhibition offers valuable opportunities for networking, knowledge sharing and business development. As one of the region's leading maritime industry events, MIMEX serves as a meeting point for professionals seeking to explore emerging trends, innovative technologies and new business opportunities.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">For information, visit <a href=\"https:\/\/marine-malaysia.com\/\" target=\"_blank\" rel=\"noopener\">Home - Malaysia International Marine Expo (MIMEX)<\/a><\/p>\n<p><\/p>\n<\/div>\n\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"kngp-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"3\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"1\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"2\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n              <div class=\"klcc-modal-carousel__nav\" aria-label=\"Image gallery controls\">\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--prev\" type=\"button\" aria-label=\"Previous image\" data-modal-carousel-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--next\" type=\"button\" aria-label=\"Next image\" data-modal-carousel-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n          <\/button>\n        <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-grid-popup-1-modal\" class=\"kngp-modal\" style=\"--kngp-modal-poster-fit: contain; --kngp-modal-poster-scale: 1.00;\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"kngp-modal__backdrop\" data-modal-close=\"1\"><\/div>\n        <button class=\"kngp-modal__nav kngp-modal__nav--prev\" type=\"button\" aria-label=\"Previous post\" data-modal-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <button class=\"kngp-modal__nav kngp-modal__nav--next\" type=\"button\" aria-label=\"Next post\" data-modal-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <div class=\"kngp-modal__panel\" role=\"document\">\n            <button class=\"kngp-modal__close\" type=\"button\" aria-label=\"Close\" data-modal-close=\"1\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" aria-hidden=\"true\">\n                    <path d=\"M6 6l12 12\"><\/path>\n                    <path d=\"M18 6L6 18\"><\/path>\n                <\/svg>\n            <\/button>\n            <div id=\"klcc-news-grid-popup-1-modal-body\" class=\"kngp-modal__body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            var root = document.getElementById('klcc-news-grid-popup-1');\n            var modal = document.getElementById('klcc-news-grid-popup-1-modal');\n            var modalBody = document.getElementById('klcc-news-grid-popup-1-modal-body');\n            var templates = document.getElementById('klcc-news-grid-popup-1-templates');\n            if (!root || !modal || !modalBody || !templates) return;\n\n            if (modal.parentElement !== document.body) {\n                document.body.appendChild(modal);\n            }\n\n            var modalPrevButton = modal.querySelector('[data-modal-nav=\"prev\"]');\n            var modalNextButton = modal.querySelector('[data-modal-nav=\"next\"]');\n            var modalTemplateIds = [\"klcc-news-grid-popup-1-tpl-0-9058\",\"klcc-news-grid-popup-1-tpl-1-9062\",\"klcc-news-grid-popup-1-tpl-2-9202\"];\n            var modalPostSlugs = [\"sky-xperience-standard-visit\",\"evening-xperience\",\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"];\n            var modalHashPrefix = '#whats-on=';\n            var modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n            var currentModalIndex = -1;\n            var lastBodyOverflow = '';\n            var ajaxRequestActive = false;\n            var suppressNextPaginationPopstate = false;\n            var remoteModalRequestId = 0;\n            var remoteModalSlug = '';\n\n            var readModalHashSlug = function() {\n                if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                try {\n                    return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                } catch (error) {\n                    return '';\n                }\n            };\n\n            var modalHashForIndex = function(index) {\n                if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n            };\n\n            var rootIsVisible = function() {\n                return root.getClientRects().length > 0 && window.getComputedStyle(root).display !== 'none';\n            };\n\n            var updateModalHash = function(index, mode) {\n                var hash = modalHashForIndex(index);\n                if (!hash || window.location.hash === hash) return;\n                var url = window.location.pathname + window.location.search + hash;\n                if (mode === 'push') {\n                    var state = Object.assign({}, window.history.state || {});\n                    state.kngpModal = true;\n                    window.history.pushState(state, '', url);\n                } else {\n                    window.history.replaceState(window.history.state, '', url);\n                }\n            };\n\n            var collectModalTemplateIds = function() {\n                var modalTemplates = templates.querySelectorAll('template[id]');\n                modalTemplateIds = Array.prototype.map.call(modalTemplates, function(template) {\n                    return template.id;\n                });\n                modalPostSlugs = Array.prototype.map.call(modalTemplates, function(template) {\n                    return (template.getAttribute('data-post-slug') || '').toLowerCase();\n                });\n                updateModalNavState();\n            };\n\n            var updateModalNavState = function() {\n                if (!modalPrevButton || !modalNextButton) return;\n                var total = modalTemplateIds.length;\n                if (total <= 1 || currentModalIndex < 0) {\n                    modalPrevButton.hidden = true;\n                    modalNextButton.hidden = true;\n                    return;\n                }\n                var atStart = currentModalIndex <= 0;\n                var atEnd = currentModalIndex >= total - 1;\n                modalPrevButton.hidden = atStart;\n                modalNextButton.hidden = atEnd;\n                modalPrevButton.disabled = atStart;\n                modalNextButton.disabled = atEnd;\n            };\n\n            var renderModalByIndex = function(index) {\n                if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) return;\n                if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) return;\n                var templateId = modalTemplateIds[index];\n                var template = document.getElementById(templateId);\n                if (!template) return;\n                currentModalIndex = index;\n                modalBody.innerHTML = template.innerHTML;\n                updateModalNavState();\n                if (window.klccInitModalCarousel) {\n                    window.klccInitModalCarousel(modalBody);\n                }\n            };\n\n            var openModalByIndex = function(index, historyMode) {\n                remoteModalRequestId++;\n                remoteModalSlug = '';\n                modal.removeAttribute('aria-busy');\n                var wasHidden = modal.hidden;\n                renderModalByIndex(index);\n                if (currentModalIndex < 0) return;\n                if (wasHidden) {\n                    lastBodyOverflow = document.body.style.overflow;\n                }\n                document.body.style.overflow = 'hidden';\n                modal.hidden = false;\n                modal.setAttribute('aria-hidden', 'false');\n                if (historyMode) {\n                    updateModalHash(currentModalIndex, historyMode);\n                }\n            };\n\n            var openRemoteModalHtml = function(html) {\n                var wasHidden = modal.hidden;\n                currentModalIndex = -1;\n                modalBody.innerHTML = html;\n                updateModalNavState();\n                if (window.klccInitModalCarousel) {\n                    window.klccInitModalCarousel(modalBody);\n                }\n                if (wasHidden) {\n                    lastBodyOverflow = document.body.style.overflow;\n                }\n                document.body.style.overflow = 'hidden';\n                modal.hidden = false;\n                modal.setAttribute('aria-hidden', 'false');\n            };\n\n            var fetchModalBySlug = function(slug) {\n                if (!slug || !rootIsVisible() || remoteModalSlug === slug) return;\n\n                var requestId = ++remoteModalRequestId;\n                remoteModalSlug = slug;\n                modal.setAttribute('aria-busy', 'true');\n\n                fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=grid', {\n                    credentials: 'same-origin',\n                    headers: {\n                        'Accept': 'application\/json'\n                    }\n                })\n                    .then(function(response) {\n                        if (!response.ok) throw new Error('What\\'s On post not found.');\n                        return response.json();\n                    })\n                    .then(function(data) {\n                        if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                        if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                            throw new Error('Invalid What\\'s On modal response.');\n                        }\n                        openRemoteModalHtml(data.html);\n                    })\n                    .catch(function() {\n                        if (requestId === remoteModalRequestId) {\n                            closeModal(false);\n                        }\n                    })\n                    .finally(function() {\n                        if (requestId === remoteModalRequestId) {\n                            modal.removeAttribute('aria-busy');\n                        }\n                    });\n            };\n\n            var goModalByStep = function(step) {\n                var nextIndex = currentModalIndex + step;\n                if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) return;\n                renderModalByIndex(nextIndex);\n                updateModalHash(nextIndex, 'replace');\n            };\n\n            var closeModal = function(updateHistory) {\n                remoteModalRequestId++;\n                remoteModalSlug = '';\n                modal.removeAttribute('aria-busy');\n                var wasOpen = !modal.hidden;\n                modal.hidden = true;\n                modal.setAttribute('aria-hidden', 'true');\n                modalBody.innerHTML = '';\n                if (wasOpen) {\n                    document.body.style.overflow = lastBodyOverflow;\n                }\n                currentModalIndex = -1;\n                updateModalNavState();\n\n                if (updateHistory && readModalHashSlug() !== '') {\n                    if (window.history.state && window.history.state.kngpModal) {\n                        suppressNextPaginationPopstate = true;\n                        window.history.back();\n                    } else {\n                        window.history.replaceState(\n                            window.history.state,\n                            '',\n                            window.location.pathname + window.location.search\n                        );\n                    }\n                }\n            };\n\n            var syncModalFromHash = function() {\n                var slug = readModalHashSlug();\n                if (slug === '') {\n                    if (currentModalIndex >= 0 || !modal.hidden) {\n                        closeModal(false);\n                    }\n                    return;\n                }\n                if (!rootIsVisible()) return;\n\n                var index = modalPostSlugs.indexOf(slug);\n                if (index >= 0) {\n                    openModalByIndex(index, '');\n                } else {\n                    fetchModalBySlug(slug);\n                }\n            };\n\n            var loadPageByUrl = function(url, updateHistory) {\n                if (ajaxRequestActive) return;\n                ajaxRequestActive = true;\n                root.classList.add('is-loading');\n\n                fetch(url, {\n                    credentials: 'same-origin',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest'\n                    }\n                })\n                    .then(function(response) {\n                        if (!response.ok) throw new Error('Failed to load page.');\n                        return response.text();\n                    })\n                    .then(function(html) {\n                        var doc = new DOMParser().parseFromString(html, 'text\/html');\n                        var nextRoot = doc.getElementById('klcc-news-grid-popup-1');\n                        var nextTemplates = doc.getElementById('klcc-news-grid-popup-1-templates');\n                        if (!nextRoot || !nextTemplates) throw new Error('Missing grid markup.');\n\n                        root.innerHTML = nextRoot.innerHTML;\n                        templates.innerHTML = nextTemplates.innerHTML;\n                        currentModalIndex = -1;\n                        modalBody.innerHTML = '';\n                        collectModalTemplateIds();\n\n                        if (updateHistory && window.history && window.history.pushState) {\n                            window.history.pushState({ kngpPage: true }, '', url);\n                        }\n                    })\n                    .catch(function() {\n                        window.location.href = url;\n                    })\n                    .finally(function() {\n                        ajaxRequestActive = false;\n                        root.classList.remove('is-loading');\n                    });\n            };\n\n            root.addEventListener('click', function(e) {\n                var target = e.target;\n                if (!(target instanceof Element)) return;\n\n                var paginationLink = target.closest('.kngp-pagination a[href]');\n                if (paginationLink && root.contains(paginationLink)) {\n                    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || paginationLink.target) return;\n                    e.preventDefault();\n                    loadPageByUrl(paginationLink.href, true);\n                    return;\n                }\n\n                var card = target.closest('.kngp-card[data-popup-index]');\n                if (card && root.contains(card)) {\n                    e.preventDefault();\n                    var index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                    if (Number.isNaN(index)) return;\n                    openModalByIndex(index, 'push');\n                }\n            });\n\n            if (modalPrevButton) {\n                modalPrevButton.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    goModalByStep(-1);\n                });\n            }\n\n            if (modalNextButton) {\n                modalNextButton.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    goModalByStep(1);\n                });\n            }\n\n            modal.addEventListener('click', function(e) {\n                var target = e.target;\n                if (!(target instanceof Element)) return;\n                if (target.closest('[data-modal-close=\"1\"]')) {\n                    closeModal(true);\n                }\n            });\n\n            document.addEventListener('keydown', function(e) {\n                if (modal.hidden) return;\n                if (e.key === 'Escape') {\n                    closeModal(true);\n                    return;\n                }\n                if (e.key === 'ArrowLeft') {\n                    e.preventDefault();\n                    goModalByStep(-1);\n                } else if (e.key === 'ArrowRight') {\n                    e.preventDefault();\n                    goModalByStep(1);\n                }\n            });\n\n            window.addEventListener('popstate', function() {\n                if (suppressNextPaginationPopstate) {\n                    suppressNextPaginationPopstate = false;\n                    syncModalFromHash();\n                    return;\n                }\n\n                var hadOpenModal = currentModalIndex >= 0;\n                var modalSlug = readModalHashSlug();\n                syncModalFromHash();\n                if (hadOpenModal || modalSlug !== '') return;\n                loadPageByUrl(window.location.href, false);\n            });\n            window.addEventListener('hashchange', syncModalFromHash);\n            syncModalFromHash();\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<\/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-55687a3 e-flex e-con-boxed e-con e-parent\" data-id=\"55687a3\" 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-9f5ee69 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9f5ee69\" 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-6ce8957 e-con-full e-flex e-con e-child\" data-id=\"6ce8957\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19bf0f2 klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"19bf0f2\" 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\">PAST EVENTS &amp; HAPPENINGS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f275ec1 e-con-full e-flex e-con e-child\" data-id=\"f275ec1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-627ab12 e-con-full e-flex e-con e-child\" data-id=\"627ab12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6558f57 elementor-widget elementor-widget-shortcode\" data-id=\"6558f57\" 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\">    <style>\n        #klcc-news-grid-popup-2 {\n            --kngp-blue: #133c86;\n            --kngp-green: #7fc242;\n            --kngp-card-bg: #ffffff;\n            --kngp-text: #12212e;\n            --kngp-border: rgba(18, 33, 46, 0.08);\n            width: 100%;\n        }\n\n        #klcc-news-grid-popup-2.is-loading {\n            opacity: 0.55;\n            pointer-events: none;\n            transition: opacity 0.18s ease;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card {\n            display: block;\n            text-decoration: none !important;\n            color: inherit;\n            background: var(--kngp-card-bg);\n            border-radius: 18px;\n            overflow: hidden;\n            border: 1px solid var(--kngp-border);\n            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card:hover,\n        #klcc-news-grid-popup-2 .kngp-card:focus-visible {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card__media {\n            position: relative;\n            aspect-ratio: 4 \/ 5;\n            overflow: hidden;\n            background: #d8dee3;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card__media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card__overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.62) 100%);\n            opacity: 0;\n            transition: opacity 0.22s ease;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card__title-wrap {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 16px;\n            opacity: 0;\n            transform: translateY(6px);\n            transition: opacity 0.22s ease, transform 0.22s ease;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card__title {\n            margin: 0;\n            color: #fff;\n            font-size: 1.1rem;\n            line-height: 1.25;\n            font-weight: 700;\n            max-width: 88%;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        \/* Requirement: title only appears on hover\/focus, centered in image *\/\n        #klcc-news-grid-popup-2 .kngp-card:hover .kngp-card__overlay,\n        #klcc-news-grid-popup-2 .kngp-card:focus-visible .kngp-card__overlay {\n            opacity: 0.62;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card:hover .kngp-card__title-wrap,\n        #klcc-news-grid-popup-2 .kngp-card:focus-visible .kngp-card__title-wrap {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-grid-popup-2 .kngp-card__body {\n            display: none;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-pagination {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 22px;\n            flex-wrap: wrap;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-pagination a,\n        #klcc-news-grid-popup-2 .kngp-pagination span {\n            min-width: 38px;\n            height: 38px;\n            padding: 0 12px;\n            border-radius: 999px;\n            border: 1px solid rgba(19, 60, 134, 0.2);\n            color: var(--kngp-blue);\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 14px;\n            font-weight: 600;\n            background: #fff;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-pagination a:hover,\n        #klcc-news-grid-popup-2 .kngp-pagination a:focus-visible {\n            background: var(--kngp-blue);\n            color: #fff;\n            border-color: var(--kngp-blue);\n        }\n\n        #klcc-news-grid-popup-2 .kngp-pagination .is-current {\n            background: var(--kngp-blue);\n            color: #fff;\n            border-color: var(--kngp-blue);\n        }\n\n        #klcc-news-grid-popup-2 .kngp-pagination .is-disabled {\n            opacity: 0.45;\n            cursor: default;\n        }\n\n        #klcc-news-grid-popup-2 .kngp-pagination .kngp-page-label {\n            border: 0;\n            min-width: auto;\n            background: transparent;\n            color: #2d4257;\n        }\n\n        \/* Popup *\/\n        #klcc-news-grid-popup-2-modal.kngp-modal {\n            position: fixed !important;\n            inset: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: 2147483000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n        }\n\n        #klcc-news-grid-popup-2-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__panel {\n            --kngp-panel-w: min(1400px, 95vw);\n            position: relative;\n            z-index: 1;\n            width: var(--kngp-panel-w);\n            height: min(820px, 88vh);\n            border-radius: 36px;\n            background: #dff1f5;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);\n            padding: 30px 34px;\n            overflow: hidden;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            width: 64px;\n            height: 64px;\n            border: 0;\n            border-radius: 50%;\n            background: #ffffff;\n            color: #80a62a;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n            z-index: 2;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 56px;\n            height: 56px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n            z-index: 2;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav:hover,\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: translateY(-50%) scale(1.04);\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.9fr);\n            gap: 28px;\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__title {\n            margin: 0 0 18px 0;\n            color: #133c86;\n            font-size: clamp(30px, 2.6vw, 52px);\n            line-height: 1.04;\n            font-weight: 800;\n            letter-spacing: -0.01em;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__scroll {\n            flex: 1;\n            min-height: 0;\n            overflow-y: auto;\n            padding-right: 10px;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__scroll p {\n            margin: 0 0 18px 0;\n            color: #101820;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__scroll a:not(.kngp-modal__link-button),\n        #klcc-news-grid-popup-2-modal .kngp-modal__content a,\n        #klcc-news-grid-popup-2-modal .kngp-modal__meta a:not(.kngp-modal__link-button),\n        #klcc-news-grid-popup-2-modal .kngp-modal__link a:not(.kngp-modal__link-button) {\n            color: #133c86 !important;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            font-weight: 600;\n            transition: color 0.18s ease;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__scroll a:not(.kngp-modal__link-button):hover,\n        #klcc-news-grid-popup-2-modal .kngp-modal__scroll a:not(.kngp-modal__link-button):focus-visible,\n        #klcc-news-grid-popup-2-modal .kngp-modal__content a:hover,\n        #klcc-news-grid-popup-2-modal .kngp-modal__content a:focus-visible,\n        #klcc-news-grid-popup-2-modal .kngp-modal__meta a:not(.kngp-modal__link-button):hover,\n        #klcc-news-grid-popup-2-modal .kngp-modal__meta a:not(.kngp-modal__link-button):focus-visible,\n        #klcc-news-grid-popup-2-modal .kngp-modal__link a:not(.kngp-modal__link-button):hover,\n        #klcc-news-grid-popup-2-modal .kngp-modal__link a:not(.kngp-modal__link-button):focus-visible {\n            color: #204a8a !important;\n            text-decoration: underline;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__meta p {\n            margin: 0 0 6px 0;\n            color: #101820;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__link-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 50px;\n            max-width: 100%;\n            padding: 12px 30px;\n            border-radius: 999px;\n            background: #285897;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            text-align: center;\n            font-weight: 700;\n            font-size: clamp(16px, 1.28vw, 20px);\n            line-height: 1.15;\n            letter-spacing: 0;\n            transition: background-color 180ms ease, transform 180ms ease;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__link-button:hover,\n        #klcc-news-grid-popup-2-modal .kngp-modal__link-button:focus-visible {\n            background: #1f4a82;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            outline: none;\n            transform: translateY(-1px);\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            background: transparent;\n        }\n\n        #klcc-news-grid-popup-2-modal .kngp-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: var(--kngp-modal-poster-fit, cover);\n            transform: scale(var(--kngp-modal-poster-scale, 1));\n            transform-origin: center center;\n            display: block;\n            background: transparent;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__viewport {\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__slide {\n            flex: 0 0 100%;\n            width: 100%;\n            min-width: 100%;\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__poster {\n            width: 100%;\n            height: 100%;\n            max-height: 100%;\n            object-fit: var(--kngp-modal-poster-fit, cover);\n            transform: scale(var(--kngp-modal-poster-scale, 1));\n            transform-origin: center center;\n            display: block;\n            background: transparent;\n            user-select: none;\n            -webkit-user-drag: none;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__nav {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            z-index: 10;\n            pointer-events: auto;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn {\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            margin: 0;\n            outline: none;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n            user-select: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n            stroke: currentColor;\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn:hover,\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: scale(1.08);\n            box-shadow: 0 6px 20px rgba(19, 60, 134, 0.32);\n        }\n\n        #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn:active {\n            transform: scale(0.95);\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-grid-popup-2-modal .klcc-modal-carousel__nav {\n                bottom: 10px;\n                right: 10px;\n                gap: 8px;\n            }\n\n            #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn {\n                width: 36px;\n                height: 36px;\n            }\n\n            #klcc-news-grid-popup-2-modal .klcc-modal-carousel__btn svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (max-width: 1023px) {\n            #klcc-news-grid-popup-2 .kngp-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-grid-popup-2-modal .kngp-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-grid-popup-2-modal .kngp-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-grid-popup-2-modal .kngp-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-grid-popup-2-modal .kngp-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-grid-popup-2-modal .kngp-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-grid-popup-2-modal .kngp-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 767px) {\n            \/* Mobile list-view feel *\/\n            #klcc-news-grid-popup-2 .kngp-grid {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n\n            #klcc-news-grid-popup-2 .kngp-card {\n                display: flex;\n                align-items: stretch;\n                min-height: 128px;\n            }\n\n            #klcc-news-grid-popup-2 .kngp-card__media {\n                width: 42%;\n                min-width: 42%;\n                aspect-ratio: auto;\n                height: auto;\n            }\n\n            #klcc-news-grid-popup-2 .kngp-card__overlay,\n            #klcc-news-grid-popup-2 .kngp-card__title-wrap {\n                display: none;\n            }\n\n            #klcc-news-grid-popup-2 .kngp-card__body {\n                width: 58%;\n                display: block;\n                padding: 12px 12px 10px;\n            }\n\n            #klcc-news-grid-popup-2 .kngp-card__title-mobile {\n                margin: 0 0 6px;\n                color: var(--kngp-text);\n                font-size: 0.98rem;\n                line-height: 1.3;\n                font-weight: 700;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n\n            #klcc-news-grid-popup-2 .kngp-card__excerpt {\n                margin: 0;\n                color: #3d4f60;\n                font-size: 0.86rem;\n                line-height: 1.35;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n        }\n    <\/style>\n\n    <section id=\"klcc-news-grid-popup-2\">\n        <div class=\"kngp-grid\">\n                                            <a href=\"#whats-on=sky-xperience-standard-visit\"\n                   class=\"kngp-card\"\n                   data-popup-index=\"0\"\n                   data-popup-slug=\"sky-xperience-standard-visit\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Sky Xperience Standard Visit\">\n                    <div class=\"kngp-card__media\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\">\n                        <div class=\"kngp-card__overlay\"><\/div>\n                        <div class=\"kngp-card__title-wrap\">\n                            <h3 class=\"kngp-card__title\">Sky Xperience Standard Visit<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div class=\"kngp-card__body\">\n                        <h3 class=\"kngp-card__title-mobile\">Sky Xperience Standard Visit<\/h3>\n                                                    <p class=\"kngp-card__excerpt\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur [&hellip;]<\/p>\n                                            <\/div>\n                <\/a>\n                                            <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                   class=\"kngp-card\"\n                   data-popup-index=\"1\"\n                   data-popup-slug=\"sky-xperience-symphony-xperience\"\n                   aria-haspopup=\"dialog\"\n                   aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\n                    <div class=\"kngp-card__media\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-2.png\" alt=\"Sky Xperience \u2013 Symphony Xperience\" loading=\"lazy\">\n                        <div class=\"kngp-card__overlay\"><\/div>\n                        <div class=\"kngp-card__title-wrap\">\n                            <h3 class=\"kngp-card__title\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div class=\"kngp-card__body\">\n                        <h3 class=\"kngp-card__title-mobile\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                                    <p class=\"kngp-card__excerpt\">FROM&nbsp; SKY TO SYMPHONY.&nbsp; Begin your journey at the PETRONAS Twin Towers Sky X Observation Deck, where sweeping city views set the stage. Then, immerse yourself in culture with a guided tour of Dewan Filharmonik PETRONAS Symphonic Hall. One seamless experience \u2013 where iconic architecture, music, and breathtaking perspectives come together.&nbsp; A bundled visitor experience [&hellip;]<\/p>\n                                            <\/div>\n                <\/a>\n                    <\/div>\n\n            <\/section>\n\n    <div id=\"klcc-news-grid-popup-2-templates\" hidden>\n                                <template id=\"klcc-news-grid-popup-2-tpl-0-9058\" data-post-slug=\"sky-xperience-standard-visit\">\n                <div class=\"kngp-modal__grid\">\n                    <section class=\"kngp-modal__left\">\n                        <h2 class=\"kngp-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"kngp-modal__scroll\">\n                            <div class=\"kngp-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur from a whole new perspective. Wrap your journey with exquisite souvenirs at the Sky Shop!<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"kngp-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"kngp-modal__link\">\n                                                                                            <p class=\"kngp-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"kngp-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience Standard Visit                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"kngp-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-grid-popup-2-tpl-1-9072\" data-post-slug=\"sky-xperience-symphony-xperience\">\n                <div class=\"kngp-modal__grid\">\n                    <section class=\"kngp-modal__left\">\n                        <h2 class=\"kngp-modal__title\">Sky Xperience \u2013 Symphony Xperience<\/h2>\n                        <div class=\"kngp-modal__scroll\">\n                            <div class=\"kngp-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">FROM&nbsp; SKY TO SYMPHONY.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Begin your journey at the PETRONAS Twin Towers Sky X Observation Deck, where sweeping city views set the stage. Then, immerse yourself in culture with a guided tour of Dewan Filharmonik PETRONAS Symphonic Hall. One seamless experience \u2013 where iconic architecture, music, and breathtaking perspectives come together.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">A bundled visitor experience combing:&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<ul class=\"wp-block-list\"><\/p>\n<li>Sky Deck observation journey<\/li>\n<p><\/p>\n<p><\/p>\n<li>Guided DFP Symphonic Hall Tour<\/li>\n<p><\/p>\n<p><\/p>\n<li>Sky Xperience &amp; DFP merchandise\u00a0<\/li>\n<p><\/ul>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Designed to enhance visitor value by integrating iconic skyline views with a cultural music.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(Available on certain dates only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"kngp-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"kngp-modal__link\">\n                                                                                            <p class=\"kngp-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"kngp-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience \u2013 Symphony Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"kngp-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"kngp-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.jpg\" alt=\"Sky Xperience \u2013 Symphony Xperience\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-grid-popup-2-modal\" class=\"kngp-modal\" style=\"--kngp-modal-poster-fit: contain; --kngp-modal-poster-scale: 1.00;\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"kngp-modal__backdrop\" data-modal-close=\"1\"><\/div>\n        <button class=\"kngp-modal__nav kngp-modal__nav--prev\" type=\"button\" aria-label=\"Previous post\" data-modal-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <button class=\"kngp-modal__nav kngp-modal__nav--next\" type=\"button\" aria-label=\"Next post\" data-modal-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <div class=\"kngp-modal__panel\" role=\"document\">\n            <button class=\"kngp-modal__close\" type=\"button\" aria-label=\"Close\" data-modal-close=\"1\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" aria-hidden=\"true\">\n                    <path d=\"M6 6l12 12\"><\/path>\n                    <path d=\"M18 6L6 18\"><\/path>\n                <\/svg>\n            <\/button>\n            <div id=\"klcc-news-grid-popup-2-modal-body\" class=\"kngp-modal__body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            var root = document.getElementById('klcc-news-grid-popup-2');\n            var modal = document.getElementById('klcc-news-grid-popup-2-modal');\n            var modalBody = document.getElementById('klcc-news-grid-popup-2-modal-body');\n            var templates = document.getElementById('klcc-news-grid-popup-2-templates');\n            if (!root || !modal || !modalBody || !templates) return;\n\n            if (modal.parentElement !== document.body) {\n                document.body.appendChild(modal);\n            }\n\n            var modalPrevButton = modal.querySelector('[data-modal-nav=\"prev\"]');\n            var modalNextButton = modal.querySelector('[data-modal-nav=\"next\"]');\n            var modalTemplateIds = [\"klcc-news-grid-popup-2-tpl-0-9058\",\"klcc-news-grid-popup-2-tpl-1-9072\"];\n            var modalPostSlugs = [\"sky-xperience-standard-visit\",\"sky-xperience-symphony-xperience\"];\n            var modalHashPrefix = '#whats-on=';\n            var modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n            var currentModalIndex = -1;\n            var lastBodyOverflow = '';\n            var ajaxRequestActive = false;\n            var suppressNextPaginationPopstate = false;\n            var remoteModalRequestId = 0;\n            var remoteModalSlug = '';\n\n            var readModalHashSlug = function() {\n                if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                try {\n                    return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                } catch (error) {\n                    return '';\n                }\n            };\n\n            var modalHashForIndex = function(index) {\n                if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n            };\n\n            var rootIsVisible = function() {\n                return root.getClientRects().length > 0 && window.getComputedStyle(root).display !== 'none';\n            };\n\n            var updateModalHash = function(index, mode) {\n                var hash = modalHashForIndex(index);\n                if (!hash || window.location.hash === hash) return;\n                var url = window.location.pathname + window.location.search + hash;\n                if (mode === 'push') {\n                    var state = Object.assign({}, window.history.state || {});\n                    state.kngpModal = true;\n                    window.history.pushState(state, '', url);\n                } else {\n                    window.history.replaceState(window.history.state, '', url);\n                }\n            };\n\n            var collectModalTemplateIds = function() {\n                var modalTemplates = templates.querySelectorAll('template[id]');\n                modalTemplateIds = Array.prototype.map.call(modalTemplates, function(template) {\n                    return template.id;\n                });\n                modalPostSlugs = Array.prototype.map.call(modalTemplates, function(template) {\n                    return (template.getAttribute('data-post-slug') || '').toLowerCase();\n                });\n                updateModalNavState();\n            };\n\n            var updateModalNavState = function() {\n                if (!modalPrevButton || !modalNextButton) return;\n                var total = modalTemplateIds.length;\n                if (total <= 1 || currentModalIndex < 0) {\n                    modalPrevButton.hidden = true;\n                    modalNextButton.hidden = true;\n                    return;\n                }\n                var atStart = currentModalIndex <= 0;\n                var atEnd = currentModalIndex >= total - 1;\n                modalPrevButton.hidden = atStart;\n                modalNextButton.hidden = atEnd;\n                modalPrevButton.disabled = atStart;\n                modalNextButton.disabled = atEnd;\n            };\n\n            var renderModalByIndex = function(index) {\n                if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) return;\n                if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) return;\n                var templateId = modalTemplateIds[index];\n                var template = document.getElementById(templateId);\n                if (!template) return;\n                currentModalIndex = index;\n                modalBody.innerHTML = template.innerHTML;\n                updateModalNavState();\n                if (window.klccInitModalCarousel) {\n                    window.klccInitModalCarousel(modalBody);\n                }\n            };\n\n            var openModalByIndex = function(index, historyMode) {\n                remoteModalRequestId++;\n                remoteModalSlug = '';\n                modal.removeAttribute('aria-busy');\n                var wasHidden = modal.hidden;\n                renderModalByIndex(index);\n                if (currentModalIndex < 0) return;\n                if (wasHidden) {\n                    lastBodyOverflow = document.body.style.overflow;\n                }\n                document.body.style.overflow = 'hidden';\n                modal.hidden = false;\n                modal.setAttribute('aria-hidden', 'false');\n                if (historyMode) {\n                    updateModalHash(currentModalIndex, historyMode);\n                }\n            };\n\n            var openRemoteModalHtml = function(html) {\n                var wasHidden = modal.hidden;\n                currentModalIndex = -1;\n                modalBody.innerHTML = html;\n                updateModalNavState();\n                if (window.klccInitModalCarousel) {\n                    window.klccInitModalCarousel(modalBody);\n                }\n                if (wasHidden) {\n                    lastBodyOverflow = document.body.style.overflow;\n                }\n                document.body.style.overflow = 'hidden';\n                modal.hidden = false;\n                modal.setAttribute('aria-hidden', 'false');\n            };\n\n            var fetchModalBySlug = function(slug) {\n                if (!slug || !rootIsVisible() || remoteModalSlug === slug) return;\n\n                var requestId = ++remoteModalRequestId;\n                remoteModalSlug = slug;\n                modal.setAttribute('aria-busy', 'true');\n\n                fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=grid', {\n                    credentials: 'same-origin',\n                    headers: {\n                        'Accept': 'application\/json'\n                    }\n                })\n                    .then(function(response) {\n                        if (!response.ok) throw new Error('What\\'s On post not found.');\n                        return response.json();\n                    })\n                    .then(function(data) {\n                        if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                        if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                            throw new Error('Invalid What\\'s On modal response.');\n                        }\n                        openRemoteModalHtml(data.html);\n                    })\n                    .catch(function() {\n                        if (requestId === remoteModalRequestId) {\n                            closeModal(false);\n                        }\n                    })\n                    .finally(function() {\n                        if (requestId === remoteModalRequestId) {\n                            modal.removeAttribute('aria-busy');\n                        }\n                    });\n            };\n\n            var goModalByStep = function(step) {\n                var nextIndex = currentModalIndex + step;\n                if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) return;\n                renderModalByIndex(nextIndex);\n                updateModalHash(nextIndex, 'replace');\n            };\n\n            var closeModal = function(updateHistory) {\n                remoteModalRequestId++;\n                remoteModalSlug = '';\n                modal.removeAttribute('aria-busy');\n                var wasOpen = !modal.hidden;\n                modal.hidden = true;\n                modal.setAttribute('aria-hidden', 'true');\n                modalBody.innerHTML = '';\n                if (wasOpen) {\n                    document.body.style.overflow = lastBodyOverflow;\n                }\n                currentModalIndex = -1;\n                updateModalNavState();\n\n                if (updateHistory && readModalHashSlug() !== '') {\n                    if (window.history.state && window.history.state.kngpModal) {\n                        suppressNextPaginationPopstate = true;\n                        window.history.back();\n                    } else {\n                        window.history.replaceState(\n                            window.history.state,\n                            '',\n                            window.location.pathname + window.location.search\n                        );\n                    }\n                }\n            };\n\n            var syncModalFromHash = function() {\n                var slug = readModalHashSlug();\n                if (slug === '') {\n                    if (currentModalIndex >= 0 || !modal.hidden) {\n                        closeModal(false);\n                    }\n                    return;\n                }\n                if (!rootIsVisible()) return;\n\n                var index = modalPostSlugs.indexOf(slug);\n                if (index >= 0) {\n                    openModalByIndex(index, '');\n                } else {\n                    fetchModalBySlug(slug);\n                }\n            };\n\n            var loadPageByUrl = function(url, updateHistory) {\n                if (ajaxRequestActive) return;\n                ajaxRequestActive = true;\n                root.classList.add('is-loading');\n\n                fetch(url, {\n                    credentials: 'same-origin',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest'\n                    }\n                })\n                    .then(function(response) {\n                        if (!response.ok) throw new Error('Failed to load page.');\n                        return response.text();\n                    })\n                    .then(function(html) {\n                        var doc = new DOMParser().parseFromString(html, 'text\/html');\n                        var nextRoot = doc.getElementById('klcc-news-grid-popup-2');\n                        var nextTemplates = doc.getElementById('klcc-news-grid-popup-2-templates');\n                        if (!nextRoot || !nextTemplates) throw new Error('Missing grid markup.');\n\n                        root.innerHTML = nextRoot.innerHTML;\n                        templates.innerHTML = nextTemplates.innerHTML;\n                        currentModalIndex = -1;\n                        modalBody.innerHTML = '';\n                        collectModalTemplateIds();\n\n                        if (updateHistory && window.history && window.history.pushState) {\n                            window.history.pushState({ kngpPage: true }, '', url);\n                        }\n                    })\n                    .catch(function() {\n                        window.location.href = url;\n                    })\n                    .finally(function() {\n                        ajaxRequestActive = false;\n                        root.classList.remove('is-loading');\n                    });\n            };\n\n            root.addEventListener('click', function(e) {\n                var target = e.target;\n                if (!(target instanceof Element)) return;\n\n                var paginationLink = target.closest('.kngp-pagination a[href]');\n                if (paginationLink && root.contains(paginationLink)) {\n                    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || paginationLink.target) return;\n                    e.preventDefault();\n                    loadPageByUrl(paginationLink.href, true);\n                    return;\n                }\n\n                var card = target.closest('.kngp-card[data-popup-index]');\n                if (card && root.contains(card)) {\n                    e.preventDefault();\n                    var index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                    if (Number.isNaN(index)) return;\n                    openModalByIndex(index, 'push');\n                }\n            });\n\n            if (modalPrevButton) {\n                modalPrevButton.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    goModalByStep(-1);\n                });\n            }\n\n            if (modalNextButton) {\n                modalNextButton.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    goModalByStep(1);\n                });\n            }\n\n            modal.addEventListener('click', function(e) {\n                var target = e.target;\n                if (!(target instanceof Element)) return;\n                if (target.closest('[data-modal-close=\"1\"]')) {\n                    closeModal(true);\n                }\n            });\n\n            document.addEventListener('keydown', function(e) {\n                if (modal.hidden) return;\n                if (e.key === 'Escape') {\n                    closeModal(true);\n                    return;\n                }\n                if (e.key === 'ArrowLeft') {\n                    e.preventDefault();\n                    goModalByStep(-1);\n                } else if (e.key === 'ArrowRight') {\n                    e.preventDefault();\n                    goModalByStep(1);\n                }\n            });\n\n            window.addEventListener('popstate', function() {\n                if (suppressNextPaginationPopstate) {\n                    suppressNextPaginationPopstate = false;\n                    syncModalFromHash();\n                    return;\n                }\n\n                var hadOpenModal = currentModalIndex >= 0;\n                var modalSlug = readModalHashSlug();\n                syncModalFromHash();\n                if (hadOpenModal || modalSlug !== '') return;\n                loadPageByUrl(window.location.href, false);\n            });\n            window.addEventListener('hashchange', syncModalFromHash);\n            syncModalFromHash();\n        })();\n    <\/script>\n    <\/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<\/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 \/ What&#8217;s On What&#8217;s On Events &amp; Happenings From immersive events to the city\u2019s most sought-after deals, KLCC The Place brings a constant stream of discoveries for every visit. Revisit our standout moments that shaped the spirit of our precinct. What&#8217;s On PAST EVENTS &amp; HAPPENINGS<\/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-2002","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/2002","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=2002"}],"version-history":[{"count":7,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/2002\/revisions"}],"predecessor-version":[{"id":9210,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/2002\/revisions\/9210"}],"wp:attachment":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/media?parent=2002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}