{"id":1731,"date":"2026-03-03T11:37:40","date_gmt":"2026-03-03T03:37:40","guid":{"rendered":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/?page_id=1731"},"modified":"2026-08-03T14:23:23","modified_gmt":"2026-08-03T06:23:23","slug":"discover-ktp","status":"publish","type":"page","link":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/","title":{"rendered":"Discover KLCC The Place"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1731\" class=\"elementor elementor-1731\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eab3a6 e-con-full e-flex e-con e-parent\" data-id=\"7eab3a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa98978 elementor-widget elementor-widget-html\" data-id=\"fa98978\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hover-circle-icon i {\r\n    transition: background 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n}\r\n\r\n.hover-circle-icon:hover i {\r\n    color: #fff !important;\r\n    background-color: #8AC646; \/* Change to your desired color *\/\r\n}\r\n\r\n\/* Adjust chevron icon size *\/\r\n.fa-chevron-right {\r\n  font-size: 30px;\r\n}\r\n.pyv-icon .fa-chevron-right{\r\n    font-size: 20px;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b73329f e-con-full e-flex e-con e-parent\" data-id=\"b73329f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d933b93 elementor-widget elementor-widget-html\" data-id=\"d933b93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.gradient-text .elementor-heading-title,\n.elementor-heading-title.gradient-text {\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n\/* 2) If split-text is active, apply gradient to each split line too *\/\n.gradient-text .elementor-heading-title .plr-line,\n.elementor-heading-title.gradient-text .plr-line {\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n\/* 3) Fallback for browsers that don't support text-clip *\/\n@supports not ((-webkit-background-clip: text) or (background-clip: text)) {\n  .gradient-text .elementor-heading-title,\n  .elementor-heading-title.gradient-text,\n  .gradient-text .elementor-heading-title .plr-line,\n  .elementor-heading-title.gradient-text .plr-line {\n    background: none !important;\n    -webkit-text-fill-color: initial !important;\n    color: #8AC646 !important;\n  }\n}\n\n.el-text-box > * {\nmax-width: 650px;\nmargin-left: 0;\nmargin-right: 0;\n}\n\n\n.el-left-text {\n\npadding-left: max(24px, calc((100vw - 1300px) \/ 2)) !important;\npadding-right: 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@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.elementor-icon-list-text {\n    font-family: 'groteska'!important;\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\n@media (max-width: 680px) {\n    .fa-chevron-right {\n       font-size: 15px; \n    }\n}\n\n@media (min-width: 768px) and (max-width: 1024px) {\n    .fa-chevron-right {\n       font-size: 20px; \n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c8a662 elementor-widget elementor-widget-html\" data-id=\"4c8a662\" 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-47aa742 elementor-widget elementor-widget-html\" data-id=\"47aa742\" 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-acec1d2 e-con-full e-flex e-con e-parent\" data-id=\"acec1d2\" 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-c6d9a29 klcc-slanted-box elementor-widget elementor-widget-image\" data-id=\"c6d9a29\" 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=\"1707\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1.jpg\" class=\"attachment-full size-full wp-image-7691\" alt=\"Visitors exploring KLCC The Place\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1.jpg 2560w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1-300x200.jpg 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1-1024x683.jpg 1024w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1-768x512.jpg 768w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1-1536x1024.jpg 1536w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_669-1-2048x1366.jpg 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-b89fd30 e-flex e-con-boxed e-con e-parent\" data-id=\"b89fd30\" 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-1132a66 e-con-full e-flex e-con e-child\" data-id=\"1132a66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36af864 elementor-icon-list--layout-inline klcc-prose-icon-list klcc-font-museo elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"36af864\" 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\">Discover<\/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-50cb855 e-flex e-con-boxed e-con e-child\" data-id=\"50cb855\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&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-f3ffaf8 e-con-full e-flex e-con e-child\" data-id=\"f3ffaf8\" 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-d5e3fc5 gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"d5e3fc5\" 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\">Discover KLCC The Place<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78715dc elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"78715dc\" 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\">The Pulse of the City<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6563d9 elementor-widget__width-inherit klcc-font-museo split-text  elementor-widget elementor-widget-heading\" data-id=\"d6563d9\" 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 the PETRONAS Twin Towers to shopping, dining, culture, green spaces and events, <br>KLCC The Place brings the city together in one walkable precinct.<\/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-d2aec87 e-con-full e-flex e-con e-parent\" data-id=\"d2aec87\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3047089 e-flex e-con-boxed e-con e-child\" data-id=\"3047089\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&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-3596457 e-con-full e-flex e-con e-child\" data-id=\"3596457\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7dfd5 elementor-widget elementor-widget-shortcode\" data-id=\"cb7dfd5\" 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\">      <div\n        id=\"klcc-dg-1\"\n        class=\"tvc-main-container klcc-discover-grid\"\n        style=\"\n          --tvc-card-height: 300px;\n          --tvc-card-radius: 26px;\n          --tvc-grid-gap: 20px;\n        \"\n      >\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/iconic-sights\/\"\n              aria-label=\"Iconic Sights\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Iconic-Sights.webp');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Iconic Sights<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Discover an unforgettable experience atop the iconic PETRONAS Twin Towers<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/shop-dine\/\"\n              aria-label=\"Shop &amp; Dine\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/20260130_032826000_iOS-1.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Shop &amp; Dine<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Explore a destination for endless shopping and exceptional dining experiences<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/arts-culture\/\"\n              aria-label=\"Arts &amp; Culture\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/SLP_2438-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Arts &amp; Culture<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Enjoy a mix of local and global music performances, contemporary art while keeping up with the must-see events in town!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/stay-unwind-rejuvenate\/\"\n              aria-label=\"Exclusive Stays &amp; Spa\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_702.jpeg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Exclusive Stays &amp; Spa<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Experience unparalleled hospitality and unwind in style with the perfect spa retreat!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/exploration-outdoors\/\"\n              aria-label=\"Exploration &amp; Outdoors\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_668-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Exploration &amp; Outdoors<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Discover the marvels of science, get up close with aquatic life, and soak in the tranquillity of KLCC Park!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/convention-expo\/\"\n              aria-label=\"Convention &amp; Expos\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/KTP_694-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Convention &amp; Expos<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Host conferences, exhibitions and business events in a connected venue setting, set in the heart of Kuala Lumpur<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n              <\/div>\n      <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ad6171 e-flex e-con-boxed e-con e-parent\" data-id=\"9ad6171\" 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-10760f3 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"10760f3\" 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-fde1772 e-con-full e-flex e-con e-child\" data-id=\"fde1772\" 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-9ed7eaa klcc-font-header  gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"9ed7eaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What\u2019s On<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a3def7 klcc-font-museo split-text hover-circle-icon elementor-widget elementor-widget-heading\" data-id=\"6a3def7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/whats-on\/\">Events &amp; Happenings <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fae04e4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"fae04e4\" 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-f395278 elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"f395278\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        #klcc-news-7676 {\n            --klcc-amber: #f3c142;\n            --klcc-green: #7fc242;\n            --klcc-white: #ffffff;\n            --klcc-overlay-from: rgba(0, 0, 0, 0.94);\n            --klcc-overlay-mid: rgba(0, 0, 0, 0.74);\n            --klcc-overlay-to: rgba(0, 0, 0, 0);\n            width: 100%;\n            padding: 20px 0 0;\n            position: relative;\n            overflow: visible;\n        }\n\n        #klcc-news-7676 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-7676 .klcc-news-card {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-sizing: border-box;\n            text-decoration: none !important;\n            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\n            filter: blur(3px) brightness(0.7) saturate(0.85);\n            opacity: 0.82;\n            transform: scale(0.93);\n            transition: filter 0.35s ease, transform 0.4s ease, opacity 0.35s ease, box-shadow 0.3s ease;\n        }\n\n        #klcc-news-7676 .swiper-slide-active .klcc-news-card {\n            filter: none;\n            opacity: 1;\n            transform: scale(1);\n            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);\n        }\n\n        #klcc-news-7676 .klcc-card-bg {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n            transition: transform 0.45s ease;\n        }\n\n        #klcc-news-7676 .klcc-card-overlay-tint {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            height: 42%;\n            z-index: 2;\n            background: linear-gradient(0deg, var(--klcc-overlay-from) 0%, var(--klcc-overlay-mid) 54%, var(--klcc-overlay-to) 100%);\n            opacity: 0;\n            transition: opacity 0.35s ease;\n            pointer-events: none;\n        }\n\n        #klcc-news-7676 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-7676 .klcc-card-content {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            min-height: 40%;\n            z-index: 3;\n            padding: 20px 18px 16px;\n            display: flex;\n            align-items: flex-end;\n            justify-content: stretch;\n            text-align: left;\n            pointer-events: none;\n        }\n\n        #klcc-news-7676 .klcc-card-main {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 14px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        #klcc-news-7676 .klcc-card-title {\n            margin: 0 !important;\n            color: var(--klcc-white) !important;\n            font-size: clamp(0.98rem, 1.08vw, 1.16rem);\n            font-weight: 700;\n            line-height: 1.18;\n            opacity: 0;\n            transform: translateY(10px);\n            transition: color 0.28s ease, opacity 0.3s ease, transform 0.3s ease;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            flex: 1 1 auto;\n            min-width: 0;\n        }\n\n        #klcc-news-7676 .klcc-card-cta {\n            width: 24px;\n            height: 24px;\n            min-width: 24px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--klcc-amber);\n            opacity: 0;\n            transform: translateY(10px);\n            transition: opacity 0.28s ease, transform 0.28s ease;\n            flex: 0 0 24px;\n        }\n\n        #klcc-news-7676 .klcc-card-cta svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n        }\n\n        \/* Requirement: title appears only on hover\/focus *\/\n        #klcc-news-7676 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-7676 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-7676 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-7676 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-7676 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-7676 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-7676 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-7676 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-7676 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-7676 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-7676 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-7676 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-7676 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-7676 .klcc-custom-pagination {\n            text-align: center;\n            margin-top: 20px;\n            z-index: 10;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        #klcc-news-7676 .klcc-custom-pagination .custom-bullet {\n            width: 10px;\n            height: 10px;\n            background: #d2d2d2;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background 0.28s ease;\n        }\n\n        #klcc-news-7676 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-7676 .klcc-news-nav-btn {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            width: 56px !important;\n            height: 56px !important;\n            border-radius: 50% !important;\n            border: none !important;\n            outline: none !important;\n            background-color: rgba(255, 255, 255, 0.92) !important;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;\n            color: #204a8a !important;\n            cursor: pointer !important;\n            z-index: 12;\n            transition: all 0.25s ease !important;\n            padding: 0 !important;\n        }\n\n        #klcc-news-7676 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-7676 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-7676 .klcc-news-nav-btn:hover,\n        #klcc-news-7676 .klcc-news-nav-btn:focus {\n            background-color: #204a8a !important;\n            color: #ffffff !important;\n            transform: translateY(-50%) scale(1.05) !important;\n            box-shadow: 0 6px 20px rgba(32, 74, 138, 0.28) !important;\n        }\n\n        #klcc-news-7676 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-7676 .klcc-news-nav-btn.swiper-button-disabled {\n            opacity: 0 !important;\n            visibility: hidden !important;\n            cursor: not-allowed !important;\n        }\n\n        \/* Popup *\/\n        #klcc-news-7676-modal.klcc-news-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-7676-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__panel {\n            --klcc-news-modal-panel-w: min(1400px, 95vw);\n            position: relative;\n            z-index: 1;\n            width: var(--klcc-news-modal-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-7676-modal .klcc-news-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-7676-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-7676-modal .klcc-news-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-7676-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__nav:hover,\n        #klcc-news-7676-modal .klcc-news-modal__nav:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: translateY(-50%) scale(1.04);\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-7676-modal .klcc-news-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-7676-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-7676-modal .klcc-news-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-7676-modal .klcc-news-modal__scroll {\n            flex: 1;\n            min-height: 0;\n            overflow-y: auto;\n            padding-right: 10px;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__scroll p {\n            margin: 0 0 18px 0;\n            color: #101820;\n            font-size: clamp(18px, 1.15vw, 24px);\n            line-height: 1.35;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__meta p {\n            margin: 0 0 6px 0;\n            color: #101820;\n            font-size: clamp(18px, 1.1vw, 23px);\n            line-height: 1.35;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-7676-modal .klcc-news-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-7676-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-7676-modal .klcc-news-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-7676-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n        }\n\n        #klcc-news-7676-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: #d9d9d9;\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-7676-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-7676-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-7676-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-7676-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-7676-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-7676-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-7676 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-7676 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-7676 .klcc-news-card,\n            #klcc-news-7676 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-7676 .klcc-card-overlay-tint,\n            #klcc-news-7676 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-7676 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-7676 .swiper-slide,\n            #klcc-news-7676 .klcc-news-card,\n            #klcc-news-7676 .klcc-card-bg,\n            #klcc-news-7676 .klcc-card-overlay-tint,\n            #klcc-news-7676 .klcc-card-title,\n            #klcc-news-7676 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-7676\" class=\"swiper klcc-news-swiper\">\n        <button class=\"klcc-news-nav-btn klcc-news-prev-btn\" aria-label=\"Previous\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <button class=\"klcc-news-nav-btn klcc-news-next-btn\" aria-label=\"Next\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-symphony-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\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\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience \u2013 Symphony Xperience\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-kl-hop-on-hop-off-package\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"sky-xperience-kl-hop-on-hop-off-package\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience + KL Hop-On-Hop-Off Package\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-1.png\" alt=\"Sky Xperience + KL Hop-On-Hop-Off Package\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience + KL Hop-On-Hop-Off Package\">Sky Xperience + KL Hop-On-Hop-Off Package<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"3\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\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\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=dewan-filharmonik-petronas-presents-a-dance-spectacular\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"4\"\n                       data-popup-slug=\"dewan-filharmonik-petronas-presents-a-dance-spectacular\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-1.jpg\" alt=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\">Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"5\"\n                       data-popup-slug=\"cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumnbnail.jpg\" alt=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\">Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=anoushka-shankar-live-in-kuala-lumpur-convention-centre\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"6\"\n                       data-popup-slug=\"anoushka-shankar-live-in-kuala-lumpur-convention-centre\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-683x1024.jpg\" alt=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\">Anoushka Shankar Live in Kuala Lumpur Convention Centre<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-symphony-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\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\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience \u2013 Symphony Xperience\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n\n    <div id=\"klcc-news-7676-templates\" hidden>\n                                <template id=\"klcc-news-7676-tpl-0-9072\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience \u2013 Symphony Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-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-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-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=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__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                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7676-tpl-1-9068\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience + KL Hop-On-Hop-Off Package<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience Kuala Lumpur from two iconic perspectives in one seamless journey.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Start with breathtaking panoramic views from the PETRONAS Twin Towers Sky Xperience, then continue your evening with the KL Hop-On-Hop-Off City of Lights tour \u2013 a curated night ride through the city\u2019s most celebrated landmarks.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">This exclusive combination offers visitors a complete day-to-night Kuala Lumpur experience, blending world-class architecture with vibrant city exploration.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Visitors need to be at the designated pick-up point, the Petrosains Taxi Stand, KLCC, before 8.00pm to redeem the tickets, bus departs at 8.15pm.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 7.00pm slot only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience + KL Hop-On-Hop-Off Package                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Sky Xperience + KL Hop-On-Hop-Off Package\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7676-tpl-2-9062\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Evening Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-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=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-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=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7676-tpl-3-9058\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-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=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-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=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__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                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7676-tpl-4-9054\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Celebrate the beauty of our traditional heritage arts only at DFP with <em>A Dance Spectacular<\/em> on Saturday, 5 September 2026 at 8.00 pm. Featuring ASK Dance Company and Dua Space Dance Theatre, this captivating showcase brings together traditional and contemporary dance inspired by culture, heritage and the forces of nature.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Enjoy a 20% Family Package discount with the purchase of six tickets in the Premium and A Reserve categories.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 5 September 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 am<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.dfp.com.my\/a-dance-spectacular\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                A Dance Spectacular                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-1-724x1024.jpg\" alt=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7676-tpl-5-9049\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Step into the world of beauty innovation at Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026, Malaysia\u2019s largest and longest-running beauty trade shows.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Bringing together leading brands, industry professionals, and emerging trends, this premier event showcases the latest in skincare, cosmetics, wellness, aesthetics, and beauty technology\u2014all under one roof.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udcc5 Date: 29 September \u2013 1 October 2026<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udccd Venue: Kuala Lumpur Convention Centre (KLCC)<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Whether you are a beauty professional, business owner, or enthusiast, this event offers an excellent platform to explore new products, discover market innovations, and connect with industry experts.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Stay ahead in the ever-evolving beauty industry\u2014don\u2019t miss this exclusive opportunity to experience the best of beauty in one place.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Tuesday, 29 September 2026<\/p>\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Kuala Lumpur Convention Centre (KLCC)<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.cosmobeautemalaysia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Cosmobeaut\u00e9 Malaysia                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-1024x1024.png\" alt=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7676-tpl-6-9043\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Anoushka Shankar Live in Kuala Lumpur Convention Centre<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience an extraordinary evening of music as world-renowned sitar virtuoso Anoushka Shankar takes the stage in Kuala Lumpur.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Set against an intimate and immersive atmosphere, this live performance promises a captivating fusion of classical tradition and contemporary expression\u2014offering audiences a truly unforgettable musical journey.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udcc5 Date: 4 October 2026<br \/>\ud83d\udd57 Time: 8:00 PM<br \/>\ud83d\udccd Venue: Plenary Hall, Kuala Lumpur Convention Centre (KLCC)<br \/>\ud83c\udf9f\ufe0f Tickets available at: www.ticket2u.com.my<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Don\u2019t miss this rare opportunity to witness a globally celebrated artist live in KL. Secure your seats early for an evening of artistry and soulful soundscapes.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Sunday, 4 October 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 am<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Plenary Hall, Kuala Lumpur Convention Centre (KLCC)<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.ticket2u.com.my\/event\/49360\/anoushka-shankar-live-in-kuala-lumpur\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Anoushka Shankar Live in Kuala Lumpur                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-576x1024.jpg\" alt=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-7676-modal\" class=\"klcc-news-modal\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"klcc-news-modal__backdrop\" data-modal-close=\"1\"><\/div>\n        <button class=\"klcc-news-modal__nav klcc-news-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-news-modal__nav klcc-news-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-news-modal__panel\" role=\"document\">\n            <button class=\"klcc-news-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-7676-modal-body\" class=\"klcc-news-modal__body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const initCarousel = function() {\n                if (typeof Swiper === 'undefined') {\n                    setTimeout(initCarousel, 120);\n                    return;\n                }\n\n                const swiperContainer = document.querySelector('#klcc-news-7676');\n                const modal = document.getElementById('klcc-news-7676-modal');\n                const modalBody = document.getElementById('klcc-news-7676-modal-body');\n                if (!swiperContainer || !modal || !modalBody) {\n                    return;\n                }\n\n                \/\/ Move modal to <body> so it always covers full viewport,\n                \/\/ avoiding clipping\/stacking issues from Elementor\/section wrappers.\n                if (modal.parentElement !== document.body) {\n                    document.body.appendChild(modal);\n                }\n\n                const displayCount = 8;\n                const paginationContainer = swiperContainer.querySelector('.klcc-custom-pagination');\n                const prevButton = swiperContainer.querySelector('.klcc-news-prev-btn');\n                const nextButton = swiperContainer.querySelector('.klcc-news-next-btn');\n                const modalPrevButton = modal.querySelector('[data-modal-nav=\"prev\"]');\n                const modalNextButton = modal.querySelector('[data-modal-nav=\"next\"]');\n                const modalTemplateIds = [\"klcc-news-7676-tpl-0-9072\",\"klcc-news-7676-tpl-1-9068\",\"klcc-news-7676-tpl-2-9062\",\"klcc-news-7676-tpl-3-9058\",\"klcc-news-7676-tpl-4-9054\",\"klcc-news-7676-tpl-5-9049\",\"klcc-news-7676-tpl-6-9043\"];\n                const modalPostSlugs = [\"sky-xperience-symphony-xperience\",\"sky-xperience-kl-hop-on-hop-off-package\",\"evening-xperience\",\"sky-xperience-standard-visit\",\"dewan-filharmonik-petronas-presents-a-dance-spectacular\",\"cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\",\"anoushka-shankar-live-in-kuala-lumpur-convention-centre\"];\n                const modalHashPrefix = '#whats-on=';\n                const modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\n                let remoteModalRequestId = 0;\n                let remoteModalSlug = '';\n\n                const 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                const modalHashForIndex = function(index) {\n                    if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                    return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n                };\n\n                const updateModalHash = function(index, mode) {\n                    const hash = modalHashForIndex(index);\n                    if (!hash || window.location.hash === hash) return;\n                    const url = window.location.pathname + window.location.search + hash;\n                    if (mode === 'push') {\n                        const state = Object.assign({}, window.history.state || {}, { klccWhatsOnModal: true });\n                        window.history.pushState(state, '', url);\n                    } else {\n                        window.history.replaceState(window.history.state, '', url);\n                    }\n                };\n\n                const carouselIsVisible = function() {\n                    return swiperContainer.getClientRects().length > 0 && window.getComputedStyle(swiperContainer).display !== 'none';\n                };\n\n                const updateModalNavState = function() {\n                    if (!modalPrevButton || !modalNextButton) return;\n                    const total = modalTemplateIds.length;\n                    if (total <= 1 || currentModalIndex < 0) {\n                        modalPrevButton.hidden = true;\n                        modalNextButton.hidden = true;\n                        return;\n                    }\n                    const atStart = currentModalIndex <= 0;\n                    const atEnd = currentModalIndex >= total - 1;\n                    modalPrevButton.hidden = atStart;\n                    modalNextButton.hidden = atEnd;\n                    modalPrevButton.disabled = atStart;\n                    modalNextButton.disabled = atEnd;\n                };\n\n                const renderModalByIndex = function(index) {\n                    if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) {\n                        return;\n                    }\n                    if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) {\n                        return;\n                    }\n\n                    const templateId = modalTemplateIds[index];\n                    const template = document.getElementById(templateId);\n                    if (!template) return;\n\n                    currentModalIndex = index;\n                    modalBody.innerHTML = template.innerHTML;\n                    updateModalNavState();\n                };\n\n                const openModalByIndex = function(index, historyMode) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const 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                const openRemoteModalHtml = function(html) {\n                    const wasHidden = modal.hidden;\n                    currentModalIndex = -1;\n                    modalBody.innerHTML = html;\n                    updateModalNavState();\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                const fetchModalBySlug = function(slug) {\n                    if (!slug || !carouselIsVisible() || remoteModalSlug === slug) return;\n\n                    const requestId = ++remoteModalRequestId;\n                    remoteModalSlug = slug;\n                    modal.setAttribute('aria-busy', 'true');\n\n                    fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=carousel', {\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                const goModalByStep = function(step) {\n                    const nextIndex = currentModalIndex + step;\n                    if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) {\n                        return;\n                    }\n                    renderModalByIndex(nextIndex);\n                    updateModalHash(nextIndex, 'replace');\n                };\n\n                const closeModal = function(updateHistory) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const 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                const syncModalFromHash = function() {\n                    const slug = readModalHashSlug();\n                    if (slug === '') {\n                        if (currentModalIndex >= 0 || !modal.hidden) {\n                            closeModal(false);\n                        }\n                        return;\n                    }\n                    if (!carouselIsVisible()) return;\n\n                    const index = modalPostSlugs.indexOf(slug);\n                    if (index >= 0) {\n                        openModalByIndex(index, '');\n                    } else {\n                        fetchModalBySlug(slug);\n                    }\n                };\n\n                swiperContainer.querySelectorAll('.klcc-news-card[data-popup-index]').forEach(function(card) {\n                    card.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        const 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                    const 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' && !modal.hidden) {\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                const swiper = new Swiper(swiperContainer, {\n                    effect: 'coverflow',\n                    grabCursor: true,\n                    centeredSlides: true,\n                    loop: true,\n                    observer: true,\n                    observeParents: true,\n                    slidesPerView: 'auto',\n                    speed: 480,\n                    autoplay: {\n                        delay: 4200,\n                        disableOnInteraction: false,\n                    },\n                    navigation: {\n                        prevEl: prevButton,\n                        nextEl: nextButton,\n                    },\n                    coverflowEffect: {\n                        rotate: 0,\n                        stretch: -6,\n                        depth: 160,\n                        modifier: 1,\n                        slideShadows: false,\n                    },\n                });\n\n                if (displayCount > 0 && paginationContainer) {\n                    paginationContainer.innerHTML = '';\n                    for (let i = 0; i < displayCount; i++) {\n                        const dot = document.createElement('span');\n                        dot.classList.add('custom-bullet');\n                        if (i === 0) dot.classList.add('active');\n                        dot.addEventListener('click', function() {\n                            swiper.slideToLoop(i);\n                        });\n                        paginationContainer.appendChild(dot);\n                    }\n                }\n\n                swiper.on('slideChange', function() {\n                    if (!paginationContainer) return;\n                    const bullets = paginationContainer.querySelectorAll('.custom-bullet');\n                    const activeIndex = displayCount > 0 ? (swiper.realIndex % displayCount) : 0;\n                    bullets.forEach(function(dot, index) {\n                        dot.classList.toggle('active', index === activeIndex);\n                    });\n                });\n\n                if (desktopHoverQuery.matches && swiper.autoplay) {\n                    swiperContainer.addEventListener('mouseenter', function() {\n                        swiper.autoplay.stop();\n                    });\n                    swiperContainer.addEventListener('mouseleave', function() {\n                        swiper.autoplay.start();\n                    });\n                }\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initCarousel, { once: true });\n            } else {\n                initCarousel();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KLCC The Place \/ Discover Discover KLCC The Place The Pulse of the City From the PETRONAS Twin Towers to shopping, dining, culture, green spaces and events, KLCC The Place brings the city together in one walkable precinct. What\u2019s On 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-1731","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/1731","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=1731"}],"version-history":[{"count":33,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/1731\/revisions"}],"predecessor-version":[{"id":9028,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/1731\/revisions\/9028"}],"wp:attachment":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/media?parent=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}