{"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-6875 {\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-6875 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-6875 .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-6875 .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-6875 .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-6875 .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-6875 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-6875 .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-6875 .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-6875 .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-6875 .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-6875 .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-6875 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-6875 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-6875 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-6875 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-6875 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-6875 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-6875 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-6875 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-6875 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-6875 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-6875 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-6875 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-6875 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-6875 .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-6875 .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-6875 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-6875 .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-6875 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-6875 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-6875 .klcc-news-nav-btn:hover,\n        #klcc-news-6875 .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-6875 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-6875 .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-6875-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-6875-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-6875-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-6875-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-6875-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-6875-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-6875-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__nav:hover,\n        #klcc-news-6875-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-6875-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-6875-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-6875-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-6875-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-6875-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-6875-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-6875-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button),\n        #klcc-news-6875-modal .klcc-news-modal__content a,\n        #klcc-news-6875-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button),\n        #klcc-news-6875-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button) {\n            color: #133c86 !important;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            font-weight: 600;\n            transition: color 0.18s ease;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-6875-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button):focus-visible,\n        #klcc-news-6875-modal .klcc-news-modal__content a:hover,\n        #klcc-news-6875-modal .klcc-news-modal__content a:focus-visible,\n        #klcc-news-6875-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-6875-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button):focus-visible,\n        #klcc-news-6875-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-6875-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button):focus-visible {\n            color: #204a8a !important;\n            text-decoration: underline;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-6875-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-6875-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-6875-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-6875-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-6875-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-6875-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n            background: transparent;\n        }\n\n        #klcc-news-6875-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: transparent;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__viewport {\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__slide {\n            flex: 0 0 100%;\n            width: 100%;\n            min-width: 100%;\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__poster {\n            width: 100%;\n            height: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: transparent;\n            user-select: none;\n            -webkit-user-drag: none;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__nav {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            z-index: 10;\n            pointer-events: auto;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__btn {\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            margin: 0;\n            outline: none;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n            user-select: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__btn svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n            stroke: currentColor;\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__btn:hover,\n        #klcc-news-6875-modal .klcc-modal-carousel__btn:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: scale(1.08);\n            box-shadow: 0 6px 20px rgba(19, 60, 134, 0.32);\n        }\n\n        #klcc-news-6875-modal .klcc-modal-carousel__btn:active {\n            transform: scale(0.95);\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-6875-modal .klcc-modal-carousel__nav {\n                bottom: 10px;\n                right: 10px;\n                gap: 8px;\n            }\n\n            #klcc-news-6875-modal .klcc-modal-carousel__btn {\n                width: 36px;\n                height: 36px;\n            }\n\n            #klcc-news-6875-modal .klcc-modal-carousel__btn svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-6875-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-6875-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-6875-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-6875-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-6875-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-6875-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-6875 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-6875 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-6875 .klcc-news-card,\n            #klcc-news-6875 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-6875 .klcc-card-overlay-tint,\n            #klcc-news-6875 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-6875 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-6875 .swiper-slide,\n            #klcc-news-6875 .klcc-news-card,\n            #klcc-news-6875 .klcc-card-bg,\n            #klcc-news-6875 .klcc-card-overlay-tint,\n            #klcc-news-6875 .klcc-card-title,\n            #klcc-news-6875 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-6875\" 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-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <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=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\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=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" 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=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/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=\"0\"\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=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\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=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" 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=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/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=\"0\"\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=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\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>\n\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n\n    <div id=\"klcc-news-6875-templates\" hidden>\n                                <template id=\"klcc-news-6875-tpl-0-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    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-6875-tpl-1-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    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-6875-tpl-2-9202\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Discover the latest innovations shaping the maritime and offshore sectors at Malaysia International Marine Expo (MIMEX) 2026. Held at the Kuala Lumpur Convention Centre, MIMEX is a comprehensive international business platform that brings together industry leaders, manufacturers, suppliers and decision-makers from across the global maritime community.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Covering key sectors including shipbuilding, ship repairs, shipping, maritime engineering, offshore technology, dredging equipment, and ports and logistics, the exhibition offers valuable opportunities for networking, knowledge sharing and business development. As one of the region's leading maritime industry events, MIMEX serves as a meeting point for professionals seeking to explore emerging trends, innovative technologies and new business opportunities.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">For information, visit <a href=\"https:\/\/marine-malaysia.com\/\" target=\"_blank\" rel=\"noopener\">Home - Malaysia International Marine Expo (MIMEX)<\/a><\/p>\n<p><\/p>\n<\/div>\n\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"3\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"1\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"2\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n              <div class=\"klcc-modal-carousel__nav\" aria-label=\"Image gallery controls\">\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--prev\" type=\"button\" aria-label=\"Previous image\" data-modal-carousel-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--next\" type=\"button\" aria-label=\"Next image\" data-modal-carousel-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n          <\/button>\n        <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-6875-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-6875-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-6875');\n                const modal = document.getElementById('klcc-news-6875-modal');\n                const modalBody = document.getElementById('klcc-news-6875-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-6875-tpl-0-9058\",\"klcc-news-6875-tpl-1-9062\",\"klcc-news-6875-tpl-2-9202\"];\n                const modalPostSlugs = [\"sky-xperience-standard-visit\",\"evening-xperience\",\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"];\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                    if (window.klccInitModalCarousel) {\n                        window.klccInitModalCarousel(modalBody);\n                    }\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 (window.klccInitModalCarousel) {\n                        window.klccInitModalCarousel(modalBody);\n                    }\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                };\n\n                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}]}}