{"id":3999,"date":"2026-03-27T12:16:29","date_gmt":"2026-03-27T04:16:29","guid":{"rendered":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/?page_id=3999"},"modified":"2026-07-27T12:00:17","modified_gmt":"2026-07-27T04:00:17","slug":"plan-your-visit","status":"publish","type":"page","link":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/plan-your-visit\/","title":{"rendered":"Plan Your Visit"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3999\" class=\"elementor elementor-3999\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f515a65 e-con-full e-flex e-con e-parent\" data-id=\"f515a65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8527d41 elementor-widget elementor-widget-html\" data-id=\"8527d41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Split-text line reveal (left -> right) with stronger blur presence *\/\r\n.split-text .elementor-heading-title,\r\n.elementor-heading-title.split-text {\r\n    --plr-duration: 2000ms;\r\n    --plr-stagger: 300ms;\r\n    --plr-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.split-text .elementor-heading-title .plr-line-mask,\r\n.elementor-heading-title.split-text .plr-line-mask {\r\n    display: block;\r\n    overflow: hidden;\r\n    line-height: inherit;\r\n}\r\n\r\n.split-text .elementor-heading-title .plr-line,\r\n.elementor-heading-title.split-text .plr-line {\r\n    display: block;\r\n    clip-path: inset(0 100% 0 0); \/* hidden from right *\/\r\n    opacity: 0;\r\n    filter: blur(14px);\r\n    will-change: clip-path, opacity, filter;\r\n}\r\n\r\n.split-text .elementor-heading-title.plr-inview .plr-line,\r\n.elementor-heading-title.split-text.plr-inview .plr-line {\r\n    animation:\r\n        plrRevealIn var(--plr-duration) var(--plr-ease) forwards,\r\n        plrBlurOut 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n    animation-delay:\r\n        calc(var(--line-index) * var(--plr-stagger)),\r\n        calc(var(--line-index) * var(--plr-stagger));\r\n}\r\n\r\n@keyframes plrRevealIn {\r\n    0% {\r\n        clip-path: inset(0 100% 0 0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        clip-path: inset(0 0 0 0);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes plrBlurOut {\r\n    0% {\r\n        filter: blur(14px);\r\n    }\r\n    100% {\r\n        filter: blur(0);\r\n    }\r\n}\r\n\r\n\/* ICON COLOR FIX: force icon elements to inherit heading color.\r\n   NOTE: <a> is intentionally excluded here so Elementor hover color can override it. *\/\r\n.split-text .elementor-heading-title .plr-line .elementor-icon,\r\n.elementor-heading-title.split-text .plr-line .elementor-icon,\r\n.split-text .elementor-heading-title .plr-line i,\r\n.elementor-heading-title.split-text .plr-line i,\r\n.split-text .elementor-heading-title .plr-line [class*=\"fa\"],\r\n.elementor-heading-title.split-text .plr-line [class*=\"fa\"],\r\n.split-text .elementor-heading-title .plr-line svg,\r\n.elementor-heading-title.split-text .plr-line svg,\r\n.split-text .elementor-heading-title .plr-line svg *,\r\n.elementor-heading-title.split-text .plr-line svg * {\r\n    color: inherit !important;\r\n    fill: currentColor !important;\r\n    stroke: currentColor !important;\r\n}\r\n\r\n\/* ICON + LINK COLOR: inherit heading color, allow Elementor hover to override *\/\r\n.split-text .elementor-heading-title .plr-line a,\r\n.elementor-heading-title.split-text .plr-line a {\r\n    color: inherit;\r\n    text-decoration-color: currentColor;\r\n    \/* Ensure pointer events work so :hover rules on the <a> fire *\/\r\n    pointer-events: auto;\r\n}\r\n\r\n\/* Allow Elementor's widget-level hover color to cascade in freely *\/\r\n.split-text .elementor-heading-title .plr-line a:hover,\r\n.elementor-heading-title.split-text .plr-line a:hover {\r\n    color: inherit;\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .split-text .elementor-heading-title .plr-line,\r\n    .elementor-heading-title.split-text .plr-line {\r\n        clip-path: inset(0 0 0 0) !important;\r\n        opacity: 1 !important;\r\n        filter: none !important;\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3098f05 elementor-widget elementor-widget-html\" data-id=\"3098f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n    function debounce(fn, wait) {\r\n        var t;\r\n        return function () {\r\n            clearTimeout(t);\r\n            t = setTimeout(fn, wait);\r\n        };\r\n    }\r\n\r\n    function getTargets(scope) {\r\n        var root = scope || document;\r\n        return Array.from(root.querySelectorAll('.split-text .elementor-heading-title, .elementor-heading-title.split-text'));\r\n    }\r\n\r\n    \/\/ Returns the <a> element that directly wraps the heading text, if any.\r\n    \/\/ Elementor often wraps heading text in an <a> when a link is set.\r\n    function getLinkWrapper(el) {\r\n        var a = el.querySelector('a');\r\n        if (!a) return null;\r\n        \/\/ Only treat it as a wrapper if it contains real text (not just an icon)\r\n        var clone = a.cloneNode(true);\r\n        clone.querySelectorAll('i, [class*=\"fa\"], svg').forEach(function(n) { n.remove(); });\r\n        if ((clone.textContent || '').trim().length > 0) return a;\r\n        return null;\r\n    }\r\n\r\n    function splitLines(el) {\r\n        if (el.dataset.plrDone === '1') return;\r\n\r\n        var originalHtml = (el.innerHTML || '').trim();\r\n        if (!originalHtml) return;\r\n\r\n        el.dataset.plrText = originalHtml;\r\n\r\n        \/\/ Detect Elementor's <a> wrapper so we can preserve it for hover CSS\r\n        var linkWrapper = getLinkWrapper(el);\r\n        var linkAttrs = null;\r\n        if (linkWrapper) {\r\n            linkAttrs = {\r\n                href:   linkWrapper.getAttribute('href') || '#',\r\n                target: linkWrapper.getAttribute('target') || '',\r\n                rel:    linkWrapper.getAttribute('rel') || '',\r\n                cls:    linkWrapper.className || ''\r\n            };\r\n        }\r\n\r\n        \/\/ Create a temporary element to measure text layout\r\n        var tempDiv = document.createElement('div');\r\n        tempDiv.innerHTML = originalHtml;\r\n        tempDiv.style.position = 'absolute';\r\n        tempDiv.style.visibility = 'hidden';\r\n        tempDiv.style.width = window.getComputedStyle(el).width;\r\n        document.body.appendChild(tempDiv);\r\n\r\n        var text = (tempDiv.textContent || '').trim();\r\n        if (!text) {\r\n            document.body.removeChild(tempDiv);\r\n            return;\r\n        }\r\n\r\n        el.innerHTML = '';\r\n\r\n        var words = text.split(\/\\s+\/);\r\n        words.forEach(function (w, i) {\r\n            var s = document.createElement('span');\r\n            s.className = 'plr-word';\r\n            s.style.display = 'inline-block';\r\n            s.style.whiteSpace = 'pre';\r\n            s.textContent = i === words.length - 1 ? w : w + ' ';\r\n            el.appendChild(s);\r\n        });\r\n\r\n        var wordEls = Array.from(el.querySelectorAll('.plr-word'));\r\n        var lines = [];\r\n        var currentTop = null;\r\n        var current = [];\r\n\r\n        wordEls.forEach(function (w) {\r\n            var t = w.offsetTop;\r\n            if (currentTop === null || Math.abs(t - currentTop) <= 1) {\r\n                current.push(w);\r\n                currentTop = t;\r\n            } else {\r\n                lines.push(current);\r\n                current = [w];\r\n                currentTop = t;\r\n            }\r\n        });\r\n        if (current.length) lines.push(current);\r\n\r\n        \/\/ Clear and rebuild with animation structure\r\n        el.innerHTML = '';\r\n\r\n        \/\/ Helper: create an <a> clone that mirrors Elementor's original link wrapper\r\n        function makeLink(extraClass) {\r\n            var a = document.createElement('a');\r\n            a.href = linkAttrs.href;\r\n            if (linkAttrs.target) a.target = linkAttrs.target;\r\n            if (linkAttrs.rel)    a.rel    = linkAttrs.rel;\r\n            \/\/ Preserve Elementor's original classes plus our own\r\n            a.className = (linkAttrs.cls ? linkAttrs.cls + ' ' : '') + (extraClass || '');\r\n            return a;\r\n        }\r\n\r\n        \/\/ Create animation lines, wrapping each in the original <a> if one existed\r\n        lines.forEach(function (lineWords, idx) {\r\n            var mask = document.createElement('span');\r\n            mask.className = 'plr-line-mask';\r\n\r\n            var line = document.createElement('span');\r\n            line.className = 'plr-line';\r\n\r\n            var lineText = lineWords.map(function (w) { return w.textContent; }).join('');\r\n            var charCount = Math.max(lineText.trim().length, 1);\r\n\r\n            line.style.setProperty('--line-index', idx);\r\n            line.style.setProperty('--char-count', charCount);\r\n\r\n            if (linkAttrs) {\r\n                \/\/ Wrap text in the reconstructed <a> so Elementor hover CSS still works\r\n                var linkEl = makeLink();\r\n                linkEl.textContent = lineText;\r\n                line.appendChild(linkEl);\r\n            } else {\r\n                line.textContent = lineText;\r\n            }\r\n\r\n            mask.appendChild(line);\r\n            el.appendChild(mask);\r\n        });\r\n\r\n        \/\/ Add back icon-only links (e.g. arrow icons after the heading text)\r\n        var lastLine = el.querySelector('.plr-line:last-child');\r\n        if (lastLine) {\r\n            Array.from(tempDiv.querySelectorAll('a')).forEach(function(link) {\r\n                if (!link.querySelector('i, [class*=\"fa\"]')) return;\r\n                var iconClone = link.cloneNode(true);\r\n                iconClone.textContent = '';\r\n                Array.from(link.querySelectorAll('i, [class*=\"fa\"]')).forEach(function(icon) {\r\n                    iconClone.appendChild(icon.cloneNode(true));\r\n                });\r\n                \/\/ Always append the icon into the existing <a> on the last line if one exists.\r\n                \/\/ This ensures text and icon share the same link element and hover together.\r\n                var lastLink = lastLine.querySelector('a');\r\n                if (lastLink) {\r\n                    lastLink.appendChild(document.createTextNode(' '));\r\n                    Array.from(iconClone.childNodes).forEach(function(n) { lastLink.appendChild(n); });\r\n                } else {\r\n                    lastLine.appendChild(document.createTextNode(' '));\r\n                    lastLine.appendChild(iconClone);\r\n                }\r\n            });\r\n        }\r\n\r\n        document.body.removeChild(tempDiv);\r\n        el.classList.remove('plr-inview');\r\n        el.dataset.plrDone = '1';\r\n    }\r\n\r\n    function observeAndAnimate(scope) {\r\n        var targets = getTargets(scope);\r\n        if (!targets.length) return;\r\n\r\n        targets.forEach(splitLines);\r\n\r\n        if (!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n            targets.forEach(function (el) { el.classList.add('plr-inview'); });\r\n            return;\r\n        }\r\n\r\n        var io = new IntersectionObserver(function (entries, obs) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('plr-inview');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2, rootMargin: '0px 0px -10% 0px' });\r\n\r\n        targets.forEach(function (el) { io.observe(el); });\r\n    }\r\n\r\n    var rerun = debounce(function () { observeAndAnimate(document); }, 200);\r\n\r\n    window.addEventListener('load', function () {\r\n        observeAndAnimate(document);\r\n        window.addEventListener('resize', rerun);\r\n\r\n        var mo = new MutationObserver(rerun);\r\n        mo.observe(document.body, { childList: true, subtree: true });\r\n    });\r\n\r\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/heading.default', function ($scope) {\r\n            observeAndAnimate($scope[0]);\r\n        });\r\n    }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-401fdc1 e-con-full e-flex e-con e-parent\" data-id=\"401fdc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4736fff elementor-widget elementor-widget-html\" data-id=\"4736fff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.plan-your-visit-img img{\n    object-position:50% 70% !important;\n}\n\n\n.gradient-text .elementor-heading-title,\n.elementor-heading-title.gradient-text {\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n\/* 2) If split-text is active, apply gradient to each split line too *\/\n.gradient-text .elementor-heading-title .plr-line,\n.elementor-heading-title.gradient-text .plr-line {\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddd4fca elementor-widget elementor-widget-html\" data-id=\"ddd4fca\" 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-1d60886 elementor-widget elementor-widget-html\" data-id=\"1d60886\" 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-9364b15 e-con-full e-flex e-con e-parent\" data-id=\"9364b15\" 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-555ee5c klcc-slanted-box plan-your-visit-img elementor-widget elementor-widget-image\" data-id=\"555ee5c\" 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\/06\/KTP_718-scaled.jpg\" class=\"attachment-full size-full wp-image-8048\" alt=\"Visitors walking through KLCC The Place\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_718-scaled.jpg 2560w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_718-300x200.jpg 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_718-1024x683.jpg 1024w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_718-768x512.jpg 768w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_718-1536x1024.jpg 1536w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_718-2048x1365.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-1d961b0 e-flex e-con-boxed e-con e-parent\" data-id=\"1d961b0\" 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-d4c116d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d4c116d\" 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-6da33a6 elementor-icon-list--layout-inline klcc-prose-icon-list elementor-mobile-align-center elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"6da33a6\" 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\">Plan Your Visit<\/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-7ef8684 e-flex e-con-boxed e-con e-child\" data-id=\"7ef8684\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd9d481 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"fd9d481\" 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-63ba2a4 gradient-text split-text  elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"63ba2a4\" 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\">Plan Your Visit<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4320205 elementor-widget__width-inherit klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"4320205\" 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\">Find your way around KLCC The Place with key opening hours, transport options and a precinct map to help you plan your day. From landmarks and culture to dining, green spaces and events, everything is within easy reach in one walkable city precinct.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b711c1f elementor-align-center klcc-font-museo map-popup-trigger elementor-widget elementor-widget-button\" data-id=\"b711c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Precinct Map<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcaacd6 elementor-widget elementor-widget-html\" data-id=\"fcaacd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .map-image-popup {\r\n    position: fixed;\r\n    inset: 0;\r\n    display: none;\r\n    z-index: 2147483647;\r\n  }\r\n\r\n  .map-image-popup.active {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .map-image-popup__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.75);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .map-image-popup__content {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(95vw, 1100px);\r\n    max-height: 95vh;\r\n    animation: mapPopupFadeIn 0.2s ease;\r\n  }\r\n\r\n  .map-image-popup__viewport {\r\n    overflow: hidden;\r\n    border-radius: 8px;\r\n    background: #fff;\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);\r\n  }\r\n\r\n  .map-image-popup__track {\r\n    display: flex;\r\n    transition: transform 0.3s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .map-image-popup__slide {\r\n    flex: 0 0 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 200px;\r\n    background: #fff;\r\n  }\r\n\r\n  .map-image-popup__slide img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  .map-image-popup__button {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 44px;\r\n    height: 44px;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, 0.65);\r\n    color: #fff;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .map-image-popup__button:hover {\r\n    background: rgba(0, 0, 0, 0.82);\r\n  }\r\n\r\n  .map-image-popup__button--prev {\r\n    left: 12px;\r\n  }\r\n\r\n  .map-image-popup__button--next {\r\n    right: 12px;\r\n  }\r\n\r\n  .map-image-popup__close {\r\n    position: absolute;\r\n    top: -12px;\r\n    right: -12px;\r\n    width: 36px;\r\n    height: 36px;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: #111;\r\n    color: #fff;\r\n    font-size: 20px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    z-index: 4;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  \r\n  .map-image-popup__close:hover {\r\n    background: rgba(0, 0, 0, 0.82);\r\n  }\r\n  \r\n  .map-image-popup__button:focus,\r\n  .map-image-popup__button:active,\r\n  .map-image-popup__button:focus-visible,\r\n  .map-image-popup__close:focus,\r\n  .map-image-popup__close:active,\r\n  .map-image-popup__close:focus-visible {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    color: #fff !important;\r\n  }\r\n\r\n  .map-image-popup__button:focus,\r\n  .map-image-popup__button:active,\r\n  .map-image-popup__button:focus-visible {\r\n    background: rgba(0, 0, 0, 0.65) !important;\r\n  }\r\n\r\n  .map-image-popup__close:focus,\r\n  .map-image-popup__close:active,\r\n  .map-image-popup__close:focus-visible {\r\n    background: #111 !important;\r\n  }\r\n\r\n  .map-image-popup__pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .map-image-popup__dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    border: 0;\r\n    background: rgba(255, 255, 255, 0.45);\r\n    cursor: pointer;\r\n    padding: 0;\r\n  }\r\n\r\n  .map-image-popup__dot.is-active {\r\n    background: #fff;\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  .map-popup-trigger,\r\n  .map-popup-trigger .elementor-heading-title {\r\n    cursor: pointer;\r\n  }\r\n\r\n  @keyframes mapPopupFadeIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: scale(0.96);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .map-image-popup.active {\r\n      padding: 10px;\r\n    }\r\n\r\n    .map-image-popup__button {\r\n      width: 38px;\r\n      height: 38px;\r\n      font-size: 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"map-image-popup\" id=\"mapImagePopup\" aria-hidden=\"true\">\r\n  <div class=\"map-image-popup__overlay\"><\/div>\r\n\r\n  <div class=\"map-image-popup__content\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Map image gallery\">\r\n    <button type=\"button\" class=\"map-image-popup__close\" aria-label=\"Close popup\">&times;<\/button>\r\n    <button type=\"button\" class=\"map-image-popup__button map-image-popup__button--prev\" aria-label=\"Previous image\">&#8249;<\/button>\r\n    <button type=\"button\" class=\"map-image-popup__button map-image-popup__button--next\" aria-label=\"Next image\">&#8250;<\/button>\r\n\r\n    <div class=\"map-image-popup__viewport\">\r\n      <div class=\"map-image-popup__track\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"map-image-popup__pagination\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    const modal = document.getElementById('mapImagePopup');\r\n    if (!modal) return;\r\n\r\n    \/\/ Escape Elementor\/header stacking contexts so the popup's z-index is\r\n    \/\/ compared at the document level and always sits above the site header.\r\n    if (modal.parentElement !== document.body) {\r\n      document.body.appendChild(modal);\r\n    }\r\n\r\n    const track = modal.querySelector('.map-image-popup__track');\r\n    const pagination = modal.querySelector('.map-image-popup__pagination');\r\n    const prevButton = modal.querySelector('.map-image-popup__button--prev');\r\n    const nextButton = modal.querySelector('.map-image-popup__button--next');\r\n    const closeButton = modal.querySelector('.map-image-popup__close');\r\n\r\n    \/\/ Replace or extend this list with your own popup images.\r\n    const images = [\r\n      {\r\n        src: 'https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/image-5-scaled.png',\r\n        alt: 'Popup Image 1'\r\n      },\r\n      {\r\n        src: 'https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/image-6-scaled.png',\r\n        alt: 'Popup Image 2'\r\n      }\r\n    ];\r\n\r\n    let currentIndex = 0;\r\n\r\n    function buildSlides() {\r\n      track.innerHTML = '';\r\n      pagination.innerHTML = '';\r\n\r\n      images.forEach((image, index) => {\r\n        const slide = document.createElement('div');\r\n        slide.className = 'map-image-popup__slide';\r\n\r\n        const img = document.createElement('img');\r\n        img.src = image.src;\r\n        img.alt = image.alt || `Popup image ${index + 1}`;\r\n\r\n        slide.appendChild(img);\r\n        track.appendChild(slide);\r\n\r\n        const dot = document.createElement('button');\r\n        dot.type = 'button';\r\n        dot.className = 'map-image-popup__dot';\r\n        dot.setAttribute('aria-label', `Go to image ${index + 1}`);\r\n        dot.dataset.index = String(index);\r\n        pagination.appendChild(dot);\r\n      });\r\n    }\r\n\r\n    function updateSlider() {\r\n      track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n\r\n      const dots = pagination.querySelectorAll('.map-image-popup__dot');\r\n      dots.forEach((dot, index) => {\r\n        dot.classList.toggle('is-active', index === currentIndex);\r\n        dot.setAttribute('aria-current', index === currentIndex ? 'true' : 'false');\r\n      });\r\n    }\r\n\r\n    function goToSlide(index) {\r\n      const max = images.length - 1;\r\n      currentIndex = Math.max(0, Math.min(index, max));\r\n      updateSlider();\r\n    }\r\n\r\n    function nextSlide() {\r\n      currentIndex = (currentIndex + 1) % images.length;\r\n      updateSlider();\r\n    }\r\n\r\n    function prevSlide() {\r\n      currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n      updateSlider();\r\n    }\r\n\r\n    function openPopup(startIndex) {\r\n      if (!images.length) return;\r\n      goToSlide(typeof startIndex === 'number' ? startIndex : 0);\r\n      modal.classList.add('active');\r\n      modal.setAttribute('aria-hidden', 'false');\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closePopup() {\r\n      modal.classList.remove('active');\r\n      modal.setAttribute('aria-hidden', 'true');\r\n      document.body.style.overflow = '';\r\n    }\r\n\r\n    buildSlides();\r\n    updateSlider();\r\n\r\n    document.addEventListener('click', function (event) {\r\n      const trigger = event.target.closest('.map-popup-trigger');\r\n      if (trigger) {\r\n        event.preventDefault();\r\n        const indexFromTrigger = Number(trigger.getAttribute('data-map-index'));\r\n        openPopup(Number.isFinite(indexFromTrigger) ? indexFromTrigger : 0);\r\n        return;\r\n      }\r\n\r\n      if (event.target.closest('.map-image-popup__overlay') || event.target.closest('.map-image-popup__close')) {\r\n        closePopup();\r\n      }\r\n    });\r\n\r\n    prevButton.addEventListener('click', function (event) {\r\n      event.stopPropagation();\r\n      prevSlide();\r\n    });\r\n\r\n    nextButton.addEventListener('click', function (event) {\r\n      event.stopPropagation();\r\n      nextSlide();\r\n    });\r\n\r\n    pagination.addEventListener('click', function (event) {\r\n      const dot = event.target.closest('.map-image-popup__dot');\r\n      if (!dot) return;\r\n      goToSlide(Number(dot.dataset.index));\r\n    });\r\n\r\n    document.addEventListener('keydown', function (event) {\r\n      if (!modal.classList.contains('active')) return;\r\n\r\n      if (event.key === 'Escape') closePopup();\r\n      if (event.key === 'ArrowRight') nextSlide();\r\n      if (event.key === 'ArrowLeft') prevSlide();\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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-0d3c70a e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"0d3c70a\" data-element_type=\"container\" data-e-type=\"container\" id=\"operating-hours\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2926c elementor-widget elementor-widget-shortcode\" data-id=\"fa2926c\" 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\">      <section class=\"klcc-ts-oh no-tab-desc\" id=\"klcc-ts-oh-1\" role=\"region\" aria-label=\"Operating Hours Showcase\">\n        <div class=\"klcc-ts-oh__container\">\n          <h2 class=\"elementor-heading-title klcc-font-header gradient-text split-text\">OPERATING HOURS<\/h2>\n          \n          <div class=\"klcc-ts-oh__inner\">\n            <div class=\"klcc-ts-oh__cta-wrap\">\n              <button type=\"button\" class=\"klcc-ts-oh__cta-nav klcc-ts-oh__cta-nav--prev\" aria-label=\"Scroll categories left\">\n                &#8249;\n              <\/button>\n              <div class=\"klcc-ts-oh__cta-col\" aria-label=\"Operating hour categories\">\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn is-active\"\n                    data-cta=\"4116\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">PETRONAS Twin Towers Sky Xperience<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4117\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Suria KLCC<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4118\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Ombak KLCC<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4120\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Galeri PETRONAS<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4122\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Petrosains, The Discovery Centre\u00ae<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4123\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Aquaria KLCC<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4124\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Lake Symphony Fountains<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4125\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Bird Sanctuary<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4127\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">KLCC Park<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4128\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Children\u2019s Playground &amp; Wading Pool<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4130\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Kuala Lumpur Convention Centre<\/span>\n                  <\/button>\n                              <\/div>\n              <button type=\"button\" class=\"klcc-ts-oh__cta-nav klcc-ts-oh__cta-nav--next\" aria-label=\"Scroll categories right\">\n                &#8250;\n              <\/button>\n            <\/div>\n\n            <div class=\"klcc-ts-oh__content-col\">\n                              <div\n                  class=\"klcc-ts-oh__content-panel is-active\"\n                  data-content=\"4116\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><span style=\"color: #204a8a\"><strong>Tuesday \u2013 Sunday<\/strong><\/span><br \/>\r\n9:00 AM \u2013 9:00 PM<br \/>\r\n(Last admission: 8:30 PM)<br \/>\r\n<br \/>\r\n<span style=\"color: #204a8a\"><strong>Public Holidays<\/strong><\/span><br \/>\r\n10:00 AM \u2013 6:00 PM<br \/>\r\n(Last admission: 5:30 PM)<br \/>\r\n<br \/>\r\nClosed on Mondays, except on public holidays or when a public holiday falls on a Monday<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/iconic-sights-2\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4117\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Sunday<br \/>\r\n<\/span><\/strong>10:00 AM - 10:00 PM<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/shop-dine\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4118\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Opening Soon<\/span><\/strong><\/div>\n                                                          <\/div>\n                              <\/div>\n                                  <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4120\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Tuesday \u2013 Friday<\/span><\/strong><br \/>\r\n10:00 AM \u2013 6:00 PM<br \/>\r\n<br \/>\r\n<strong><span style=\"color: #204a8a\">Saturday \u2013 Sunday<\/span><\/strong><br \/>\r\n10:00 AM \u2013 6:30 PM<br \/>\r\nClosed on Monday<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/arts-culture\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4122\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Friday<\/span><\/strong><br \/>\r\n9:30 AM \u2013 5:30 PM<br \/>\r\n(Last admission: 4:00 PM)<br \/>\r\n<br \/>\r\n<strong><span style=\"color: #204a8a\">Saturday, Sunday &amp; Public Holidays<\/span><\/strong><br \/>\r\n9:30 AM \u2013 6:30 PM<br \/>\r\n(Last admission: 5:00 PM)<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/exploration-outdoors\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4123\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Sunday<br \/>\r\n<\/span><\/strong>10:00 AM \u2013 8:00 PM<br \/>\r\n(Last admission: 7.00 pm)<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/exploration-outdoors\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4124\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Sunday<\/span><\/strong><br \/>\r\n7:30 AM \u2013 10:00\u202fPM<\/div>\n                                                          <\/div>\n                              <\/div>\n                                  <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4125\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Sunday<\/span><\/strong><br \/>\r\n9:30 AM \u2013 6:00\u202fPM<\/div>\n                                                          <\/div>\n                              <\/div>\n                                  <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4127\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Sunday<\/span><br \/>\r\n<\/strong>6:00\u202fAM \u2013 10:00\u202fPM<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/exploration-outdoors\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4128\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Tuesday \u2013 Friday<br \/>\r\n<\/span><\/strong>10:00 AM \u2013 7:30 PM<br \/>\r\n<br \/>\r\n<strong><span style=\"color: #204a8a\">Weekends &amp; Public Holidays<br \/>\r\n<\/span><\/strong>10:00 AM \u2013 9:30 PM<\/div>\n                                                          <\/div>\n                              <\/div>\n                                  <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4130\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                          <div class=\"klcc-ts-oh__content-card-list\">\n                  <div class=\"klcc-ts-oh__content-card\">\n                                      <div class=\"klcc-ts-oh__content-card-sections\">\n                                  <div class=\"klcc-ts-oh__content-card-section\">\n                                                              <div class=\"klcc-ts-oh__content-card-main\"><strong><span style=\"color: #204a8a\">Monday \u2013 Sunday<br \/>\r\n<\/span><\/strong>8:00 AM \u2013 11:00 PM<\/div>\n                                                          <\/div>\n                              <\/div>\n                                      <div class=\"klcc-ts-oh__content-card-cta-wrap\">\n                <a class=\"klcc-ts-oh__content-card-cta\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/shop-dine\/\">\n                  Learn More                <\/a>\n              <\/div>\n                      <\/div>\n              <\/div>\n                        <\/div>\n                                  <\/div>\n                          <\/div>\n\n            <div class=\"klcc-ts-oh__image-col\">\n                              <div\n                  class=\"klcc-ts-oh__image-panel is-active\"\n                  data-image=\"4116\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC_PETTVOLifestyle_D35_053.webp\"\n                      alt=\"PETRONAS Twin Towers Sky Xperience\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4117\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/Suria-KLCC-1024x576.jpg\"\n                      alt=\"Suria KLCC\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4118\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/2351_PODIUM_V003_SE-Corner_DUSK_1900712-1024x349.webp\"\n                      alt=\"Ombak KLCC\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4120\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/IMG_2006.JPG-1024x683.jpg\"\n                      alt=\"Galeri PETRONAS\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4122\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/2025_06_12_056988-copy-scaled.webp\"\n                      alt=\"Petrosains, The Discovery Centre\u00ae\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4123\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/16956222082754-1.jpg\"\n                      alt=\"Aquaria KLCC\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4124\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/Fountain-scaled.jpeg\"\n                      alt=\"Lake Symphony Fountains\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4125\"\n                >\n                                      <div class=\"klcc-ts-oh__image-placeholder\" aria-hidden=\"true\"><\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4127\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/KLCC-Park_17022-1024x683.jpg\"\n                      alt=\"KLCC Park\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4128\"\n                >\n                                      <div class=\"klcc-ts-oh__image-placeholder\" aria-hidden=\"true\"><\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4130\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/welcome-to-the-kuala-1024x1024.jpg\"\n                      alt=\"Kuala Lumpur Convention Centre\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n      <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3924c32 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"3924c32\" data-element_type=\"container\" data-e-type=\"container\" id=\"getting-here\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1add265 elementor-widget elementor-widget-shortcode\" data-id=\"1add265\" 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\">      <section class=\"klcc-ts-oh has-tab-desc no-bottom-padding\" id=\"klcc-ts-oh-2\" role=\"region\" aria-label=\"Operating Hours Showcase\">\n        <div class=\"klcc-ts-oh__container\">\n          <h2 class=\"elementor-heading-title klcc-font-header gradient-text split-text\">GETTING HERE<\/h2>\n                      <div class=\"klcc-ts-oh__tab-desc\"><p>Plan your route to and around KLCC The Place with the various transportation mode.<\/p>\n<\/div>\n          \n          <div class=\"klcc-ts-oh__inner\">\n            <div class=\"klcc-ts-oh__cta-wrap\">\n              <button type=\"button\" class=\"klcc-ts-oh__cta-nav klcc-ts-oh__cta-nav--prev\" aria-label=\"Scroll categories left\">\n                &#8249;\n              <\/button>\n              <div class=\"klcc-ts-oh__cta-col\" aria-label=\"Operating hour categories\">\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn is-active\"\n                    data-cta=\"4109\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Car &amp; Taxi<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4111\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Bus<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4113\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Airport Transfer<\/span>\n                  <\/button>\n                                  <button\n                    type=\"button\"\n                    class=\"klcc-ts-oh__cta-btn\"\n                    data-cta=\"4115\"\n                  >\n                    <span class=\"klcc-ts-oh__cta-text\">Train<\/span>\n                  <\/button>\n                              <\/div>\n              <button type=\"button\" class=\"klcc-ts-oh__cta-nav klcc-ts-oh__cta-nav--next\" aria-label=\"Scroll categories right\">\n                &#8250;\n              <\/button>\n            <\/div>\n\n            <div class=\"klcc-ts-oh__content-col\">\n                              <div\n                  class=\"klcc-ts-oh__content-panel is-active\"\n                  data-content=\"4109\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                    <p><span style=\"color: #204a8a\"><strong>Enter via<\/strong><\/span><\/p>\n<ul>\n<li>Jalan Ampang<\/li>\n<li>Jalan P. Ramlee<\/li>\n<li>Jalan Pinang<\/li>\n<li>Jalan Tun Razak<\/li>\n<li>Ampang<\/li>\n<li>Kuala Lumpur Elevated Highway (AKLEH)<\/li>\n<\/ul>\n                  <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4111\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                    <p><span style=\"color: #204a8a\"><strong>RapidKL Buses:<br \/>\n<\/strong><\/span><\/p>\n<ul>\n<li>B103: Titiwangsa to KLCC<br \/>\n(stops at KLCC LRT Station)<\/li>\n<li>B114: Maluri to Titiwangsa via KLCC<br \/>\n(stops in front of Suria KLCC)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #204a8a\"><strong>GOKL Free City Bus:<br \/>\n<\/strong><\/span><\/p>\n<ul>\n<li>Green Line: Bukit Bintang to KLCC<\/li>\n<li>Purple Line: Pasar Seni to Bukit Bintang<br \/>\n(interchange near KLCC)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #204a8a\"><strong>KL Hop-On Hop-Off:<\/strong><\/span><\/p>\n<ul>\n<li>Tickets available at KLCC, daily from 9:00 AM, every 20-30 minutes<\/li>\n<\/ul>\n                  <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4113\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                    <p><span style=\"color: #204a8a\"><strong>Kuala Lumpur International Airport (KLIA)<\/strong><\/span><\/p>\n<ul>\n<li>Take the KLIA Express to KL Sentral and transfer to the LRT \u2013 Kelana Jaya Line and stop at KLCC Station.<\/li>\n<li>Airport limo and metered taxis services are available at the International Arrival Hall, Domesstic Arrival Hall, Domestic Baggage Reclaim as well as taxi and bus ticketing counters.<\/li>\n<\/ul>\n<p>&nbsp;<br \/>\n<span style=\"color: #204a8a\"><strong>Kuala Lumpur International Airport 2 (KLIA 2)<\/strong><\/span><\/p>\n<ul>\n<li>Take the KLIA Express to KL Sentral and transfer to the LRT \u2013 Kelana Jaya Line and stop at KLCC Station.<\/li>\n<li>Metered taxi and city cab services are available at Transportation Hub (Level 1) and Gateway@klia2 Mall (Next to the KLIA2 Main Terminal Building)<\/li>\n<\/ul>\n                  <\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__content-panel\"\n                  data-content=\"4115\"\n                >\n                  <div class=\"klcc-ts-oh__content-inner\">\n                    <p><span style=\"color: #204a8a\"><strong>By LRT \/ KLIA Express \/ MRT<\/strong><\/span><\/p>\n<ul>\n<li>KLIA Express (KL Sentral) or Pasar Seni (MRT Interchange SBK16) \u2192 Kelana Jaya Line Light Rail Transit (LRT) \u2192 KLCC Station (KJ10) and take the exit that has Suria KLCC signage to our mall.<\/li>\n<\/ul>\n                  <\/div>\n                                  <\/div>\n                          <\/div>\n\n            <div class=\"klcc-ts-oh__image-col\">\n                              <div\n                  class=\"klcc-ts-oh__image-panel is-active\"\n                  data-image=\"4109\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP-Plan-Your-Visit-0505-02-1.png\"\n                      alt=\"Car &amp; Taxi\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4111\"\n                >\n                                      <img decoding=\"async\"\n                      class=\"klcc-ts-oh__image\"\n                      src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/buses.webp\"\n                      alt=\"Bus\"\n                      loading=\"lazy\"\n                    >\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4113\"\n                >\n                                      <div class=\"klcc-ts-oh__image-placeholder\" aria-hidden=\"true\"><\/div>\n                                  <\/div>\n                              <div\n                  class=\"klcc-ts-oh__image-panel\"\n                  data-image=\"4115\"\n                >\n                                      <div class=\"klcc-ts-oh__image-placeholder\" aria-hidden=\"true\"><\/div>\n                                  <\/div>\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n      <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77997ab e-con-full e-flex e-con e-parent\" data-id=\"77997ab\" 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-f76c31a e-con-full e-flex e-con e-child\" data-id=\"f76c31a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53f26cb museo-sans split-text elementor-widget elementor-widget-heading\" data-id=\"53f26cb\" 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\">KLCC PRECINCT GUIDE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7634329 museo-sans split-text elementor-widget elementor-widget-heading\" data-id=\"7634329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Explore KLCC The Place and discover how every destination connects together.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a9f72b museo-sans split-text elementor-widget elementor-widget-heading\" data-id=\"9a9f72b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Everything is just a short walk away.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36f87ce e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"36f87ce\" 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-73acd3a elementor-widget elementor-widget-shortcode\" data-id=\"73acd3a\" 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\">\t\t\t<style id=\"klcc-pyv-map-styles\">\n\t\t\t\t.klcc-pyv {\n\t\t\t\t\t--pyv-blue: #315c9d;\n\t\t\t\t\t--pyv-map-bg: #a3c6c4;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tfont-family: \"Museo Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv *,\n\t\t\t\t.klcc-pyv *::before,\n\t\t\t\t.klcc-pyv *::after {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tabs {\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tgrid-template-columns: repeat(7, minmax(0, 1fr));\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tborder-radius: 8px;\n\t\t\t\t\tbackground: #fff;\n\t\t\t\t\tbox-shadow: 0 7px 0 var(--pyv-map-bg);\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tgap: 7px;\n\t\t\t\t\tmin-width: 0;\n\t\t\t\t\tmin-height: clamp(100px, 9vw, 132px);\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 14px 4px;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tbackground: #fff;\n\t\t\t\t\tcolor: #070707;\n\t\t\t\t\tfont: inherit;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttransition: background-color 160ms ease, color 160ms ease;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab:not(:last-child)::after {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 18%;\n\t\t\t\t\tright: 0;\n\t\t\t\t\twidth: 1px;\n\t\t\t\t\theight: 64%;\n\t\t\t\t\tbackground: #c5cad2;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab:hover,\n\t\t\t\t.klcc-pyv__tab:focus-visible {\n\t\t\t\t\tbackground: #f1f5fb;\n\t\t\t\t\tcolor: var(--pyv-blue);\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab.is-active {\n\t\t\t\t\tbackground: var(--pyv-blue);\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab.is-active::after {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab-icon {\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tplace-items: center;\n\t\t\t\t\twidth: 48px;\n\t\t\t\t\theight: 44.69px;\n\t\t\t\t\tflex: 0 0 44.69px;\n\t\t\t\t\tcolor: var(--pyv-blue);\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab-icon > svg,\n\t\t\t\t.klcc-pyv__tab-icon-img {\n\t\t\t\t\tgrid-area: 1 \/ 1;\n\t\t\t\t\talign-self: center;\n\t\t\t\t\tjustify-self: center;\n\t\t\t\t\twidth: 48px !important;\n\t\t\t\t\theight: 44.69px !important;\n\t\t\t\t\tmax-width: 48px !important;\n\t\t\t\t\tmax-height: 44.69px !important;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab-icon > svg {\n\t\t\t\t\tfill: none;\n\t\t\t\t\tstroke: currentColor;\n\t\t\t\t\tstroke-width: 1.8;\n\t\t\t\t\tstroke-linecap: round;\n\t\t\t\t\tstroke-linejoin: round;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab-icon-img--active {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab-icon-img--active-filtered {\n\t\t\t\t\tfilter: brightness(0) invert(1);\n\t\t\t\t}\n\n\t\t\t\t\/* This source is 132 \u00d7 57, so it needs more horizontal room\n\t\t\t\t   to achieve the same perceived area without distortion. *\/\n\t\t\t\t.klcc-pyv__tab[data-tab=\"convention\"] .klcc-pyv__tab-icon-img {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tleft: -6px;\n\t\t\t\t\twidth: 68px !important;\n\t\t\t\t\tmax-width: 68px !important;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab.is-active .klcc-pyv__tab-icon {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab.is-active .klcc-pyv__tab-icon-img--default {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab.is-active .klcc-pyv__tab-icon-img--active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__tab-label {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tfont-size: clamp(9px, 0.75vw, 12px);\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tline-height: 1.1;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__body {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tpadding: clamp(16px, 2.2vw, 34px);\n\t\t\t\t\tborder-radius: 0 0 8px 8px;\n\t\t\t\t\tbackground: var(--pyv-map-bg);\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tplace-items: center;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmin-height: clamp(280px, 50vw, 760px);\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-canvas {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tline-height: 0;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-canvas[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-canvas.is-entering {\n\t\t\t\t\tanimation: klcc-pyv-map-fade-in 1100ms cubic-bezier(0.22, 1, 0.36, 1) both;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-img {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: auto;\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tmax-height: none;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttransition: opacity 140ms ease;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-img.is-changing {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-img[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__hotspots,\n\t\t\t\t.klcc-pyv__info-hotspots {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tinset: 0;\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__hotspots[hidden],\n\t\t\t\t.klcc-pyv__info-hotspots[hidden],\n\t\t\t\t.klcc-pyv__info-hotspot[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__hotspot {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: var(--hotspot-y);\n\t\t\t\t\tleft: var(--hotspot-x);\n\t\t\t\t\twidth: var(--hotspot-w);\n\t\t\t\t\theight: var(--hotspot-h);\n\t\t\t\t\tmin-width: 0;\n\t\t\t\t\tmin-height: 0;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tpointer-events: auto;\n\t\t\t\t\ttouch-action: manipulation;\n\t\t\t\t\t-webkit-tap-highlight-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__hotspot:hover,\n\t\t\t\t.klcc-pyv__hotspot:active {\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__hotspot:focus-visible {\n\t\t\t\t\toutline: 3px solid #315c9d;\n\t\t\t\t\toutline-offset: 2px;\n\t\t\t\t}\n\n\t\t\t\t@media (min-width: 761px) {\n\t\t\t\t\t.klcc-pyv__info-hotspot:focus,\n\t\t\t\t\t.klcc-pyv__info-hotspot:focus-visible,\n\t\t\t\t\t.klcc-pyv__info-hotspot:active {\n\t\t\t\t\t\tborder-color: transparent !important;\n\t\t\t\t\t\tbackground: transparent !important;\n\t\t\t\t\t\tbox-shadow: none !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup {\n\t\t\t\t\t--popup-line-width: 4px;\n\t\t\t\t\t--popup-corner: clamp(34px, 4vw, 64px);\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tz-index: 5;\n\t\t\t\t\twidth: max-content;\n\t\t\t\t\tmin-width: min(300px, calc(100% - 48px));\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tpadding: clamp(20px, 2vw, 30px);\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: 0 var(--popup-corner) 0 var(--popup-corner);\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.93);\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tbackdrop-filter: blur(1px);\n\t\t\t\t\tcolor: #111;\n\t\t\t\t\tline-height: normal;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animation-pending {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animation-pending .klcc-pyv__map-popup-line {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating {\n\t\t\t\t\tanimation: klcc-pyv-popup-fade-in 340ms ease-out both;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup-line {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tz-index: 0;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\toverflow: visible;\n\t\t\t\t\tfill: none;\n\t\t\t\t\tstroke-linecap: butt;\n\t\t\t\t\tstroke-linejoin: round;\n\t\t\t\t\tstroke-width: var(--popup-line-width);\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup-line--pink {\n\t\t\t\t\ttop: -14px;\n\t\t\t\t\tleft: -8px;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: calc(100% + 6px);\n\t\t\t\t\tstroke: #ed168c;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--pink {\n\t\t\t\t\tclip-path: polygon(47% 0, 47% 0, 47% 8%, 47% 8%);\n\t\t\t\t\tanimation: klcc-pyv-pink-line-progress 700ms cubic-bezier(0.65, 0, 0.35, 1) 100ms forwards;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup-line--green {\n\t\t\t\t\t--popup-green-offset: 12px;\n\t\t\t\t\ttop: calc(-1 * var(--popup-green-offset));\n\t\t\t\t\tright: calc(-1 * var(--popup-green-offset));\n\t\t\t\t\tleft: auto;\n\t\t\t\t\twidth: calc(var(--popup-corner) + 42px);\n\t\t\t\t\theight: calc(var(--popup-corner) + 26px);\n\t\t\t\t\tborder-top: var(--popup-line-width) solid #8ae629;\n\t\t\t\t\tborder-right: var(--popup-line-width) solid #8ae629;\n\t\t\t\t\tborder-radius: 0 calc(var(--popup-corner) + var(--popup-green-offset)) 0 0;\n\t\t\t\t\tstroke: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--green {\n\t\t\t\t\tclip-path: inset(0 100% 0 0);\n\t\t\t\t\tanimation: klcc-pyv-green-line-progress 700ms cubic-bezier(0.65, 0, 0.35, 1) 100ms forwards;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup-line--blue {\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\theight: calc(100% + 14px);\n\t\t\t\t\tstroke: #0758a0;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--blue {\n\t\t\t\t\tclip-path: polygon(95% 64%, 100% 64%, 100% 64%, 95% 64%);\n\t\t\t\t\tanimation: klcc-pyv-blue-line-progress 700ms cubic-bezier(0.65, 0, 0.35, 1) 100ms forwards;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup-title {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\tmargin: 0 0 10px;\n\t\t\t\t\tcolor: #0d438e;\n\t\t\t\t\tfont: inherit;\n\t\t\t\t\tfont-size: clamp(13px, 1.15vw, 17px);\n\t\t\t\t\tfont-weight: 800;\n\t\t\t\t\tline-height: 1.2;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup-description {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tcolor: #111;\n\t\t\t\t\tfont: inherit;\n\t\t\t\t\tfont-size: clamp(12px, 1vw, 15px);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 1.45;\n\t\t\t\t\twhite-space: pre-line;\n\t\t\t\t\toverflow-wrap: anywhere;\n\t\t\t\t\tword-break: normal;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-title,\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-description {\n\t\t\t\t\tanimation: klcc-pyv-text-reveal 440ms cubic-bezier(0.22, 1, 0.36, 1) both;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-title {\n\t\t\t\t\tanimation-delay: 150ms;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-description {\n\t\t\t\t\tanimation-delay: 230ms;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-placeholder {\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tplace-items: center;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmin-height: 320px;\n\t\t\t\t\tpadding: 30px;\n\t\t\t\t\tborder: 2px dashed rgba(30, 73, 100, 0.3);\n\t\t\t\t\tcolor: #234c67;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__map-placeholder[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__zoom-controls {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__zoom-controls[hidden] {\n\t\t\t\t\tdisplay: none !important;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__instruction {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tgap: clamp(12px, 1.5vw, 20px);\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmin-height: clamp(86px, 8vw, 118px);\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tpadding: clamp(16px, 1.7vw, 22px) clamp(20px, 2.2vw, 30px);\n\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\tbackground: #f7fafa;\n\t\t\t\t\tbox-shadow: 10px 10px 0 #78b7b2;\n\t\t\t\t\tcolor: #111;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__instruction[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__instruction-icon {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tflex: 0 0 48px;\n\t\t\t\t\twidth: 48px;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__instruction-icon img {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: auto;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__instruction p {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tfont-size: clamp(12px, 1.05vw, 16px);\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tline-height: 1.4;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tpadding: clamp(18px, 2vw, 28px) clamp(20px, 2.4vw, 34px);\n\t\t\t\t\tborder-radius: 14px;\n\t\t\t\t\tbackground: #f7f8fa;\n\t\t\t\t\tbox-shadow: 10px 10px 0 #78b7b2;\n\t\t\t\t\tcolor: #111;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected[hidden] {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv [data-info-for].is-entering {\n\t\t\t\t\tanimation: klcc-pyv-info-rise 520ms cubic-bezier(0.22, 1, 0.36, 1) both;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv [data-info-for][data-animation-pending=\"1\"] {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\ttransform: translateY(24px);\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv [data-info-for].is-entering :is(h3, p, li) {\n\t\t\t\t\tanimation: klcc-pyv-text-reveal 500ms cubic-bezier(0.22, 1, 0.36, 1) 140ms both;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv [data-info-for].is-entering li:nth-child(2) {\n\t\t\t\t\tanimation-delay: 190ms;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv [data-info-for].is-entering li:nth-child(3) {\n\t\t\t\t\tanimation-delay: 240ms;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv [data-info-for].is-entering li:nth-child(n+4) {\n\t\t\t\t\tanimation-delay: 290ms;\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-map-fade-in {\n\t\t\t\t\tfrom { opacity: 0; }\n\t\t\t\t\tto { opacity: 1; }\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-info-rise {\n\t\t\t\t\tfrom {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\ttransform: translateY(24px);\n\t\t\t\t\t}\n\t\t\t\t\tto {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-popup-fade-in {\n\t\t\t\t\tfrom { opacity: 0; }\n\t\t\t\t\tto { opacity: 1; }\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-text-reveal {\n\t\t\t\t\tfrom {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tclip-path: inset(0 100% 0 0);\n\t\t\t\t\t\ttransform: translateY(8px);\n\t\t\t\t\t}\n\t\t\t\t\tto {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tclip-path: inset(0 0 0 0);\n\t\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-pink-line-progress {\n\t\t\t\t\t0% {\n\t\t\t\t\t\tclip-path: polygon(47% 0, 47% 0, 47% 8%, 47% 8%);\n\t\t\t\t\t}\n\t\t\t\t\t38% {\n\t\t\t\t\t\tclip-path: polygon(3% 0, 50% 0, 50% 8%, 3% 8%);\n\t\t\t\t\t}\n\t\t\t\t\t100% {\n\t\t\t\t\t\tclip-path: polygon(3% 0, 50% 0, 50% 100%, 3% 100%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-blue-line-progress {\n\t\t\t\t\t0% {\n\t\t\t\t\t\tclip-path: polygon(95% 64%, 100% 64%, 100% 64%, 95% 64%);\n\t\t\t\t\t}\n\t\t\t\t\t38% {\n\t\t\t\t\t\tclip-path: polygon(95% 64%, 100% 64%, 100% 100%, 95% 100%);\n\t\t\t\t\t}\n\t\t\t\t\t100% {\n\t\t\t\t\t\tclip-path: polygon(28% 64%, 100% 64%, 100% 100%, 28% 100%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@keyframes klcc-pyv-green-line-progress {\n\t\t\t\t\tfrom { clip-path: inset(0 100% 0 0); }\n\t\t\t\t\tto { clip-path: inset(0); }\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-heading {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 10px;\n\t\t\t\t\tmargin-bottom: clamp(14px, 1.5vw, 20px);\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-heading h3 {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tcolor: #0d368b;\n\t\t\t\t\tfont: inherit;\n\t\t\t\t\tfont-size: clamp(18px, 1.65vw, 25px);\n\t\t\t\t\tfont-weight: 800;\n\t\t\t\t\tline-height: 1;\n\t\t\t\t\tletter-spacing: 0.01em;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-heading img {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: auto;\n\t\t\t\t\theight: clamp(25px, 2.3vw, 34px);\n\t\t\t\t\tmax-width: 90px;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-list {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tcolumn-gap: clamp(14px, 1.6vw, 26px);\n\t\t\t\t\trow-gap: clamp(9px, 0.9vw, 13px);\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tlist-style: none;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-list li {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tmin-width: 0;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-place,\n\t\t\t\t.klcc-pyv__connected-time,\n\t\t\t\t.klcc-pyv__connected-divider {\n\t\t\t\t\tfont-size: clamp(13px, 1.18vw, 18px);\n\t\t\t\t\tline-height: 1.2;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-place {\n\t\t\t\t\tfont-weight: 800;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-divider {\n\t\t\t\t\tmargin: 0 5px;\n\t\t\t\t\tcolor: #111;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-time {\n\t\t\t\t\tcolor: #555;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\n\t\t\t\t.klcc-pyv__connected-list small {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 88px;\n\t\t\t\t\tmargin-left: 7px;\n\t\t\t\t\tcolor: #666;\n\t\t\t\t\tfont-size: clamp(7px, 0.52vw, 9px);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 0.9;\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 760px) {\n\t\t\t\t\t.klcc-pyv__tabs {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\toverflow-x: auto;\n\t\t\t\t\t\tborder-radius: 8px;\n\t\t\t\t\t\tscroll-snap-type: x proximity;\n\t\t\t\t\t\tscrollbar-width: thin;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__tab {\n\t\t\t\t\t\tflex: 0 0 118px;\n\t\t\t\t\t\tmin-height: 96px;\n\t\t\t\t\t\tscroll-snap-align: start;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__body {\n\t\t\t\t\t\tpadding: 0 0 14px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__map {\n\t\t\t\t\t\tmin-height: 220px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__map-canvas {\n\t\t\t\t\t\ttouch-action: pan-y;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__map-img,\n\t\t\t\t\t.klcc-pyv__hotspots,\n\t\t\t\t\t.klcc-pyv__info-hotspots {\n\t\t\t\t\t\ttransform-origin: 0 0;\n\t\t\t\t\t\twill-change: transform;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__zoom-controls {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\tbottom: 10px;\n\t\t\t\t\t\tz-index: 12;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\tborder: 1px solid rgba(13, 67, 142, 0.25);\n\t\t\t\t\t\tborder-radius: 999px;\n\t\t\t\t\t\tbackground: rgba(255, 255, 255, 0.94);\n\t\t\t\t\t\tbox-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);\n\t\t\t\t\t\tbackdrop-filter: blur(4px);\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__zoom-controls button {\n\t\t\t\t\t\tdisplay: grid;\n\t\t\t\t\t\tplace-items: center;\n\t\t\t\t\t\twidth: 38px;\n\t\t\t\t\t\theight: 38px;\n\t\t\t\t\t\tmin-width: 38px;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tborder-right: 1px solid rgba(13, 67, 142, 0.16);\n\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\tcolor: #0d438e;\n\t\t\t\t\t\tfont: inherit;\n\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\t\tline-height: 1;\n\t\t\t\t\t\ttouch-action: manipulation;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__zoom-controls button:last-child {\n\t\t\t\t\t\tborder-right: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__zoom-controls button:hover,\n\t\t\t\t\t.klcc-pyv__zoom-controls button:focus,\n\t\t\t\t\t.klcc-pyv__zoom-controls button:focus-visible,\n\t\t\t\t\t.klcc-pyv__zoom-controls button:active {\n\t\t\t\t\t\tbackground: #315c9d !important;\n\t\t\t\t\t\tcolor: #fff !important;\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__zoom-controls button:disabled {\n\t\t\t\t\t\topacity: 0.35;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__instruction {\n\t\t\t\t\t\twidth: calc(100% - 28px);\n\t\t\t\t\t\tmargin: 0 14px;\n\t\t\t\t\t\tbox-shadow: 4px 4px 0 #78b7b2;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__connected {\n\t\t\t\t\t\twidth: calc(100% - 28px);\n\t\t\t\t\t\tmargin: 0 14px;\n\t\t\t\t\t\tbox-shadow: 4px 4px 0 #78b7b2;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__connected-list {\n\t\t\t\t\t\tgap: 10px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__connected-list li {\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t\t.klcc-pyv__tab,\n\t\t\t\t\t.klcc-pyv__map-img {\n\t\t\t\t\t\ttransition: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__map-canvas.is-entering,\n\t\t\t\t\t.klcc-pyv [data-info-for].is-entering,\n\t\t\t\t\t.klcc-pyv [data-info-for].is-entering :is(h3, p, li),\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line path,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--pink,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--blue,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--green,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-title,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-description {\n\t\t\t\t\t\tanimation: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--pink,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--blue,\n\t\t\t\t\t.klcc-pyv__map-popup.is-animating .klcc-pyv__map-popup-line--green {\n\t\t\t\t\t\tclip-path: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t<\/style>\n\n\t\t\t<script id=\"klcc-pyv-map-script\">\n\t\t\t\t(function () {\n\t\t\t\t\t'use strict';\n\n\t\t\t\t\tfunction initMap(root) {\n\t\t\t\t\t\tif (root.dataset.pyvReady === '1') {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\troot.dataset.pyvReady = '1';\n\n\t\t\t\t\t\tvar tabs = Array.prototype.slice.call(root.querySelectorAll('.klcc-pyv__tab'));\n\t\t\t\t\t\tvar map = root.querySelector('.klcc-pyv__map');\n\t\t\t\t\t\tvar mapCanvas = root.querySelector('.klcc-pyv__map-canvas');\n\t\t\t\t\t\tvar image = root.querySelector('.klcc-pyv__map-img');\n\t\t\t\t\t\tvar placeholder = root.querySelector('.klcc-pyv__map-placeholder');\n\t\t\t\t\t\tvar infoPanels = Array.prototype.slice.call(root.querySelectorAll('[data-info-for]'));\n\t\t\t\t\t\tvar hotspotLayer = root.querySelector('.klcc-pyv__hotspots');\n\t\t\t\t\t\tvar hotspotButtons = Array.prototype.slice.call(root.querySelectorAll('[data-hotspot-target]'));\n\t\t\t\t\t\tvar infoHotspotLayer = root.querySelector('.klcc-pyv__info-hotspots');\n\t\t\t\t\t\tvar infoHotspotButtons = Array.prototype.slice.call(root.querySelectorAll('[data-info-hotspot-for]'));\n\t\t\t\t\t\tvar mapPopups = Array.prototype.slice.call(root.querySelectorAll('.klcc-pyv__map-popup'));\n\t\t\t\t\t\tvar zoomControls = root.querySelector('.klcc-pyv__zoom-controls');\n\t\t\t\t\t\tvar zoomOutButton = zoomControls ? zoomControls.querySelector('[data-map-zoom-out]') : null;\n\t\t\t\t\t\tvar zoomResetButton = zoomControls ? zoomControls.querySelector('[data-map-zoom-reset]') : null;\n\t\t\t\t\t\tvar zoomInButton = zoomControls ? zoomControls.querySelector('[data-map-zoom-in]') : null;\n\t\t\t\t\t\tvar activeHotspots = [];\n\t\t\t\t\t\tvar activePopupEntries = [];\n\t\t\t\t\t\tvar tapInteractionQuery = window.matchMedia\n\t\t\t\t\t\t\t? window.matchMedia('(hover: none), (pointer: coarse)')\n\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\t\tif (!tabs.length || !map || !mapCanvas || !image || !placeholder) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ttabs.forEach(function (tab) {\n\t\t\t\t\t\t\tvar url = tab.dataset.map;\n\t\t\t\t\t\t\tif (url) {\n\t\t\t\t\t\t\t\tvar preload = new Image();\n\t\t\t\t\t\t\t\tpreload.src = url;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tfunction restartAnimation(element, className) {\n\t\t\t\t\t\t\tif (!element) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\telement.classList.remove(className);\n\t\t\t\t\t\t\tvoid element.offsetWidth;\n\t\t\t\t\t\t\telement.classList.add(className);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction animateMapPopup(popup) {\n\t\t\t\t\t\t\tvar animationToken = parseInt(popup.dataset.animationToken || '0', 10) + 1;\n\t\t\t\t\t\t\tpopup.dataset.animationToken = String(animationToken);\n\t\t\t\t\t\t\tpopup.classList.remove('is-animating');\n\t\t\t\t\t\t\tpopup.classList.add('is-animation-pending');\n\n\t\t\t\t\t\t\t\/\/ Wait until the popup has been displayed and positioned before\n\t\t\t\t\t\t\t\/\/ beginning the border draw. This avoids touch-focus timing races.\n\t\t\t\t\t\t\twindow.requestAnimationFrame(function () {\n\t\t\t\t\t\t\t\twindow.requestAnimationFrame(function () {\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tpopup.dataset.animationToken !== String(animationToken) ||\n\t\t\t\t\t\t\t\t\t\tpopup.hidden\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tpopup.classList.remove('is-animation-pending');\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tpopup.classList.remove('is-animation-pending');\n\t\t\t\t\t\t\t\t\tvoid popup.offsetWidth;\n\t\t\t\t\t\t\t\t\tpopup.classList.add('is-animating');\n\n\t\t\t\t\t\t\t\t\t\/\/ Guarantee complete borders if a mobile browser interrupts\n\t\t\t\t\t\t\t\t\t\/\/ the clip-path animation while compositing the map.\n\t\t\t\t\t\t\t\t\twindow.setTimeout(function () {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tpopup.dataset.animationToken === String(animationToken) &&\n\t\t\t\t\t\t\t\t\t\t\t!popup.hidden\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tpopup.classList.remove('is-animating');\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}, 900);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction animateMapCanvas() {\n\t\t\t\t\t\t\tif (!mapCanvas.hidden) {\n\t\t\t\t\t\t\t\trestartAnimation(mapCanvas, 'is-entering');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (image.complete) {\n\t\t\t\t\t\t\twindow.requestAnimationFrame(animateMapCanvas);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\timage.addEventListener('load', animateMapCanvas, { once: true });\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar infoPanelObserver = null;\n\n\t\t\t\t\t\tfunction isPanelInView(panel) {\n\t\t\t\t\t\t\tvar rect = panel.getBoundingClientRect();\n\t\t\t\t\t\t\tvar viewportHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\treturn rect.top < viewportHeight * 0.92 && rect.bottom > viewportHeight * 0.08;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction queueInfoPanelAnimation(panel) {\n\t\t\t\t\t\t\tpanel.classList.remove('is-entering');\n\n\t\t\t\t\t\t\tif (isPanelInView(panel)) {\n\t\t\t\t\t\t\t\tdelete panel.dataset.animationPending;\n\t\t\t\t\t\t\t\trestartAnimation(panel, 'is-entering');\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tpanel.dataset.animationPending = '1';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (typeof IntersectionObserver !== 'undefined') {\n\t\t\t\t\t\t\tinfoPanelObserver = new IntersectionObserver(function (entries) {\n\t\t\t\t\t\t\t\tentries.forEach(function (entry) {\n\t\t\t\t\t\t\t\t\tvar panel = entry.target;\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tentry.isIntersecting &&\n\t\t\t\t\t\t\t\t\t\t!panel.hidden &&\n\t\t\t\t\t\t\t\t\t\tpanel.dataset.animationPending === '1'\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tdelete panel.dataset.animationPending;\n\t\t\t\t\t\t\t\t\t\trestartAnimation(panel, 'is-entering');\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\tthreshold: 0.08\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tinfoPanels.forEach(function (panel) {\n\t\t\t\t\t\t\t\tinfoPanelObserver.observe(panel);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tvar revealPendingInfoPanels = function () {\n\t\t\t\t\t\t\t\tinfoPanels.forEach(function (panel) {\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t!panel.hidden &&\n\t\t\t\t\t\t\t\t\t\tpanel.dataset.animationPending === '1' &&\n\t\t\t\t\t\t\t\t\t\tisPanelInView(panel)\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tdelete panel.dataset.animationPending;\n\t\t\t\t\t\t\t\t\t\trestartAnimation(panel, 'is-entering');\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', revealPendingInfoPanels, { passive: true });\n\t\t\t\t\t\t\twindow.addEventListener('resize', revealPendingInfoPanels);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tinfoPanels.forEach(function (panel) {\n\t\t\t\t\t\t\tif (!panel.hidden) {\n\t\t\t\t\t\t\t\tqueueInfoPanelAnimation(panel);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tfunction hideMapPopups() {\n\t\t\t\t\t\t\tactiveHotspots = [];\n\t\t\t\t\t\t\tactivePopupEntries = [];\n\t\t\t\t\t\t\tinfoHotspotButtons.forEach(function (hotspot) {\n\t\t\t\t\t\t\t\thotspot.setAttribute('aria-expanded', 'false');\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tmapPopups.forEach(function (popup) {\n\t\t\t\t\t\t\t\tpopup.hidden = true;\n\t\t\t\t\t\t\t\tpopup.classList.remove('is-animation-pending', 'is-animating');\n\t\t\t\t\t\t\t\tpopup.removeAttribute('data-placement');\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction getInfoBoxes(hotspot) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tvar boxes = JSON.parse(hotspot.dataset.infoBoxes || '[]');\n\t\t\t\t\t\t\t\treturn Array.isArray(boxes) ? boxes.slice(0, 3) : [];\n\t\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\t\treturn [];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction positionMapPopup(mapPopup, hotspot, placement) {\n\t\t\t\t\t\t\tif (!mapPopup || mapPopup.hidden || !hotspot) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tvar mapPopupTitle = mapPopup.querySelector('.klcc-pyv__map-popup-title');\n\t\t\t\t\t\t\tvar canvasRect = mapCanvas.getBoundingClientRect();\n\t\t\t\t\t\t\tvar hotspotRect = hotspot.getBoundingClientRect();\n\t\t\t\t\t\t\tvar gap = 12;\n\t\t\t\t\t\t\tvar edge = 24;\n\t\t\t\t\t\t\tplacement = placement || 'right';\n\t\t\t\t\t\t\tvar popupStyles = window.getComputedStyle(mapPopup);\n\t\t\t\t\t\t\tvar horizontalPadding =\n\t\t\t\t\t\t\t\tparseFloat(popupStyles.paddingLeft || '0') +\n\t\t\t\t\t\t\t\tparseFloat(popupStyles.paddingRight || '0');\n\t\t\t\t\t\t\tvar titleWidth = 0;\n\t\t\t\t\t\t\tif (mapPopupTitle && !mapPopupTitle.hidden && mapPopupTitle.textContent) {\n\t\t\t\t\t\t\t\tvar titleRange = document.createRange();\n\t\t\t\t\t\t\t\ttitleRange.selectNodeContents(mapPopupTitle);\n\t\t\t\t\t\t\t\ttitleWidth = titleRange.getBoundingClientRect().width;\n\t\t\t\t\t\t\t\ttitleRange.detach();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar contentWidth = titleWidth > 0 ? titleWidth : 220;\n\t\t\t\t\t\t\tvar maximumWidth = Math.max(140, canvasRect.width - (edge * 2));\n\t\t\t\t\t\t\tvar minimumWidth = Math.min(300, maximumWidth);\n\t\t\t\t\t\t\tvar popupWidth = Math.min(\n\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\tminimumWidth,\n\t\t\t\t\t\t\t\t\tMath.ceil(contentWidth + horizontalPadding + 2)\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tmaximumWidth\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tmapPopup.style.width = popupWidth + 'px';\n\n\t\t\t\t\t\t\tvar popupRect = mapPopup.getBoundingClientRect();\n\t\t\t\t\t\t\tvar hotspotLeft = hotspotRect.left - canvasRect.left;\n\t\t\t\t\t\t\tvar hotspotTop = hotspotRect.top - canvasRect.top;\n\t\t\t\t\t\t\tvar left;\n\t\t\t\t\t\t\tvar top;\n\n\t\t\t\t\t\t\tif (placement === 'top-left') {\n\t\t\t\t\t\t\t\tleft = hotspotLeft - popupRect.width - gap;\n\t\t\t\t\t\t\t\ttop = hotspotTop - popupRect.height - gap;\n\t\t\t\t\t\t\t} else if (placement === 'top') {\n\t\t\t\t\t\t\t\tleft = hotspotLeft + (hotspotRect.width \/ 2) - (popupRect.width \/ 2);\n\t\t\t\t\t\t\t\ttop = hotspotTop - popupRect.height - gap;\n\t\t\t\t\t\t\t} else if (placement === 'top-right') {\n\t\t\t\t\t\t\t\tleft = hotspotRect.right - canvasRect.left + gap;\n\t\t\t\t\t\t\t\ttop = hotspotTop - popupRect.height - gap;\n\t\t\t\t\t\t\t} else if (placement === 'bottom-left') {\n\t\t\t\t\t\t\t\tleft = hotspotLeft - popupRect.width - gap;\n\t\t\t\t\t\t\t\ttop = hotspotRect.bottom - canvasRect.top + gap;\n\t\t\t\t\t\t\t} else if (placement === 'bottom') {\n\t\t\t\t\t\t\t\tleft = hotspotLeft + (hotspotRect.width \/ 2) - (popupRect.width \/ 2);\n\t\t\t\t\t\t\t\ttop = hotspotRect.bottom - canvasRect.top + gap;\n\t\t\t\t\t\t\t} else if (placement === 'bottom-right') {\n\t\t\t\t\t\t\t\tleft = hotspotRect.right - canvasRect.left + gap;\n\t\t\t\t\t\t\t\ttop = hotspotRect.bottom - canvasRect.top + gap;\n\t\t\t\t\t\t\t} else if (placement === 'left') {\n\t\t\t\t\t\t\t\tleft = hotspotLeft - popupRect.width - gap;\n\t\t\t\t\t\t\t\ttop = hotspotTop + (hotspotRect.height \/ 2) - (popupRect.height \/ 2);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tleft = hotspotRect.right - canvasRect.left + gap;\n\t\t\t\t\t\t\t\ttop = hotspotTop + (hotspotRect.height \/ 2) - (popupRect.height \/ 2);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tleft = Math.max(edge, Math.min(left, canvasRect.width - popupRect.width - edge));\n\t\t\t\t\t\t\ttop = Math.max(edge, Math.min(top, canvasRect.height - popupRect.height - edge));\n\n\t\t\t\t\t\t\tmapPopup.dataset.placement = placement;\n\t\t\t\t\t\t\tmapPopup.style.left = Math.round(left) + 'px';\n\t\t\t\t\t\t\tmapPopup.style.top = Math.round(top) + 'px';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction positionActiveMapPopups() {\n\t\t\t\t\t\t\tif (!activePopupEntries.length) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tmapPopups.forEach(function (popup, index) {\n\t\t\t\t\t\t\t\tvar entry = activePopupEntries[index];\n\t\t\t\t\t\t\t\tif (!popup.hidden && entry) {\n\t\t\t\t\t\t\t\t\tpositionMapPopup(popup, entry.hotspot, entry.box.placement);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction haveSameHotspots(hotspots) {\n\t\t\t\t\t\t\treturn hotspots.length === activeHotspots.length && hotspots.every(function (hotspot, index) {\n\t\t\t\t\t\t\t\treturn hotspot === activeHotspots[index];\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction showMapPopups(hotspots) {\n\t\t\t\t\t\t\tif (!mapPopups.length) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\thotspots = hotspots || [];\n\n\t\t\t\t\t\t\tif (haveSameHotspots(hotspots)) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tvar entries = [];\n\t\t\t\t\t\t\thotspots.forEach(function (hotspot) {\n\t\t\t\t\t\t\t\tgetInfoBoxes(hotspot).forEach(function (box) {\n\t\t\t\t\t\t\t\t\tif (entries.length < mapPopups.length) {\n\t\t\t\t\t\t\t\t\t\tentries.push({\n\t\t\t\t\t\t\t\t\t\t\thotspot: hotspot,\n\t\t\t\t\t\t\t\t\t\t\tbox: box\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (!entries.length) {\n\t\t\t\t\t\t\t\thideMapPopups();\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tvar previousEntries = activePopupEntries.slice();\n\t\t\t\t\t\t\tactiveHotspots = hotspots.slice();\n\t\t\t\t\t\t\tactivePopupEntries = entries;\n\t\t\t\t\t\t\tinfoHotspotButtons.forEach(function (hotspot) {\n\t\t\t\t\t\t\t\thotspot.setAttribute(\n\t\t\t\t\t\t\t\t\t'aria-expanded',\n\t\t\t\t\t\t\t\t\thotspots.indexOf(hotspot) !== -1 ? 'true' : 'false'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tmapPopups.forEach(function (popup, index) {\n\t\t\t\t\t\t\t\tvar entry = entries[index];\n\t\t\t\t\t\t\t\tvar previousEntry = previousEntries[index];\n\t\t\t\t\t\t\t\tvar box = entry ? entry.box : null;\n\t\t\t\t\t\t\t\tvar title = box && typeof box.title === 'string' ? box.title : '';\n\t\t\t\t\t\t\t\tvar description = box && typeof box.description === 'string' ? box.description : '';\n\t\t\t\t\t\t\t\tvar mapPopupTitle = popup.querySelector('.klcc-pyv__map-popup-title');\n\t\t\t\t\t\t\t\tvar mapPopupDescription = popup.querySelector('.klcc-pyv__map-popup-description');\n\n\t\t\t\t\t\t\t\tif (!box || (!title && !description) || !mapPopupTitle || !mapPopupDescription) {\n\t\t\t\t\t\t\t\t\tpopup.hidden = true;\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tmapPopupTitle.textContent = title;\n\t\t\t\t\t\t\t\tmapPopupTitle.hidden = !title;\n\t\t\t\t\t\t\t\tmapPopupDescription.textContent = description;\n\t\t\t\t\t\t\t\tmapPopupDescription.hidden = !description;\n\t\t\t\t\t\t\t\tpopup.hidden = false;\n\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t!previousEntry ||\n\t\t\t\t\t\t\t\t\tpreviousEntry.hotspot !== entry.hotspot ||\n\t\t\t\t\t\t\t\t\tpreviousEntry.box.title !== box.title ||\n\t\t\t\t\t\t\t\t\tpreviousEntry.box.description !== box.description ||\n\t\t\t\t\t\t\t\t\tpreviousEntry.box.placement !== box.placement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tanimateMapPopup(popup);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\twindow.requestAnimationFrame(function () {\n\t\t\t\t\t\t\t\tpositionActiveMapPopups();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction showMapPopup(hotspot) {\n\t\t\t\t\t\t\tshowMapPopups(hotspot ? [hotspot] : []);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction usesTapInteraction() {\n\t\t\t\t\t\t\treturn !!(tapInteractionQuery && tapInteractionQuery.matches);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar mapZoom = {\n\t\t\t\t\t\t\tscale: 1,\n\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\ty: 0\n\t\t\t\t\t\t};\n\t\t\t\t\t\tvar activeMapPointers = new Map();\n\t\t\t\t\t\tvar pinchState = null;\n\t\t\t\t\t\tvar panLastPoint = null;\n\t\t\t\t\t\tvar suppressMapClickUntil = 0;\n\n\t\t\t\t\t\tfunction updateZoomControls() {\n\t\t\t\t\t\t\tif (!zoomControls) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tzoomOutButton.disabled = mapZoom.scale <= 1;\n\t\t\t\t\t\t\tzoomResetButton.disabled = mapZoom.scale <= 1;\n\t\t\t\t\t\t\tzoomInButton.disabled = mapZoom.scale >= 3;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction clampMapPan() {\n\t\t\t\t\t\t\tvar baseWidth = image.offsetWidth;\n\t\t\t\t\t\t\tvar baseHeight = image.offsetHeight;\n\t\t\t\t\t\t\tvar viewportWidth = map.clientWidth;\n\t\t\t\t\t\t\tvar viewportHeight = map.clientHeight;\n\t\t\t\t\t\t\tvar minimumX = Math.min(0, viewportWidth - (baseWidth * mapZoom.scale));\n\t\t\t\t\t\t\tvar minimumY = Math.min(0, viewportHeight - (baseHeight * mapZoom.scale));\n\n\t\t\t\t\t\t\tmapZoom.x = Math.max(minimumX, Math.min(0, mapZoom.x));\n\t\t\t\t\t\t\tmapZoom.y = Math.max(minimumY, Math.min(0, mapZoom.y));\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction applyMapTransform() {\n\t\t\t\t\t\t\tclampMapPan();\n\t\t\t\t\t\t\tvar transform =\n\t\t\t\t\t\t\t\t'translate3d(' + mapZoom.x + 'px, ' + mapZoom.y + 'px, 0) ' +\n\t\t\t\t\t\t\t\t'scale(' + mapZoom.scale + ')';\n\n\t\t\t\t\t\t\t[image, hotspotLayer, infoHotspotLayer].forEach(function (target) {\n\t\t\t\t\t\t\t\tif (target) {\n\t\t\t\t\t\t\t\t\ttarget.style.transform = transform;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tmapCanvas.style.touchAction = mapZoom.scale > 1 ? 'none' : 'pan-y';\n\t\t\t\t\t\t\tupdateZoomControls();\n\t\t\t\t\t\t\tpositionActiveMapPopups();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction setMapZoom(nextScale, focalX, focalY) {\n\t\t\t\t\t\t\tvar previousScale = mapZoom.scale;\n\t\t\t\t\t\t\tnextScale = Math.max(1, Math.min(3, nextScale));\n\n\t\t\t\t\t\t\tif (nextScale === previousScale) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tvar contentX = (focalX - mapZoom.x) \/ previousScale;\n\t\t\t\t\t\t\tvar contentY = (focalY - mapZoom.y) \/ previousScale;\n\t\t\t\t\t\t\tmapZoom.scale = nextScale;\n\t\t\t\t\t\t\tmapZoom.x = focalX - (contentX * nextScale);\n\t\t\t\t\t\t\tmapZoom.y = focalY - (contentY * nextScale);\n\t\t\t\t\t\t\tapplyMapTransform();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction resetMapView() {\n\t\t\t\t\t\t\tvar defaultScale = usesTapInteraction() ? 1.15 : 1;\n\t\t\t\t\t\t\tmapZoom.scale = defaultScale;\n\t\t\t\t\t\t\tmapZoom.x = Math.min(0, (map.clientWidth - (image.offsetWidth * defaultScale)) \/ 2);\n\t\t\t\t\t\t\tmapZoom.y = Math.min(0, (map.clientHeight - (image.offsetHeight * defaultScale)) \/ 2);\n\t\t\t\t\t\t\tactiveMapPointers.clear();\n\t\t\t\t\t\t\tpinchState = null;\n\t\t\t\t\t\t\tpanLastPoint = null;\n\t\t\t\t\t\t\tapplyMapTransform();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction zoomFromMapCentre(amount) {\n\t\t\t\t\t\t\tsetMapZoom(\n\t\t\t\t\t\t\t\tmapZoom.scale + amount,\n\t\t\t\t\t\t\t\tmapCanvas.clientWidth \/ 2,\n\t\t\t\t\t\t\t\tmapCanvas.clientHeight \/ 2\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (zoomOutButton && zoomResetButton && zoomInButton) {\n\t\t\t\t\t\t\tzoomOutButton.addEventListener('click', function () {\n\t\t\t\t\t\t\t\tzoomFromMapCentre(-0.5);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tzoomResetButton.addEventListener('click', resetMapView);\n\t\t\t\t\t\t\tzoomInButton.addEventListener('click', function () {\n\t\t\t\t\t\t\t\tzoomFromMapCentre(0.5);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tresetMapView();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tmapCanvas.addEventListener('pointerdown', function (event) {\n\t\t\t\t\t\t\tif (!usesTapInteraction() || event.pointerType === 'mouse') {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tactiveMapPointers.set(event.pointerId, {\n\t\t\t\t\t\t\t\tx: event.clientX,\n\t\t\t\t\t\t\t\ty: event.clientY\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (activeMapPointers.size === 1) {\n\t\t\t\t\t\t\t\tpanLastPoint = {\n\t\t\t\t\t\t\t\t\tx: event.clientX,\n\t\t\t\t\t\t\t\t\ty: event.clientY\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t} else if (activeMapPointers.size === 2) {\n\t\t\t\t\t\t\t\tvar pinchPoints = Array.from(activeMapPointers.values());\n\t\t\t\t\t\t\t\tvar pinchDx = pinchPoints[1].x - pinchPoints[0].x;\n\t\t\t\t\t\t\t\tvar pinchDy = pinchPoints[1].y - pinchPoints[0].y;\n\t\t\t\t\t\t\t\tvar canvasRect = mapCanvas.getBoundingClientRect();\n\t\t\t\t\t\t\t\tvar pinchCentreX = ((pinchPoints[0].x + pinchPoints[1].x) \/ 2) - canvasRect.left;\n\t\t\t\t\t\t\t\tvar pinchCentreY = ((pinchPoints[0].y + pinchPoints[1].y) \/ 2) - canvasRect.top;\n\n\t\t\t\t\t\t\t\tpinchState = {\n\t\t\t\t\t\t\t\t\tdistance: Math.max(1, Math.hypot(pinchDx, pinchDy)),\n\t\t\t\t\t\t\t\t\tscale: mapZoom.scale,\n\t\t\t\t\t\t\t\t\tcontentX: (pinchCentreX - mapZoom.x) \/ mapZoom.scale,\n\t\t\t\t\t\t\t\t\tcontentY: (pinchCentreY - mapZoom.y) \/ mapZoom.scale\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tsuppressMapClickUntil = Date.now() + 350;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tmapCanvas.addEventListener('pointermove', function (event) {\n\t\t\t\t\t\t\tif (!activeMapPointers.has(event.pointerId)) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tactiveMapPointers.set(event.pointerId, {\n\t\t\t\t\t\t\t\tx: event.clientX,\n\t\t\t\t\t\t\t\ty: event.clientY\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (activeMapPointers.size >= 2 && pinchState) {\n\t\t\t\t\t\t\t\tvar points = Array.from(activeMapPointers.values()).slice(0, 2);\n\t\t\t\t\t\t\t\tvar dx = points[1].x - points[0].x;\n\t\t\t\t\t\t\t\tvar dy = points[1].y - points[0].y;\n\t\t\t\t\t\t\t\tvar rect = mapCanvas.getBoundingClientRect();\n\t\t\t\t\t\t\t\tvar centreX = ((points[0].x + points[1].x) \/ 2) - rect.left;\n\t\t\t\t\t\t\t\tvar centreY = ((points[0].y + points[1].y) \/ 2) - rect.top;\n\t\t\t\t\t\t\t\tvar nextScale = Math.max(\n\t\t\t\t\t\t\t\t\t1,\n\t\t\t\t\t\t\t\t\tMath.min(3, pinchState.scale * (Math.hypot(dx, dy) \/ pinchState.distance))\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tmapZoom.scale = nextScale;\n\t\t\t\t\t\t\t\tmapZoom.x = centreX - (pinchState.contentX * nextScale);\n\t\t\t\t\t\t\t\tmapZoom.y = centreY - (pinchState.contentY * nextScale);\n\t\t\t\t\t\t\t\tsuppressMapClickUntil = Date.now() + 350;\n\t\t\t\t\t\t\t\tapplyMapTransform();\n\t\t\t\t\t\t\t} else if (activeMapPointers.size === 1 && panLastPoint) {\n\t\t\t\t\t\t\t\tvar movementX = event.clientX - panLastPoint.x;\n\t\t\t\t\t\t\t\tvar movementY = event.clientY - panLastPoint.y;\n\n\t\t\t\t\t\t\t\tif (Math.abs(movementX) + Math.abs(movementY) > 1) {\n\t\t\t\t\t\t\t\t\tmapZoom.x += movementX;\n\t\t\t\t\t\t\t\t\tmapZoom.y += movementY;\n\t\t\t\t\t\t\t\t\tsuppressMapClickUntil = Date.now() + 350;\n\t\t\t\t\t\t\t\t\tapplyMapTransform();\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tpanLastPoint = {\n\t\t\t\t\t\t\t\t\tx: event.clientX,\n\t\t\t\t\t\t\t\t\ty: event.clientY\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tfunction finishMapPointer(event) {\n\t\t\t\t\t\t\tactiveMapPointers.delete(event.pointerId);\n\t\t\t\t\t\t\tpinchState = null;\n\n\t\t\t\t\t\t\tif (activeMapPointers.size === 1) {\n\t\t\t\t\t\t\t\tvar remainingPoint = Array.from(activeMapPointers.values())[0];\n\t\t\t\t\t\t\t\tpanLastPoint = {\n\t\t\t\t\t\t\t\t\tx: remainingPoint.x,\n\t\t\t\t\t\t\t\t\ty: remainingPoint.y\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tpanLastPoint = null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tmapCanvas.addEventListener('pointerup', finishMapPointer);\n\t\t\t\t\t\tmapCanvas.addEventListener('pointercancel', finishMapPointer);\n\t\t\t\t\t\tmapCanvas.addEventListener('click', function (event) {\n\t\t\t\t\t\t\tif (Date.now() < suppressMapClickUntil) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopImmediatePropagation();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, true);\n\t\t\t\t\t\twindow.addEventListener('resize', applyMapTransform);\n\n\t\t\t\t\t\tfunction hotspotsAtPoint(clientX, clientY) {\n\t\t\t\t\t\t\treturn infoHotspotButtons.filter(function (hotspot) {\n\t\t\t\t\t\t\t\tif (hotspot.hidden) {\n\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tvar rect = hotspot.getBoundingClientRect();\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\tclientX >= rect.left &&\n\t\t\t\t\t\t\t\t\tclientX <= rect.right &&\n\t\t\t\t\t\t\t\t\tclientY >= rect.top &&\n\t\t\t\t\t\t\t\t\tclientY <= rect.bottom\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}).sort(function (first, second) {\n\t\t\t\t\t\t\t\tvar firstRect = first.getBoundingClientRect();\n\t\t\t\t\t\t\t\tvar secondRect = second.getBoundingClientRect();\n\n\t\t\t\t\t\t\t\t\/\/ The broad parent region is shown first. Smaller overlapping\n\t\t\t\t\t\t\t\t\/\/ hotspots are rendered later and therefore receive visual priority.\n\t\t\t\t\t\t\t\treturn (secondRect.width * secondRect.height) - (firstRect.width * firstRect.height);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction activate(tab, moveFocus) {\n\t\t\t\t\t\t\tvar url = tab.dataset.map || '';\n\t\t\t\t\t\t\tvar slug = tab.dataset.tab || 'all';\n\n\t\t\t\t\t\t\thideMapPopups();\n\t\t\t\t\t\t\tresetMapView();\n\n\t\t\t\t\t\t\ttabs.forEach(function (item) {\n\t\t\t\t\t\t\t\tvar isActive = item === tab;\n\t\t\t\t\t\t\t\titem.classList.toggle('is-active', isActive);\n\t\t\t\t\t\t\t\titem.setAttribute('aria-selected', isActive ? 'true' : 'false');\n\t\t\t\t\t\t\t\titem.tabIndex = isActive ? 0 : -1;\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\troot.dataset.activeTab = slug;\n\t\t\t\t\t\t\tmap.setAttribute('aria-labelledby', tab.id);\n\n\t\t\t\t\t\t\tinfoPanels.forEach(function (panel) {\n\t\t\t\t\t\t\t\tvar isActivePanel = panel.dataset.infoFor === slug;\n\t\t\t\t\t\t\t\tpanel.hidden = !isActivePanel;\n\n\t\t\t\t\t\t\t\tif (isActivePanel) {\n\t\t\t\t\t\t\t\t\tqueueInfoPanelAnimation(panel);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tpanel.classList.remove('is-entering');\n\t\t\t\t\t\t\t\t\tdelete panel.dataset.animationPending;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (hotspotLayer) {\n\t\t\t\t\t\t\t\thotspotLayer.hidden = slug !== 'all' || !url;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tvar hasActiveInfoHotspot = false;\n\t\t\t\t\t\t\tinfoHotspotButtons.forEach(function (hotspot) {\n\t\t\t\t\t\t\t\tvar isForActiveTab = hotspot.dataset.infoHotspotFor === slug;\n\t\t\t\t\t\t\t\thotspot.hidden = !isForActiveTab;\n\t\t\t\t\t\t\t\thasActiveInfoHotspot = hasActiveInfoHotspot || isForActiveTab;\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (infoHotspotLayer) {\n\t\t\t\t\t\t\t\tinfoHotspotLayer.hidden = slug === 'all' || !url || !hasActiveInfoHotspot;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (zoomControls) {\n\t\t\t\t\t\t\t\tzoomControls.hidden = !url;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (moveFocus) {\n\t\t\t\t\t\t\t\ttab.focus();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!url) {\n\t\t\t\t\t\t\t\tmapCanvas.hidden = true;\n\t\t\t\t\t\t\t\timage.hidden = true;\n\t\t\t\t\t\t\t\tplaceholder.hidden = false;\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tplaceholder.hidden = true;\n\t\t\t\t\t\t\tmapCanvas.hidden = false;\n\t\t\t\t\t\t\timage.hidden = false;\n\n\t\t\t\t\t\t\tif (image.src === url) {\n\t\t\t\t\t\t\t\timage.alt = tab.dataset.mapAlt || '';\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\timage.classList.add('is-changing');\n\n\t\t\t\t\t\t\tvar nextImage = new Image();\n\t\t\t\t\t\t\tnextImage.onload = function () {\n\t\t\t\t\t\t\t\timage.src = url;\n\t\t\t\t\t\t\t\timage.alt = tab.dataset.mapAlt || '';\n\t\t\t\t\t\t\t\tmapCanvas.hidden = false;\n\t\t\t\t\t\t\t\twindow.requestAnimationFrame(function () {\n\t\t\t\t\t\t\t\t\timage.classList.remove('is-changing');\n\t\t\t\t\t\t\t\t\trestartAnimation(mapCanvas, 'is-entering');\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tnextImage.onerror = function () {\n\t\t\t\t\t\t\t\tmapCanvas.hidden = true;\n\t\t\t\t\t\t\t\timage.hidden = true;\n\t\t\t\t\t\t\t\tplaceholder.hidden = false;\n\t\t\t\t\t\t\t\timage.classList.remove('is-changing');\n\t\t\t\t\t\t\t\tif (hotspotLayer) {\n\t\t\t\t\t\t\t\t\thotspotLayer.hidden = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (infoHotspotLayer) {\n\t\t\t\t\t\t\t\t\tinfoHotspotLayer.hidden = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (zoomControls) {\n\t\t\t\t\t\t\t\t\tzoomControls.hidden = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tnextImage.src = url;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\thotspotButtons.forEach(function (hotspot) {\n\t\t\t\t\t\t\thotspot.addEventListener('click', function () {\n\t\t\t\t\t\t\t\tvar targetSlug = hotspot.dataset.hotspotTarget;\n\t\t\t\t\t\t\t\tvar targetTab = tabs.find(function (tab) {\n\t\t\t\t\t\t\t\t\treturn tab.dataset.tab === targetSlug;\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\tif (targetTab) {\n\t\t\t\t\t\t\t\t\tactivate(targetTab, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tinfoHotspotButtons.forEach(function (hotspot) {\n\t\t\t\t\t\t\thotspot.addEventListener('focus', function () {\n\t\t\t\t\t\t\t\tif (!usesTapInteraction()) {\n\t\t\t\t\t\t\t\t\tshowMapPopup(hotspot);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\thotspot.addEventListener('blur', hideMapPopups);\n\n\t\t\t\t\t\t\thotspot.addEventListener('click', function (event) {\n\t\t\t\t\t\t\t\tif (!usesTapInteraction()) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\t\t\tvar tappedHotspots = hotspotsAtPoint(event.clientX, event.clientY);\n\t\t\t\t\t\t\t\tvar selectedHotspot = tappedHotspots.length\n\t\t\t\t\t\t\t\t\t? tappedHotspots[tappedHotspots.length - 1]\n\t\t\t\t\t\t\t\t\t: hotspot;\n\n\t\t\t\t\t\t\t\t\/\/ Touch screens show only the most specific (smallest)\n\t\t\t\t\t\t\t\t\/\/ region beneath the tap. Desktop hover remains cumulative.\n\t\t\t\t\t\t\t\tshowMapPopups([selectedHotspot]);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (infoHotspotLayer) {\n\t\t\t\t\t\t\tinfoHotspotLayer.addEventListener('pointermove', function (event) {\n\t\t\t\t\t\t\t\tif (usesTapInteraction() || event.pointerType === 'touch') {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tshowMapPopups(hotspotsAtPoint(event.clientX, event.clientY));\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tinfoHotspotLayer.addEventListener('pointerleave', function () {\n\t\t\t\t\t\t\t\tif (!usesTapInteraction() && !infoHotspotLayer.contains(document.activeElement)) {\n\t\t\t\t\t\t\t\t\thideMapPopups();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tmapCanvas.addEventListener('click', function (event) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tusesTapInteraction() &&\n\t\t\t\t\t\t\t\t!event.target.closest('[data-info-hotspot-for]')\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\thideMapPopups();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (typeof ResizeObserver !== 'undefined') {\n\t\t\t\t\t\t\tvar popupResizeObserver = new ResizeObserver(function () {\n\t\t\t\t\t\t\t\tpositionActiveMapPopups();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tpopupResizeObserver.observe(mapCanvas);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\twindow.addEventListener('resize', function () {\n\t\t\t\t\t\t\t\tpositionActiveMapPopups();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ttabs.forEach(function (tab, index) {\n\t\t\t\t\t\t\ttab.addEventListener('click', function () {\n\t\t\t\t\t\t\t\tactivate(tab, false);\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\ttab.addEventListener('keydown', function (event) {\n\t\t\t\t\t\t\t\tvar nextIndex = index;\n\n\t\t\t\t\t\t\t\tif (event.key === 'ArrowRight') {\n\t\t\t\t\t\t\t\t\tnextIndex = (index + 1) % tabs.length;\n\t\t\t\t\t\t\t\t} else if (event.key === 'ArrowLeft') {\n\t\t\t\t\t\t\t\t\tnextIndex = (index - 1 + tabs.length) % tabs.length;\n\t\t\t\t\t\t\t\t} else if (event.key === 'Home') {\n\t\t\t\t\t\t\t\t\tnextIndex = 0;\n\t\t\t\t\t\t\t\t} else if (event.key === 'End') {\n\t\t\t\t\t\t\t\t\tnextIndex = tabs.length - 1;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tactivate(tabs[nextIndex], true);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tfunction initAll() {\n\t\t\t\t\t\tdocument.querySelectorAll('[data-klcc-pyv]').forEach(initMap);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (document.readyState === 'loading') {\n\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initAll);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tinitAll();\n\t\t\t\t\t}\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t\t\t\t\t<section\n\t\t\t\tid=\"klcc-pyv-1\"\n\t\t\t\tclass=\"klcc-pyv\"\n\t\t\t\tdata-klcc-pyv\n\t\t\t\tdata-active-tab=\"all\"\n\t\t\t>\n\t\t\t\t<nav class=\"klcc-pyv__tabs\" role=\"tablist\" aria-label=\"Plan your visit areas\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab is-active\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-all\"\n\t\t\t\t\t\t\taria-selected=\"true\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tdata-tab=\"all\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/KTP-Map-Only-01-1-e1784867487444.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"All Areas map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/all-areas-icon-blue.svg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/all-areas-icon-white.svg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">All Areas<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-twin\"\n\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\tdata-tab=\"twin\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Image-11-e1784877673434.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"Iconic Sights map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-3.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active klcc-pyv__tab-icon-img--active-filtered\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-3.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">Iconic Sights<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-suria\"\n\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\tdata-tab=\"suria\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Image-22-1-1-e1785122991623.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"Shopping map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-2.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active klcc-pyv__tab-icon-img--active-filtered\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-2.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">Shopping<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-hotels\"\n\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\tdata-tab=\"hotels\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Image-33-e1784877827711.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"Exclusive Stays map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-4-1.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active klcc-pyv__tab-icon-img--active-filtered\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-4-1.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">Exclusive Stays<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-convention\"\n\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\tdata-tab=\"convention\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Image-44-e1784877845117.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"Exhibitions &amp; Events map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Vector-3.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active klcc-pyv__tab-icon-img--active-filtered\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Vector-3.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">Exhibitions &amp; Events<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-park\"\n\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\tdata-tab=\"park\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Image-55-e1784877904971.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"Park &amp; Leisure map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-1.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active klcc-pyv__tab-icon-img--active-filtered\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Group-1.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">Park &amp; Leisure<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"klcc-pyv__tab\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\tid=\"klcc-pyv-1-tab-attractions\"\n\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\taria-controls=\"klcc-pyv-1-map\"\n\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\tdata-tab=\"attractions\"\n\t\t\t\t\t\t\tdata-map=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Image-66-e1784877922778.png\"\n\t\t\t\t\t\t\tdata-map-alt=\"Exploration map\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--default\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Vector-4.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"><img class=\"klcc-pyv__tab-icon-img klcc-pyv__tab-icon-img--active klcc-pyv__tab-icon-img--active-filtered\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/Vector-4.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"klcc-pyv__tab-label\">Exploration<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<\/nav>\n\n\t\t\t\t<div class=\"klcc-pyv__body\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"klcc-pyv-1-map\"\n\t\t\t\t\t\tclass=\"klcc-pyv__map\"\n\t\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\t\taria-labelledby=\"klcc-pyv-1-tab-all\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"klcc-pyv__map-canvas\" >\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-img\"\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/KTP-Map-Only-01-1-e1784867487444.png\"\n\t\t\t\t\t\t\t\talt=\"All Areas map\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspots\"\n\t\t\t\t\t\t\t\t\taria-label=\"Choose a destination from the map\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 15%; --hotspot-y: 10%; --hotspot-w: 15%; --hotspot-h: 15%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"twin\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Iconic Sights, area 1\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 17%; --hotspot-y: 25%; --hotspot-w: 25%; --hotspot-h: 15%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"suria\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Shopping, area 1\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 80%; --hotspot-y: 30%; --hotspot-w: 15%; --hotspot-h: 25%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"suria\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Shopping, area 2\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 25%; --hotspot-y: 45%; --hotspot-w: 10%; --hotspot-h: 10%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"hotels\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Exclusive Stays, area 1\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 55%; --hotspot-y: 70%; --hotspot-w: 10%; --hotspot-h: 10%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"hotels\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Exclusive Stays, area 2\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 35%; --hotspot-y: 75%; --hotspot-w: 25%; --hotspot-h: 25%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"convention\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Exhibitions &amp; Events, area 1\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 35%; --hotspot-y: 30%; --hotspot-w: 40%; --hotspot-h: 40%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-hotspot-target=\"park\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Open Park &amp; Leisure, area 1\"\n\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__info-hotspots\"\n\t\t\t\t\t\t\t\t\taria-label=\"Map building information\"\n\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 15%; --hotspot-y: 10%; --hotspot-w: 20%; --hotspot-h: 25%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"twin\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;PETRONAS Twin Towers&quot;,&quot;description&quot;:&quot;Step into the world&#039;s tallest twin towers, cross the Level 41 Skybridge and enjoy 360\\u00b0 views from Level 86.&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for PETRONAS Twin Towers\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 17%; --hotspot-y: 17%; --hotspot-w: 27%; --hotspot-h: 25%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"suria\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Suria KLCC&quot;,&quot;description&quot;:&quot;Explore over 340 stores, diverse dining and entertainment at Kuala Lumpur&#039;s iconic experiental shopping destination.&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Suria KLCC\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 80%; --hotspot-y: 26%; --hotspot-w: 15%; --hotspot-h: 27%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"suria\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Ombak KLCC&quot;,&quot;description&quot;:&quot;Wander through a vibrant mix of art, culture, retail and dining, all connected to KLCC Park.&quot;,&quot;placement&quot;:&quot;left&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Ombak KLCC\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 35%; --hotspot-y: 80%; --hotspot-w: 20%; --hotspot-h: 12%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"suria\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Permata Sapura&quot;,&quot;description&quot;:&quot;Discover a lively mix of caf\\u00e9s, restaurants and event spaces, seamlessly integrated into the wider KLCC precinct.&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Permata Sapura\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 25%; --hotspot-y: 45%; --hotspot-w: 10%; --hotspot-h: 20%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"hotels\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Mandarin Oriental&quot;,&quot;description&quot;:&quot;Set between KLCC Park and the PETRONAS Twin Towers, experience a refined city retreat with impressive views, elegant stays and distinctive dining&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Mandarin Oriental\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 55%; --hotspot-y: 70%; --hotspot-w: 10%; --hotspot-h: 20%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"hotels\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Traders Hotel&quot;,&quot;description&quot;:&quot;Position yourself in the heart of Kuala Lumpur, with direct access to outstanding Twin Towers views and evenings at SkyBar&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Traders Hotel\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 35%; --hotspot-y: 60%; --hotspot-w: 30%; --hotspot-h: 30%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"convention\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Kuala Lumpur Convention Centre&quot;,&quot;description&quot;:&quot;Discover Malaysia&#039;s premier purpose-built venue for international conventions, exhibitions and live events in the heart of KLCC.&quot;,&quot;placement&quot;:&quot;top&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Kuala Lumpur Convention Centre\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 34%; --hotspot-y: 35%; --hotspot-w: 50%; --hotspot-h: 38%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"park\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;KLCC Park&quot;,&quot;description&quot;:&quot;Step into a lush 50-acre urban sanctuary for scenic walks, energising jogs and peaceful pauses amid the city.&quot;,&quot;placement&quot;:&quot;top-left&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for KLCC Park\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 52%; --hotspot-y: 47%; --hotspot-w: 15%; --hotspot-h: 12%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"park\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Children&#039;s Playground &amp; Wading Pool&quot;,&quot;description&quot;:&quot;Let younger visitors play, splash and enjoy the outdoors across a two-acre family-friendly space.&quot;,&quot;placement&quot;:&quot;top-right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Children&#039;s Playground &amp; Wading Pool\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 30%; --hotspot-y: 33%; --hotspot-w: 15%; --hotspot-h: 15%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"park\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Lake Symphony Musical Fountains&quot;,&quot;description&quot;:&quot;Catch a captivating display of water, light and music at the Suria KLCC Esplanade.&quot;,&quot;placement&quot;:&quot;bottom-left&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Lake Symphony Musical Fountains\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 20%; --hotspot-y: 20%; --hotspot-w: 10%; --hotspot-h: 10%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"attractions\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Dewan Filharmonik PETRONAS&quot;,&quot;description&quot;:&quot;Experience music that moves you at Malaysia&#039;s first purpose-built concert hall, celebrated for its superior acoustic.&quot;,&quot;placement&quot;:&quot;top&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Dewan Filharmonik PETRONAS\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 30%; --hotspot-y: 20%; --hotspot-w: 10%; --hotspot-h: 10%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"attractions\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Petrosains, The Discovery Centre\\u00ae&quot;,&quot;description&quot;:&quot;Play, explore and experience STEM through hands-on exhibits and interactive discoveries on Level 4 of Suria KLCC&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Petrosains, The Discovery Centre\u00ae\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__hotspot klcc-pyv__info-hotspot\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"--hotspot-x: 37%; --hotspot-y: 80%; --hotspot-w: 10%; --hotspot-h: 10%;\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-hotspot-for=\"attractions\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-info-boxes=\"[{&quot;title&quot;:&quot;Aquaria KLCC&quot;,&quot;description&quot;:&quot;Journey beneath Kuala Lumpur Convention Centre to meet over 5,000 creatures and explore Malaysia&#039;s longest underwater tunnel.&quot;,&quot;placement&quot;:&quot;right&quot;}]\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Show information for Aquaria KLCC\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-describedby=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t\t\t\tid=\"klcc-pyv-1-map-popup-1\"\n\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-popup\"\n\t\t\t\t\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--pink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M47 2 H5 V65 C5 86 13 97 22 97\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--green\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--blue\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M98 67 V97 H31\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"klcc-pyv__map-popup-title\"><\/h4>\n\t\t\t\t\t\t\t\t\t\t<p class=\"klcc-pyv__map-popup-description\"><\/p>\n\t\t\t\t\t\t\t\t\t<\/aside>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t\t\t\tid=\"klcc-pyv-1-map-popup-2\"\n\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-popup\"\n\t\t\t\t\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--pink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M47 2 H5 V65 C5 86 13 97 22 97\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--green\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--blue\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M98 67 V97 H31\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"klcc-pyv__map-popup-title\"><\/h4>\n\t\t\t\t\t\t\t\t\t\t<p class=\"klcc-pyv__map-popup-description\"><\/p>\n\t\t\t\t\t\t\t\t\t<\/aside>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t\t\t\tid=\"klcc-pyv-1-map-popup-3\"\n\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-popup\"\n\t\t\t\t\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--pink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M47 2 H5 V65 C5 86 13 97 22 97\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--green\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--blue\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M98 67 V97 H31\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"klcc-pyv__map-popup-title\"><\/h4>\n\t\t\t\t\t\t\t\t\t\t<p class=\"klcc-pyv__map-popup-description\"><\/p>\n\t\t\t\t\t\t\t\t\t<\/aside>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t\t\t\tid=\"klcc-pyv-1-map-popup-4\"\n\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-popup\"\n\t\t\t\t\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--pink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M47 2 H5 V65 C5 86 13 97 22 97\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--green\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--blue\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M98 67 V97 H31\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"klcc-pyv__map-popup-title\"><\/h4>\n\t\t\t\t\t\t\t\t\t\t<p class=\"klcc-pyv__map-popup-description\"><\/p>\n\t\t\t\t\t\t\t\t\t<\/aside>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t\t\t\tid=\"klcc-pyv-1-map-popup-5\"\n\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-popup\"\n\t\t\t\t\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--pink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M47 2 H5 V65 C5 86 13 97 22 97\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--green\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--blue\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M98 67 V97 H31\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"klcc-pyv__map-popup-title\"><\/h4>\n\t\t\t\t\t\t\t\t\t\t<p class=\"klcc-pyv__map-popup-description\"><\/p>\n\t\t\t\t\t\t\t\t\t<\/aside>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t\t\t\tid=\"klcc-pyv-1-map-popup-6\"\n\t\t\t\t\t\t\t\t\t\tclass=\"klcc-pyv__map-popup\"\n\t\t\t\t\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--pink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M47 2 H5 V65 C5 86 13 97 22 97\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--green\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"klcc-pyv__map-popup-line klcc-pyv__map-popup-line--blue\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M98 67 V97 H31\" vector-effect=\"non-scaling-stroke\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"klcc-pyv__map-popup-title\"><\/h4>\n\t\t\t\t\t\t\t\t\t\t<p class=\"klcc-pyv__map-popup-description\"><\/p>\n\t\t\t\t\t\t\t\t\t<\/aside>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"klcc-pyv__map-placeholder\" hidden>\n\t\t\t\t\t\t\tChoose a map image in Visit Map \u2192 Plan Your Visit Map.\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"klcc-pyv__zoom-controls\" aria-label=\"Map zoom controls\" >\n\t\t\t\t\t\t\t<button type=\"button\" data-map-zoom-out aria-label=\"Zoom map out\">&minus;<\/button>\n\t\t\t\t\t\t\t<button type=\"button\" data-map-zoom-reset aria-label=\"Reset map zoom\">&#8634;<\/button>\n\t\t\t\t\t\t\t<button type=\"button\" data-map-zoom-in aria-label=\"Zoom map in\">+<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"klcc-pyv__instruction\" data-info-for=\"all\" >\n\t\t\t\t\t\t<span class=\"klcc-pyv__instruction-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/plan-your-visit-hand@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<p>Click any landmark on the map or choose an area to explore.<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<section class=\"klcc-pyv__connected\" data-info-for=\"twin\" hidden>\n\t\t\t\t\t\t<div class=\"klcc-pyv__connected-heading\">\n\t\t\t\t\t\t\t<h3>Connected Places<\/h3>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Plan-your-visit-icon@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<ul class=\"klcc-pyv__connected-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Suria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KLCC LRT<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KL Convention Centre<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via air-conditioned underground tunnel)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Aquaria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">4 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via air-conditioned underground tunnel)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Mandarin Oriental<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Traders Hotel<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">5 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Ombak KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">6 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Persiaran KLCC MRT<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">7 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/section>\n\n\t\t\t\t\t<section class=\"klcc-pyv__connected\" data-info-for=\"suria\" hidden>\n\t\t\t\t\t\t<div class=\"klcc-pyv__connected-heading\">\n\t\t\t\t\t\t\t<h3>Connected Places<\/h3>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Plan-your-visit-icon@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<ul class=\"klcc-pyv__connected-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">PETRONAS Twin Towers<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KLCC LRT<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Mandarin Oriental<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KL Convention Centre<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via air-conditioned underground tunnel)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Traders Hotel<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">5 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Persiaran KLCC MRT<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via Ombak KLCC)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/section>\n\n\t\t\t\t\t<section class=\"klcc-pyv__connected\" data-info-for=\"hotels\" hidden>\n\t\t\t\t\t\t<div class=\"klcc-pyv__connected-heading\">\n\t\t\t\t\t\t\t<h3>Connected Places<\/h3>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Plan-your-visit-icon@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<ul class=\"klcc-pyv__connected-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KLCC Park<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KL Convention Centre<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Aquaria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Suria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Ombak KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">PETRONAS Twin Towers<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">4 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/section>\n\n\t\t\t\t\t<section class=\"klcc-pyv__connected\" data-info-for=\"convention\" hidden>\n\t\t\t\t\t\t<div class=\"klcc-pyv__connected-heading\">\n\t\t\t\t\t\t\t<h3>Connected Places<\/h3>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Plan-your-visit-icon@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<ul class=\"klcc-pyv__connected-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Aquaria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KLCC Park<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Traders Hotel<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Mandarin Oriental<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Suria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via air-conditioned underground tunnel)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Ombak KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">PETRONAS Twin Towers<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">4 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via air-conditioned underground tunnel)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/section>\n\n\t\t\t\t\t<section class=\"klcc-pyv__connected\" data-info-for=\"park\" hidden>\n\t\t\t\t\t\t<div class=\"klcc-pyv__connected-heading\">\n\t\t\t\t\t\t\t<h3>Connected Places<\/h3>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Plan-your-visit-icon@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<ul class=\"klcc-pyv__connected-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Suria KLCC Esplanade<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Suria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Traders Hotel<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Mandarin Oriental<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Aquaria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">PETRONAS Twin Towers<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Ombak KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/section>\n\n\t\t\t\t\t<section class=\"klcc-pyv__connected\" data-info-for=\"attractions\" hidden>\n\t\t\t\t\t\t<div class=\"klcc-pyv__connected-heading\">\n\t\t\t\t\t\t\t<h3>Connected Places<\/h3>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Plan-your-visit-icon@4x.webp\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<ul class=\"klcc-pyv__connected-list\">\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">PETRONAS Twin Towers<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Suria KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">1 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KLCC LRT<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Mandarin Oriental<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">2 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Traders Hotel<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">KL Convention Centre<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">3 min walk<\/span>\n\t\t\t\t\t\t\t\t<small>(via air-conditioned underground tunnel)<\/small>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-place\">Ombak KLCC<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-divider\" aria-hidden=\"true\">|<\/span>\n\t\t\t\t\t\t\t\t<span class=\"klcc-pyv__connected-time\">4 min walk<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KLCC The Place \/ Plan Your Visit Plan Your Visit Find your way around KLCC The Place with key opening hours, transport options and a precinct map to help you plan your day. From landmarks and culture to dining, green spaces and events, everything is within easy reach in one walkable city precinct. View Precinct [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3999","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/3999","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=3999"}],"version-history":[{"count":15,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/3999\/revisions"}],"predecessor-version":[{"id":8893,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/3999\/revisions\/8893"}],"wp:attachment":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/media?parent=3999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}