{"id":924,"date":"2026-02-24T10:33:36","date_gmt":"2026-02-24T02:33:36","guid":{"rendered":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/?page_id=924"},"modified":"2026-08-03T13:53:45","modified_gmt":"2026-08-03T05:53:45","slug":"home","status":"publish","type":"page","link":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"924\" class=\"elementor elementor-924\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ddd708 e-con-full e-flex e-con e-parent\" data-id=\"7ddd708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a6c51 elementor-widget elementor-widget-html\" data-id=\"c4a6c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* .expand-hover-row .elementor-widget-image {\n    max-width: 100% !important;\n}\n.expand-hover-row .elementor-widget-image img {\n    max-width: 100% !important;\n    height: auto !important;\n}\n\n@media (hover: hover) and (min-width: 951px) {\n\n    .expand-hover-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--tvc-grid-gap, 20px);\n    }\n\n    .expand-hover-row > * {\n        flex: 0 0 calc((100% - (2 * var(--tvc-grid-gap, 20px))) \/ 3) !important;\n        transition: flex-basis 0.45s ease, flex-grow 0.45s ease, box-shadow 0.3s ease !important;\n    }\n\n    .expand-hover-row > *.is-hover-shrunk {\n        flex-basis: calc((100% - (2 * var(--tvc-grid-gap, 20px))) * 0.25) !important;\n    }\n\n    .expand-hover-row > *.is-hover-expanded {\n        flex-basis: calc((100% - (2 * var(--tvc-grid-gap, 20px))) * 0.5) !important;\n    }\n} *\/\n\n\n<\/style>\n<style>\n.expand-hover-row .elementor-widget-image {\n    max-width: 100% !important;\n}\n\n.expand-hover-row .elementor-widget-image img {\n    max-width: 100% !important;\n    height: auto !important;\n    display: block;\n}\n\n@media (hover: hover) and (min-width: 951px) {\n\n    .expand-hover-row {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: var(--tvc-grid-gap, 20px);\n    }\n\n    .expand-hover-row > * {\n        flex: 1 1 0 !important;\n        min-width: 0;\n        transition: flex-grow 0.45s ease, box-shadow 0.3s ease !important;\n    }\n\n    .expand-hover-row > *.is-hover-expanded {\n        flex-grow: 2 !important;\n    }\n\n    .expand-hover-row > *.is-hover-shrunk {\n        flex-grow: 1 !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-683ef64 elementor-widget elementor-widget-html\" data-id=\"683ef64\" 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    \/\/ 1. Find all instances of our new universal wrapper\r\n    var wrappers = document.querySelectorAll('.expand-hover-row');\r\n    if (!wrappers.length) return;\r\n\r\n    \/\/ Optional: Respect user motion preferences\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    wrappers.forEach(function(wrapper) {\r\n        var children = Array.from(wrapper.children);\r\n\r\n        children.forEach(function(child) {\r\n            child.addEventListener('mouseenter', function() {\r\n                \/\/ The hover effect in CSS is only for desktop (min-width: 951px)\r\n                \/\/ We shouldn't apply classes on mobile\/tablet to avoid weird behaviors.\r\n                if (window.innerWidth < 951) return;\r\n\r\n                \/\/ We get the Y-position to detect which children are on the SAME ROW \r\n                \/\/ in case the row wraps into multiple lines.\r\n                var hoverTop = child.offsetTop;\r\n\r\n                children.forEach(function(sibling) {\r\n                    if (sibling.offsetTop === hoverTop) {\r\n                        \/\/ Sibling is on the exact same row as the hovered item\r\n                        if (sibling === child) {\r\n                            sibling.classList.add('is-hover-expanded');\r\n                            sibling.classList.remove('is-hover-shrunk');\r\n                        } else {\r\n                            sibling.classList.add('is-hover-shrunk');\r\n                            sibling.classList.remove('is-hover-expanded');\r\n                        }\r\n                    } else {\r\n                        \/\/ Element is on a different row, so we reset it to default\r\n                        sibling.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Reset when the mouse leaves the specific child\r\n            child.addEventListener('mouseleave', function() {\r\n                children.forEach(function(sibling) {\r\n                    sibling.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Safety catch: if the mouse leaves the entire wrapper grid quickly\r\n        wrapper.addEventListener('mouseleave', function() {\r\n            children.forEach(function(sibling) {\r\n                sibling.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n            });\r\n        });\r\n    });\r\n\r\n    \/\/ Remove sticky hover classes on window resize to prevent layout breaking\r\n    window.addEventListener('resize', function() {\r\n        wrappers.forEach(function(wrapper) {\r\n            Array.from(wrapper.children).forEach(function(child) {\r\n                child.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n            });\r\n        });\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-fe80277 e-con-full e-flex e-con e-parent\" data-id=\"fe80277\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b918bb3 elementor-widget elementor-widget-html\" data-id=\"b918bb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hover-circle-icon i {\r\n    transition: background 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n}\r\n\r\n.hover-circle-icon:hover i {\r\n    color: #fff !important;\r\n    background-color: #8AC646; \/* Change to your desired color *\/\r\n}\r\n\r\n\/* Adjust chevron icon size *\/\r\n.fa-chevron-right {\r\n  font-size: 30px;\r\n}\r\n.pyv-icon .fa-chevron-right{\r\n    font-size: 20px;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-402baa0 e-con-full e-flex e-con e-parent\" data-id=\"402baa0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d12ba9c elementor-widget elementor-widget-html\" data-id=\"d12ba9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-008cace elementor-widget elementor-widget-html\" data-id=\"008cace\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   KLCC Header + Hero Scroll Effects (Desktop only)\r\n   Target header: #klcctheplace-header\r\n========================================================= *\/\r\n.klcc-tp-injected--elementor .elementor-icon-list-items,\r\n.klcc-tp-injected--elementor .elementor-icon-list-item {\r\n  list-style: none;\r\n  margin-left: 0;\r\n  padding-left: 0;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n  \/* ---------- Header base (FIXED: most robust in Elementor) ---------- *\/\r\n  #klcctheplace-header {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    z-index: 9999;\r\n    will-change: transform, opacity;\r\n    transition: transform .25s ease, opacity .25s ease;\r\n\r\n    \/* If you want blur to be visible, use slight transparency.\r\n       If you prefer solid, change to #fff *\/\r\n    background: rgba(255, 255, 255, .98);\r\n  }\r\n\r\n  #klcctheplace-header.is-hidden {\r\n    transform: translateY(-110%);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #klcctheplace-header.is-shown {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  #klcctheplace-header.is-sticky {\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    box-shadow: 0 6px 18px rgba(0,0,0,.08);\r\n  }\r\n\r\n  \/* Elementor\/other wrappers sometimes set a low z-index.\r\n     Keep it high. If something still covers header, raise this more. *\/\r\n  .ehf-header #klcctheplace-header{\r\n    z-index: 9999;\r\n  }\r\n\r\n  \/* ---------- Hero lift + reset ---------- *\/\r\n  #hero-section,\r\n  #hero-section2 {\r\n    transform: translateY(-80px);\r\n    transition: transform .35s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  #hero-section.is-reset,\r\n  #hero-section2.is-reset {\r\n    transform: translateY(0px);\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .fa-chevron-right {\r\n       font-size: 15px; \r\n    }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .fa-chevron-right {\r\n       font-size: 20px; \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-50d1b91 elementor-widget elementor-widget-html\" data-id=\"50d1b91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1) Standalone gradient text (works without split-text) *\/\r\n.gradient-text .elementor-heading-title,\r\n.elementor-heading-title.gradient-text {\r\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n}\r\n\r\n\/* 2) If split-text is active, apply gradient to each split line too *\/\r\n.gradient-text .elementor-heading-title .plr-line,\r\n.elementor-heading-title.gradient-text .plr-line {\r\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n}\r\n\r\n\/* 3) Fallback for browsers that don't support text-clip *\/\r\n@supports not ((-webkit-background-clip: text) or (background-clip: text)) {\r\n  .gradient-text .elementor-heading-title,\r\n  .elementor-heading-title.gradient-text,\r\n  .gradient-text .elementor-heading-title .plr-line,\r\n  .elementor-heading-title.gradient-text .plr-line {\r\n    background: none !important;\r\n    -webkit-text-fill-color: initial !important;\r\n    color: #8AC646 !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-7d8e500 elementor-widget elementor-widget-html\" data-id=\"7d8e500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<script>\r\n\/* =========================================================\r\n   Header show\/hide + sticky state (Desktop only)\r\n========================================================= *\/\r\n(function () {\r\n  const header = document.getElementById('klcctheplace-header');\r\n  if (!header) return;\r\n\r\n  const mqDesktop = window.matchMedia('(min-width: 1024px)');\r\n  const SHOW_AFTER = 10;\r\n  const STICKY_AFTER = 40;\r\n\r\n  function setBodyPadding() {\r\n    document.body.style.paddingTop = '';\r\n    }\r\n\r\n  function applyHeaderState() {\r\n    if (!mqDesktop.matches) {\r\n      \/\/ Clean up when leaving desktop\r\n      header.classList.remove('is-hidden', 'is-shown', 'is-sticky');\r\n      document.body.style.paddingTop = '';\r\n      return;\r\n    }\r\n\r\n    const y = window.scrollY || 0;\r\n\r\n    if (y > SHOW_AFTER) {\r\n      header.classList.remove('is-hidden');\r\n      header.classList.add('is-shown');\r\n    } else {\r\n      header.classList.add('is-hidden');\r\n      header.classList.remove('is-shown');\r\n    }\r\n\r\n    if (y > STICKY_AFTER) header.classList.add('is-sticky');\r\n    else header.classList.remove('is-sticky');\r\n  }\r\n\r\n  \/\/ Init default state\r\n  function init() {\r\n    setBodyPadding();\r\n    \/\/ start hidden (same as your original behavior)\r\n    header.classList.add('is-hidden');\r\n    header.classList.remove('is-shown', 'is-sticky');\r\n    applyHeaderState();\r\n  }\r\n\r\n  \/\/ RAF throttle for scroll\r\n  let ticking = false;\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(function () {\r\n        applyHeaderState();\r\n        ticking = false;\r\n      });\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  \/\/ Resize: padding & state\r\n  let resizeTick = false;\r\n  function onResize() {\r\n    if (!resizeTick) {\r\n      window.requestAnimationFrame(function () {\r\n        setBodyPadding();\r\n        applyHeaderState();\r\n        resizeTick = false;\r\n      });\r\n      resizeTick = true;\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', onResize, { passive: true });\r\n\r\n  \/\/ If breakpoint changes (desktop <-> mobile)\r\n  if (mqDesktop.addEventListener) {\r\n    mqDesktop.addEventListener('change', onResize);\r\n  } else if (mqDesktop.addListener) {\r\n    \/\/ older Safari\r\n    mqDesktop.addListener(onResize);\r\n  }\r\n\r\n  \/\/ Elementor may reflow after load; sync again\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n\r\n  \/\/ Extra safety: a couple delayed syncs (handles fonts\/Elementor late layout)\r\n  setTimeout(onResize, 200);\r\n  setTimeout(onResize, 800);\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n\/* =========================================================\r\n   Hero reset after scroll (Desktop only)\r\n========================================================= *\/\r\n(function () {\r\n  const IDS = ['hero-section', 'hero-section2'];\r\n  const RESET_AFTER = 10;\r\n\r\n  const mqDesktop = window.matchMedia('(min-width: 1024px)');\r\n\r\n  let heroes = [];\r\n\r\n  function collect() {\r\n    heroes = IDS.map(id => document.getElementById(id)).filter(Boolean);\r\n  }\r\n\r\n  function apply() {\r\n    if (!mqDesktop.matches) {\r\n      \/\/ clean up on mobile\r\n      heroes.forEach(el => el.classList.remove('is-reset'));\r\n      return;\r\n    }\r\n\r\n    const y = window.scrollY || 0;\r\n    heroes.forEach(el => {\r\n      if (y > RESET_AFTER) el.classList.add('is-reset');\r\n      else el.classList.remove('is-reset');\r\n    });\r\n  }\r\n\r\n  \/\/ RAF throttle for scroll\r\n  let ticking = false;\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(function () {\r\n        apply();\r\n        ticking = false;\r\n      });\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  function init() {\r\n    collect();\r\n    apply();\r\n    window.addEventListener('scroll', onScroll, { passive: true });\r\n\r\n    \/\/ Elementor content could mount late; re-collect a few times\r\n    let tries = 0;\r\n    const MAX_TRIES = 30;\r\n    const TRY_EVERY_MS = 200;\r\n\r\n    const timer = setInterval(function () {\r\n      tries++;\r\n      collect();\r\n      apply();\r\n      const gotAll = IDS.every(id => document.getElementById(id));\r\n      if (gotAll || tries >= MAX_TRIES) clearInterval(timer);\r\n    }, TRY_EVERY_MS);\r\n  }\r\n\r\n  if (mqDesktop.addEventListener) {\r\n    mqDesktop.addEventListener('change', function () {\r\n      collect();\r\n      apply();\r\n    });\r\n  } else if (mqDesktop.addListener) {\r\n    mqDesktop.addListener(function () {\r\n      collect();\r\n      apply();\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79b7795 e-con-full e-flex e-con e-parent\" data-id=\"79b7795\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-eaa88b3 e-con-full klcc-slanted-box e-flex e-con e-child\" data-id=\"eaa88b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;\\\/klcctheplace\\\/beta\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/KLCC-THE-PLACE-RENDER_20260630.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-1c4eb36 elementor-widget elementor-widget-html\" data-id=\"1c4eb36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@media (min-width: 320px) and (max-width: 480px) {\n\n#home-hero-banner .elementor-background-video-container video{\ndisplay: none;\n}\n\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7be6258 elementor-widget elementor-widget-html\" data-id=\"7be6258\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Mobile: hide Elementor's full background-video layer, not only the video tag. *\/\r\n  @media (max-width: 767px){\r\n    #hero-section .elementor-background-video-container,\r\n    #home-hero-banner .elementor-background-video-container,\r\n    #hero-section video.elementor-background-video-hosted,\r\n    #home-hero-banner video.elementor-background-video-hosted{\r\n      display:none !important;\r\n      visibility:hidden !important;\r\n    }\r\n\r\n    #hero-section video.hero-bg-video,\r\n    #home-hero-banner video.hero-bg-video{\r\n      display:block !important;\r\n      visibility:visible !important;\r\n    }\r\n  }\r\n\r\n  .hero-audio-toggle-wrap{\r\n    position:absolute;\r\n    left: 50px;\r\n    bottom: 110px;\r\n    z-index:50;\r\n    pointer-events:none;\r\n  }\r\n  .hero-audio-toggle{\r\n    pointer-events:auto;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:10px 12px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    background:rgba(0,0,0,.45);\r\n    color:#fff;\r\n    cursor:pointer;\r\n    font:600 13px\/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    letter-spacing:.2px;\r\n    backdrop-filter:blur(6px);\r\n    -webkit-backdrop-filter:blur(6px);\r\n    transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;\r\n  }\r\n  .hero-audio-toggle:hover{\r\n    transform:translateY(-1px);\r\n    background:rgba(0,0,0,.55);\r\n    border-color:rgba(255,255,255,.55);\r\n  }\r\n  .hero-audio-toggle:active{ transform:translateY(0); opacity:.95; }\r\n  .hero-audio-toggle i{ font-size:16px; width:18px; text-align:center; }\r\n  .hero-audio-toggle__text{ white-space:nowrap; }\r\n\r\n  @media (max-width: 520px){\r\n    .hero-audio-toggle__text{ display:none; }\r\n    .hero-audio-toggle{ padding:10px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const MOBILE_MAX = 767;\r\n  const TARGET_SELECTORS = [\"#hero-section\", \"#home-hero-banner\"];\r\n  const MOBILE_VIDEO_SRC = \"\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/KLCC-THE-PLACE-RENDER_VERTICAL_20260630.mov\";\r\n\r\n  let observerStarted = false;\r\n  let resizeTimer = null;\r\n\r\n  function isMobileNow(){\r\n    return window.matchMedia(\"(max-width:\" + MOBILE_MAX + \"px)\").matches;\r\n  }\r\n\r\n  function pickTargetEl() {\r\n    for (const sel of TARGET_SELECTORS) {\r\n      const el = document.querySelector(sel);\r\n      if (el) return el;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  function tryPlay(video) {\r\n    try {\r\n      video.muted = true;\r\n      video.defaultMuted = true;\r\n      const p = video.play();\r\n      if (p && typeof p.catch === \"function\") p.catch(function(){});\r\n    } catch (e) {}\r\n  }\r\n\r\n  function ensureVideoBackground(el) {\r\n    if (!el) return;\r\n\r\n    let video = el.querySelector(\"video.hero-bg-video\");\r\n    if (video) {\r\n      tryPlay(video);\r\n      return;\r\n    }\r\n\r\n    const cs = window.getComputedStyle(el);\r\n    if (cs.position === \"static\") el.style.position = \"relative\";\r\n    el.style.overflow = \"hidden\";\r\n\r\n    if (!el.dataset.desktopBg) el.dataset.desktopBg = el.style.background || \"\";\r\n\r\n    video = document.createElement(\"video\");\r\n    video.className = \"hero-bg-video\";\r\n    video.src = MOBILE_VIDEO_SRC;\r\n\r\n    video.muted = true;\r\n    video.defaultMuted = true;\r\n    video.autoplay = true;\r\n    video.loop = true;\r\n    video.playsInline = true;\r\n    video.preload = \"auto\";\r\n\r\n    video.setAttribute(\"muted\", \"\");\r\n    video.setAttribute(\"playsinline\", \"\");\r\n    video.setAttribute(\"webkit-playsinline\", \"\");\r\n    video.setAttribute(\"autoplay\", \"\");\r\n    video.setAttribute(\"loop\", \"\");\r\n\r\n    Object.assign(video.style, {\r\n      position: \"absolute\",\r\n      inset: \"0\",\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n      objectFit: \"cover\",\r\n      objectPosition: \"50% 50%\",\r\n      zIndex: \"0\",\r\n      pointerEvents: \"none\",\r\n      display: \"block\"\r\n    });\r\n\r\n    Array.from(el.children).forEach(function(child) {\r\n      if (child.classList && child.classList.contains(\"hero-bg-video\")) return;\r\n      const childCS = window.getComputedStyle(child);\r\n      if (childCS.position === \"static\") child.style.position = \"relative\";\r\n      child.style.zIndex = \"1\";\r\n    });\r\n\r\n    el.insertBefore(video, el.firstChild);\r\n\r\n    const hideBg = function () { el.style.backgroundImage = \"none\"; };\r\n    video.addEventListener(\"loadeddata\", hideBg, { once: true });\r\n    video.addEventListener(\"playing\", hideBg, { once: true });\r\n\r\n    tryPlay(video);\r\n\r\n    [\"touchstart\", \"click\", \"scroll\"].forEach(function(eventName) {\r\n      window.addEventListener(eventName, function kick() {\r\n        tryPlay(video);\r\n        window.removeEventListener(eventName, kick, true);\r\n      }, true);\r\n    });\r\n  }\r\n\r\n  function removeVideoBackground(el) {\r\n    if (!el) return;\r\n\r\n    const v = el.querySelector(\"video.hero-bg-video\");\r\n    if (v) v.remove();\r\n\r\n    el.style.backgroundImage = \"\";\r\n    if (el.dataset.desktopBg) {\r\n      el.style.background = el.dataset.desktopBg;\r\n      delete el.dataset.desktopBg;\r\n    }\r\n  }\r\n\r\n  function ensureAudioButton(el){\r\n    if (!el) return null;\r\n\r\n    const cs = window.getComputedStyle(el);\r\n    if (cs.position === \"static\") el.style.position = \"relative\";\r\n\r\n    let wrap = el.querySelector(\".hero-audio-toggle-wrap\");\r\n    if (wrap) return wrap;\r\n\r\n    wrap = document.createElement(\"div\");\r\n    wrap.className = \"hero-audio-toggle-wrap\";\r\n    wrap.innerHTML = [\r\n      '<button type=\"button\" class=\"hero-audio-toggle is-muted\" aria-pressed=\"false\" aria-label=\"Unmute video\">',\r\n      '<i class=\"fas fa-volume-mute\" aria-hidden=\"true\"><\/i>',\r\n      '<span class=\"hero-audio-toggle__text\">Sound Off<\/span>',\r\n      '<\/button>'\r\n    ].join(\"\");\r\n    el.appendChild(wrap);\r\n    return wrap;\r\n  }\r\n\r\n  function getActiveVideo(el){\r\n    if (!el) return null;\r\n    if (isMobileNow()) return el.querySelector(\"video.hero-bg-video\") || null;\r\n    return el.querySelector(\"video.elementor-background-video-hosted\") || null;\r\n  }\r\n\r\n  function setBtnUI(btn, isMuted){\r\n    btn.classList.toggle(\"is-muted\", isMuted);\r\n    btn.setAttribute(\"aria-pressed\", String(!isMuted));\r\n    btn.setAttribute(\"aria-label\", isMuted ? \"Unmute video\" : \"Mute video\");\r\n\r\n    const icon = btn.querySelector(\"i\");\r\n    const text = btn.querySelector(\".hero-audio-toggle__text\");\r\n    if (icon) icon.className = isMuted ? \"fas fa-volume-mute\" : \"fas fa-volume-up\";\r\n    if (text) text.textContent = isMuted ? \"Sound Off\" : \"Sound On\";\r\n  }\r\n\r\n  function bindAudioToggle(el){\r\n    const wrap = ensureAudioButton(el);\r\n    if (!wrap) return;\r\n\r\n    const btn = wrap.querySelector(\".hero-audio-toggle\");\r\n    if (!btn || btn.dataset.bound === \"1\") return;\r\n    btn.dataset.bound = \"1\";\r\n\r\n    const v = getActiveVideo(el);\r\n    if (v) {\r\n      try { v.muted = true; v.defaultMuted = true; v.volume = 1; } catch(e){}\r\n      setBtnUI(btn, true);\r\n    }\r\n\r\n    btn.addEventListener(\"click\", function(){\r\n      const video = getActiveVideo(el);\r\n      if (!video) return;\r\n\r\n      const nextMuted = !video.muted;\r\n\r\n      try {\r\n        video.muted = nextMuted;\r\n        video.defaultMuted = nextMuted;\r\n        if (!nextMuted && video.volume === 0) video.volume = 1;\r\n\r\n        const p = video.play && video.play();\r\n        if (p && typeof p.catch === \"function\") p.catch(function(){});\r\n      } catch(e){}\r\n\r\n      setBtnUI(btn, video.muted);\r\n    });\r\n  }\r\n\r\n  function applyAll(){\r\n    const el = pickTargetEl();\r\n    if (!el) return false;\r\n\r\n    if (isMobileNow()) ensureVideoBackground(el);\r\n    else removeVideoBackground(el);\r\n\r\n    bindAudioToggle(el);\r\n\r\n    const btn = el.querySelector(\".hero-audio-toggle\");\r\n    const v = getActiveVideo(el);\r\n    if (btn && v) setBtnUI(btn, !!v.muted);\r\n\r\n    return true;\r\n  }\r\n\r\n  function startObserver(){\r\n    if (observerStarted || !document.body) return;\r\n    observerStarted = true;\r\n\r\n    const observer = new MutationObserver(function(){\r\n      if (applyAll()) observer.disconnect();\r\n    });\r\n    observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n    setTimeout(function(){ observer.disconnect(); }, 10000);\r\n  }\r\n\r\n  function init(){\r\n    applyAll();\r\n    startObserver();\r\n\r\n    window.addEventListener(\"resize\", function(){\r\n      clearTimeout(resizeTimer);\r\n      resizeTimer = setTimeout(applyAll, 120);\r\n    }, { passive: true });\r\n\r\n    window.addEventListener(\"orientationchange\", function(){\r\n      setTimeout(applyAll, 250);\r\n    }, { passive: true });\r\n\r\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n      window.elementorFrontend.hooks.addAction(\"frontend\/element_ready\/global\", function () {\r\n        setTimeout(applyAll, 150);\r\n      });\r\n    }\r\n\r\n    setTimeout(applyAll, 500);\r\n    setTimeout(applyAll, 1500);\r\n    setTimeout(applyAll, 3000);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c5b007 e-con-full e-flex e-con e-parent\" data-id=\"0c5b007\" 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<div class=\"elementor-element elementor-element-16d9865 e-flex e-con-boxed e-con e-child\" data-id=\"16d9865\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4adfcdb elementor-widget elementor-widget-html\" data-id=\"4adfcdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.width-add-20px{\nwidth: calc(64% + 20px) !important;\n}\n\n@media (max-width: 768px){\n    .width-add-20px{\n        width: 100% !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c6deab e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"6c6deab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9142957 e-con-full e-flex e-con e-child\" data-id=\"9142957\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5ea85b8 e-con-full e-flex e-con e-child\" data-id=\"5ea85b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc96bf gradient-text split-text  elementor-widget elementor-widget-heading\" data-id=\"3dc96bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Discover<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72a1b32 e-con-full e-transform pulse-cta e-flex e-con e-child\" data-id=\"72a1b32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb170b0 klcc-font-museo split-text hover-circle-icon elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"fb170b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/discover-ktp\/\">The Pulse of the City <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbfcc4a klcc-font-museo   split-text elementor-widget elementor-widget-heading\" data-id=\"cbfcc4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">From the PETRONAS Twin Towers to culture, dining, green spaces, shopping and events, discover KLCC The Place in one walkable city precinct<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5d39e3 elementor-widget__width-inherit MuseoSans width-add-20px split-text elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"d5d39e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Explore \u2022 Dine \u2022 Work \u2022 Unwind<\/div>\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-69692a0 e-flex e-con-boxed e-con e-child\" data-id=\"69692a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-66bf958 e-con-full e-flex e-con e-child\" data-id=\"66bf958\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ad099 elementor-widget elementor-widget-shortcode\" data-id=\"10ad099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">      <div\n        id=\"klcc-dg-1\"\n        class=\"tvc-main-container klcc-discover-grid\"\n        style=\"\n          --tvc-card-height: 300px;\n          --tvc-card-radius: 26px;\n          --tvc-grid-gap: 20px;\n        \"\n      >\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/iconic-sights\/\"\n              aria-label=\"Iconic Sights\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Iconic-Sights.webp');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Iconic Sights<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Discover an unforgettable experience atop the iconic PETRONAS Twin Towers<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/shop-dine\/\"\n              aria-label=\"Shop &amp; Dine\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/20260130_032826000_iOS-1.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Shop &amp; Dine<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Explore a destination for endless shopping and exceptional dining experiences<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/arts-culture\/\"\n              aria-label=\"Arts &amp; Culture\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/SLP_2438-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Arts &amp; Culture<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Enjoy a mix of local and global music performances, contemporary art while keeping up with the must-see events in town!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/stay-unwind-rejuvenate\/\"\n              aria-label=\"Exclusive Stays &amp; Spa\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_702.jpeg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Exclusive Stays &amp; Spa<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Experience unparalleled hospitality and unwind in style with the perfect spa retreat!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/exploration-outdoors\/\"\n              aria-label=\"Exploration &amp; Outdoors\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_668-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Exploration &amp; Outdoors<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Discover the marvels of science, get up close with aquatic life, and soak in the tranquillity of KLCC Park!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/convention-expo\/\"\n              aria-label=\"Convention &amp; Expos\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/KTP_694-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Convention &amp; Expos<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Host conferences, exhibitions and business events in a connected venue setting, set in the heart of Kuala Lumpur<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n              <\/div>\n      <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57075eb e-con-full e-flex e-con e-parent\" data-id=\"57075eb\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a48221a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a48221a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b5a84f5 e-con-full e-flex e-con e-child\" data-id=\"b5a84f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742796c klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"742796c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Precinct Partners<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e77490c e-con-full e-flex e-con e-child\" data-id=\"e77490c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1da03ec elementor-widget elementor-widget-html\" data-id=\"1da03ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .precinct-partners-section {\r\n      padding: 60px 0;\r\n      background: transparent;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .precinct-partners-section .container {\r\n      width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .partner-swiper .swiper-wrapper {\r\n      align-items: center;\r\n      transition-timing-function: linear !important;\r\n    }\r\n\r\n    .partner-swiper .swiper-slide {\r\n      height: 120px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/*\r\n      Change --logo-width and --logo-height in the individual\r\n      logo rules below to adjust each logo separately.\r\n    *\/\r\n    .partner-swiper .partner-logo {\r\n      display: block;\r\n      width: var(--logo-width, 180px);\r\n      height: var(--logo-height, 75px);\r\n      max-width: 88%;\r\n      object-fit: contain;\r\n      filter: grayscale(0%);\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Individual logo controls *\/\r\n    .logo-mo {\r\n      --logo-width: 150px;\r\n      --logo-height: 70px;\r\n    }\r\n\r\n    .logo-suria {\r\n      --logo-width: 170px;\r\n      --logo-height: 75px;\r\n    }\r\n\r\n    .logo-dewan {\r\n      --logo-width: 210px;\r\n      --logo-height: 110px;\r\n    }\r\n\r\n    .logo-skyx {\r\n      --logo-width: 150px;\r\n      --logo-height: 70px;\r\n    }\r\n\r\n    .logo-petrosains {\r\n      --logo-width: 195px;\r\n      --logo-height: 90px;\r\n    }\r\n\r\n    .logo-aquaria {\r\n      --logo-width: 160px;\r\n      --logo-height: 70px;\r\n    }\r\n\r\n    .logo-ombak {\r\n      --logo-width: 190px;\r\n      --logo-height: 75px;\r\n    }\r\n\r\n    .logo-galeri {\r\n      --logo-width: 185px;\r\n      --logo-height: 95px;\r\n    }\r\n\r\n    .logo-traders {\r\n      --logo-width: 125px;\r\n      --logo-height: 90px;\r\n    }\r\n\r\n    .logo-convex {\r\n      --logo-width: 230px;\r\n      --logo-height: 95px;\r\n    }\r\n\r\n    .partner-swiper .swiper-slide:hover .partner-logo {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .precinct-partners-section {\r\n        padding: 40px 0;\r\n      }\r\n\r\n      .partner-swiper .swiper-slide {\r\n        height: 90px;\r\n      }\r\n\r\n      .partner-swiper .partner-logo {\r\n        max-width: 82%;\r\n        max-height: 65px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .partner-swiper .partner-logo {\r\n        transition: none;\r\n      }\r\n    }\r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b94e808 elementor-widget elementor-widget-html\" data-id=\"b94e808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"precinct-partners-section\">\r\n    <div class=\"container\">\r\n      <div class=\"swiper partner-swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/1.-MO.webp\"\r\n              alt=\"MO\"\r\n              class=\"partner-logo logo-mo\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/2.-Suria-KLCC.webp\"\r\n              alt=\"Suria KLCC\"\r\n              class=\"partner-logo logo-suria\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/3.-Dewan-Filharmonik.webp\"\r\n              alt=\"Dewan Filharmonik\"\r\n              class=\"partner-logo logo-dewan\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/4.-KLCC-Sky-X.webp\"\r\n              alt=\"KLCC Sky X\"\r\n              class=\"partner-logo logo-skyx\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/5.-PETROSAINS.webp\"\r\n              alt=\"PETROSAINS\"\r\n              class=\"partner-logo logo-petrosains\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/6.-Aquaria.webp\"\r\n              alt=\"Aquaria\"\r\n              class=\"partner-logo logo-aquaria\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/7.-Ombak.webp\"\r\n              alt=\"Ombak\"\r\n              class=\"partner-logo logo-ombak\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/NGP_Logo_Linear-Logo_RGB_220626-1.png\"\r\n              alt=\"Galeri Petronas\"\r\n              class=\"partner-logo logo-galeri\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/9.-Traders.webp\"\r\n              alt=\"Traders Hotel\"\r\n              class=\"partner-logo logo-traders\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/10.-KL-Convex.webp\"\r\n              alt=\"Kuala Lumpur Convention Centre\"\r\n              class=\"partner-logo logo-convex\"\r\n            >\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93fcb36 elementor-widget elementor-widget-html\" data-id=\"93fcb36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      new Swiper('.partner-swiper', {\r\n        loop: true,\r\n        speed: 4000,\r\n        allowTouchMove: false,\r\n        autoplay: {\r\n          delay: 0,\r\n          disableOnInteraction: false,\r\n          pauseOnMouseEnter: false\r\n        },\r\n        breakpoints: {\r\n          320: {\r\n            slidesPerView: 2.5,\r\n            spaceBetween: 20\r\n          },\r\n          768: {\r\n            slidesPerView: 4,\r\n            spaceBetween: 30\r\n          },\r\n          1024: {\r\n            slidesPerView: 5,\r\n            spaceBetween: 40\r\n          }\r\n        }\r\n      });\r\n    });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d53558 e-flex e-con-boxed e-con e-parent\" data-id=\"2d53558\" 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-e9dfc8d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e9dfc8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-95716a5 e-con-full e-flex e-con e-child\" data-id=\"95716a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-862bdbc klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"862bdbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What\u2019s On<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b260ee split-text hover-circle-icon elementor-widget elementor-widget-heading\" data-id=\"5b260ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/whats-on\/\">Events &amp; Happenings <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2636666 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"2636666\" 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-29fd59b elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"29fd59b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        #klcc-news-8807 {\n            --klcc-amber: #f3c142;\n            --klcc-green: #7fc242;\n            --klcc-white: #ffffff;\n            --klcc-overlay-from: rgba(0, 0, 0, 0.94);\n            --klcc-overlay-mid: rgba(0, 0, 0, 0.74);\n            --klcc-overlay-to: rgba(0, 0, 0, 0);\n            width: 100%;\n            padding: 20px 0 0;\n            position: relative;\n            overflow: visible;\n        }\n\n        #klcc-news-8807 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-8807 .klcc-news-card {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-sizing: border-box;\n            text-decoration: none !important;\n            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\n            filter: blur(3px) brightness(0.7) saturate(0.85);\n            opacity: 0.82;\n            transform: scale(0.93);\n            transition: filter 0.35s ease, transform 0.4s ease, opacity 0.35s ease, box-shadow 0.3s ease;\n        }\n\n        #klcc-news-8807 .swiper-slide-active .klcc-news-card {\n            filter: none;\n            opacity: 1;\n            transform: scale(1);\n            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);\n        }\n\n        #klcc-news-8807 .klcc-card-bg {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n            transition: transform 0.45s ease;\n        }\n\n        #klcc-news-8807 .klcc-card-overlay-tint {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            height: 42%;\n            z-index: 2;\n            background: linear-gradient(0deg, var(--klcc-overlay-from) 0%, var(--klcc-overlay-mid) 54%, var(--klcc-overlay-to) 100%);\n            opacity: 0;\n            transition: opacity 0.35s ease;\n            pointer-events: none;\n        }\n\n        #klcc-news-8807 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-8807 .klcc-card-content {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            min-height: 40%;\n            z-index: 3;\n            padding: 20px 18px 16px;\n            display: flex;\n            align-items: flex-end;\n            justify-content: stretch;\n            text-align: left;\n            pointer-events: none;\n        }\n\n        #klcc-news-8807 .klcc-card-main {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 14px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        #klcc-news-8807 .klcc-card-title {\n            margin: 0 !important;\n            color: var(--klcc-white) !important;\n            font-size: clamp(0.98rem, 1.08vw, 1.16rem);\n            font-weight: 700;\n            line-height: 1.18;\n            opacity: 0;\n            transform: translateY(10px);\n            transition: color 0.28s ease, opacity 0.3s ease, transform 0.3s ease;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            flex: 1 1 auto;\n            min-width: 0;\n        }\n\n        #klcc-news-8807 .klcc-card-cta {\n            width: 24px;\n            height: 24px;\n            min-width: 24px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--klcc-amber);\n            opacity: 0;\n            transform: translateY(10px);\n            transition: opacity 0.28s ease, transform 0.28s ease;\n            flex: 0 0 24px;\n        }\n\n        #klcc-news-8807 .klcc-card-cta svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n        }\n\n        \/* Requirement: title appears only on hover\/focus *\/\n        #klcc-news-8807 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-8807 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-8807 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-8807 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-8807 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-8807 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-8807 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-8807 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-8807 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-8807 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-8807 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-8807 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-8807 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-8807 .klcc-custom-pagination {\n            text-align: center;\n            margin-top: 20px;\n            z-index: 10;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        #klcc-news-8807 .klcc-custom-pagination .custom-bullet {\n            width: 10px;\n            height: 10px;\n            background: #d2d2d2;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background 0.28s ease;\n        }\n\n        #klcc-news-8807 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-8807 .klcc-news-nav-btn {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            width: 56px !important;\n            height: 56px !important;\n            border-radius: 50% !important;\n            border: none !important;\n            outline: none !important;\n            background-color: rgba(255, 255, 255, 0.92) !important;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;\n            color: #204a8a !important;\n            cursor: pointer !important;\n            z-index: 12;\n            transition: all 0.25s ease !important;\n            padding: 0 !important;\n        }\n\n        #klcc-news-8807 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-8807 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-8807 .klcc-news-nav-btn:hover,\n        #klcc-news-8807 .klcc-news-nav-btn:focus {\n            background-color: #204a8a !important;\n            color: #ffffff !important;\n            transform: translateY(-50%) scale(1.05) !important;\n            box-shadow: 0 6px 20px rgba(32, 74, 138, 0.28) !important;\n        }\n\n        #klcc-news-8807 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-8807 .klcc-news-nav-btn.swiper-button-disabled {\n            opacity: 0 !important;\n            visibility: hidden !important;\n            cursor: not-allowed !important;\n        }\n\n        \/* Popup *\/\n        #klcc-news-8807-modal.klcc-news-modal {\n            position: fixed !important;\n            inset: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: 2147483000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n        }\n\n        #klcc-news-8807-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__panel {\n            --klcc-news-modal-panel-w: min(1400px, 95vw);\n            position: relative;\n            z-index: 1;\n            width: var(--klcc-news-modal-panel-w);\n            height: min(820px, 88vh);\n            border-radius: 36px;\n            background: #dff1f5;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);\n            padding: 30px 34px;\n            overflow: hidden;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            width: 64px;\n            height: 64px;\n            border: 0;\n            border-radius: 50%;\n            background: #ffffff;\n            color: #80a62a;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n            z-index: 2;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 56px;\n            height: 56px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n            z-index: 2;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__nav:hover,\n        #klcc-news-8807-modal .klcc-news-modal__nav:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: translateY(-50%) scale(1.04);\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.9fr);\n            gap: 28px;\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__title {\n            margin: 0 0 18px 0;\n            color: #133c86;\n            font-size: clamp(30px, 2.6vw, 52px);\n            line-height: 1.04;\n            font-weight: 800;\n            letter-spacing: -0.01em;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__scroll {\n            flex: 1;\n            min-height: 0;\n            overflow-y: auto;\n            padding-right: 10px;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__scroll p {\n            margin: 0 0 18px 0;\n            color: #101820;\n            font-size: clamp(18px, 1.15vw, 24px);\n            line-height: 1.35;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__meta p {\n            margin: 0 0 6px 0;\n            color: #101820;\n            font-size: clamp(18px, 1.1vw, 23px);\n            line-height: 1.35;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__link-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 50px;\n            max-width: 100%;\n            padding: 12px 30px;\n            border-radius: 999px;\n            background: #285897;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            text-align: center;\n            font-weight: 700;\n            font-size: clamp(16px, 1.28vw, 20px);\n            line-height: 1.15;\n            letter-spacing: 0;\n            transition: background-color 180ms ease, transform 180ms ease;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-8807-modal .klcc-news-modal__link-button:focus-visible {\n            background: #1f4a82;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            outline: none;\n            transform: translateY(-1px);\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n        }\n\n        #klcc-news-8807-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: #d9d9d9;\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-8807-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-8807-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-8807-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-8807-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-8807-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-8807-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-8807 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-8807 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-8807 .klcc-news-card,\n            #klcc-news-8807 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-8807 .klcc-card-overlay-tint,\n            #klcc-news-8807 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-8807 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-8807 .swiper-slide,\n            #klcc-news-8807 .klcc-news-card,\n            #klcc-news-8807 .klcc-card-bg,\n            #klcc-news-8807 .klcc-card-overlay-tint,\n            #klcc-news-8807 .klcc-card-title,\n            #klcc-news-8807 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-8807\" class=\"swiper klcc-news-swiper\">\n        <button class=\"klcc-news-nav-btn klcc-news-prev-btn\" aria-label=\"Previous\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <button class=\"klcc-news-nav-btn klcc-news-next-btn\" aria-label=\"Next\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-symphony-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-2.png\" alt=\"Sky Xperience \u2013 Symphony Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience \u2013 Symphony Xperience\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-kl-hop-on-hop-off-package\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"sky-xperience-kl-hop-on-hop-off-package\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience + KL Hop-On-Hop-Off Package\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-1.png\" alt=\"Sky Xperience + KL Hop-On-Hop-Off Package\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience + KL Hop-On-Hop-Off Package\">Sky Xperience + KL Hop-On-Hop-Off Package<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"3\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=dewan-filharmonik-petronas-presents-a-dance-spectacular\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"4\"\n                       data-popup-slug=\"dewan-filharmonik-petronas-presents-a-dance-spectacular\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-1.jpg\" alt=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\">Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"5\"\n                       data-popup-slug=\"cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumnbnail.jpg\" alt=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\">Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=anoushka-shankar-live-in-kuala-lumpur-convention-centre\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"6\"\n                       data-popup-slug=\"anoushka-shankar-live-in-kuala-lumpur-convention-centre\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-683x1024.jpg\" alt=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\">Anoushka Shankar Live in Kuala Lumpur Convention Centre<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-symphony-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-2.png\" alt=\"Sky Xperience \u2013 Symphony Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience \u2013 Symphony Xperience\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n\n    <div id=\"klcc-news-8807-templates\" hidden>\n                                <template id=\"klcc-news-8807-tpl-0-9072\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience \u2013 Symphony Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">FROM&nbsp; SKY TO SYMPHONY.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Begin your journey at the PETRONAS Twin Towers Sky X Observation Deck, where sweeping city views set the stage. Then, immerse yourself in culture with a guided tour of Dewan Filharmonik PETRONAS Symphonic Hall. One seamless experience \u2013 where iconic architecture, music, and breathtaking perspectives come together.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">A bundled visitor experience combing:&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<ul class=\"wp-block-list\"><\/p>\n<li>Sky Deck observation journey<\/li>\n<p><\/p>\n<p><\/p>\n<li>Guided DFP Symphonic Hall Tour<\/li>\n<p><\/p>\n<p><\/p>\n<li>Sky Xperience &amp; DFP merchandise\u00a0<\/li>\n<p><\/ul>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Designed to enhance visitor value by integrating iconic skyline views with a cultural music.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(Available on certain dates only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience \u2013 Symphony Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.jpg\" alt=\"Sky Xperience \u2013 Symphony Xperience\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8807-tpl-1-9068\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience + KL Hop-On-Hop-Off Package<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience Kuala Lumpur from two iconic perspectives in one seamless journey.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Start with breathtaking panoramic views from the PETRONAS Twin Towers Sky Xperience, then continue your evening with the KL Hop-On-Hop-Off City of Lights tour \u2013 a curated night ride through the city\u2019s most celebrated landmarks.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">This exclusive combination offers visitors a complete day-to-night Kuala Lumpur experience, blending world-class architecture with vibrant city exploration.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Visitors need to be at the designated pick-up point, the Petrosains Taxi Stand, KLCC, before 8.00pm to redeem the tickets, bus departs at 8.15pm.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 7.00pm slot only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience + KL Hop-On-Hop-Off Package                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Sky Xperience + KL Hop-On-Hop-Off Package\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8807-tpl-2-9062\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Evening Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience the PETRONAS Twin Towers at their most magical during the golden hours. Enjoy a guided tour lead by our staff, the Sky Guide, visit the iconic Sky Bridge on Level 41, and take in panoramic views from the Sky Deck on Level 86. Complete your journey with a complimentary beverage at Sky Caf\u00e9 by Maja, making for an unforgettable evening above Kuala Lumpur\u2019s glittering skyline.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 6.00pm, 6.15pm &amp; 6.30pm slots only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Evening Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8807-tpl-3-9058\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur from a whole new perspective. Wrap your journey with exquisite souvenirs at the Sky Shop!<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience Standard Visit                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8807-tpl-4-9054\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Celebrate the beauty of our traditional heritage arts only at DFP with <em>A Dance Spectacular<\/em> on Saturday, 5 September 2026 at 8.00 pm. Featuring ASK Dance Company and Dua Space Dance Theatre, this captivating showcase brings together traditional and contemporary dance inspired by culture, heritage and the forces of nature.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Enjoy a 20% Family Package discount with the purchase of six tickets in the Premium and A Reserve categories.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 5 September 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 am<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.dfp.com.my\/a-dance-spectacular\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                A Dance Spectacular                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-1-724x1024.jpg\" alt=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8807-tpl-5-9049\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Step into the world of beauty innovation at Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026, Malaysia\u2019s largest and longest-running beauty trade shows.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Bringing together leading brands, industry professionals, and emerging trends, this premier event showcases the latest in skincare, cosmetics, wellness, aesthetics, and beauty technology\u2014all under one roof.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udcc5 Date: 29 September \u2013 1 October 2026<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udccd Venue: Kuala Lumpur Convention Centre (KLCC)<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Whether you are a beauty professional, business owner, or enthusiast, this event offers an excellent platform to explore new products, discover market innovations, and connect with industry experts.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Stay ahead in the ever-evolving beauty industry\u2014don\u2019t miss this exclusive opportunity to experience the best of beauty in one place.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Tuesday, 29 September 2026<\/p>\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Kuala Lumpur Convention Centre (KLCC)<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.cosmobeautemalaysia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Cosmobeaut\u00e9 Malaysia                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-1024x1024.png\" alt=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8807-tpl-6-9043\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Anoushka Shankar Live in Kuala Lumpur Convention Centre<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience an extraordinary evening of music as world-renowned sitar virtuoso Anoushka Shankar takes the stage in Kuala Lumpur.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Set against an intimate and immersive atmosphere, this live performance promises a captivating fusion of classical tradition and contemporary expression\u2014offering audiences a truly unforgettable musical journey.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udcc5 Date: 4 October 2026<br \/>\ud83d\udd57 Time: 8:00 PM<br \/>\ud83d\udccd Venue: Plenary Hall, Kuala Lumpur Convention Centre (KLCC)<br \/>\ud83c\udf9f\ufe0f Tickets available at: www.ticket2u.com.my<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Don\u2019t miss this rare opportunity to witness a globally celebrated artist live in KL. Secure your seats early for an evening of artistry and soulful soundscapes.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Sunday, 4 October 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 am<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Plenary Hall, Kuala Lumpur Convention Centre (KLCC)<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.ticket2u.com.my\/event\/49360\/anoushka-shankar-live-in-kuala-lumpur\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Anoushka Shankar Live in Kuala Lumpur                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-576x1024.jpg\" alt=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-8807-modal\" class=\"klcc-news-modal\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"klcc-news-modal__backdrop\" data-modal-close=\"1\"><\/div>\n        <button class=\"klcc-news-modal__nav klcc-news-modal__nav--prev\" type=\"button\" aria-label=\"Previous post\" data-modal-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <button class=\"klcc-news-modal__nav klcc-news-modal__nav--next\" type=\"button\" aria-label=\"Next post\" data-modal-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <div class=\"klcc-news-modal__panel\" role=\"document\">\n            <button class=\"klcc-news-modal__close\" type=\"button\" aria-label=\"Close\" data-modal-close=\"1\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" aria-hidden=\"true\">\n                    <path d=\"M6 6l12 12\"><\/path>\n                    <path d=\"M18 6L6 18\"><\/path>\n                <\/svg>\n            <\/button>\n            <div id=\"klcc-news-8807-modal-body\" class=\"klcc-news-modal__body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const initCarousel = function() {\n                if (typeof Swiper === 'undefined') {\n                    setTimeout(initCarousel, 120);\n                    return;\n                }\n\n                const swiperContainer = document.querySelector('#klcc-news-8807');\n                const modal = document.getElementById('klcc-news-8807-modal');\n                const modalBody = document.getElementById('klcc-news-8807-modal-body');\n                if (!swiperContainer || !modal || !modalBody) {\n                    return;\n                }\n\n                \/\/ Move modal to <body> so it always covers full viewport,\n                \/\/ avoiding clipping\/stacking issues from Elementor\/section wrappers.\n                if (modal.parentElement !== document.body) {\n                    document.body.appendChild(modal);\n                }\n\n                const displayCount = 8;\n                const paginationContainer = swiperContainer.querySelector('.klcc-custom-pagination');\n                const prevButton = swiperContainer.querySelector('.klcc-news-prev-btn');\n                const nextButton = swiperContainer.querySelector('.klcc-news-next-btn');\n                const modalPrevButton = modal.querySelector('[data-modal-nav=\"prev\"]');\n                const modalNextButton = modal.querySelector('[data-modal-nav=\"next\"]');\n                const modalTemplateIds = [\"klcc-news-8807-tpl-0-9072\",\"klcc-news-8807-tpl-1-9068\",\"klcc-news-8807-tpl-2-9062\",\"klcc-news-8807-tpl-3-9058\",\"klcc-news-8807-tpl-4-9054\",\"klcc-news-8807-tpl-5-9049\",\"klcc-news-8807-tpl-6-9043\"];\n                const modalPostSlugs = [\"sky-xperience-symphony-xperience\",\"sky-xperience-kl-hop-on-hop-off-package\",\"evening-xperience\",\"sky-xperience-standard-visit\",\"dewan-filharmonik-petronas-presents-a-dance-spectacular\",\"cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\",\"anoushka-shankar-live-in-kuala-lumpur-convention-centre\"];\n                const modalHashPrefix = '#whats-on=';\n                const modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\n                let remoteModalRequestId = 0;\n                let remoteModalSlug = '';\n\n                const readModalHashSlug = function() {\n                    if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                    try {\n                        return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                    } catch (error) {\n                        return '';\n                    }\n                };\n\n                const modalHashForIndex = function(index) {\n                    if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                    return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n                };\n\n                const updateModalHash = function(index, mode) {\n                    const hash = modalHashForIndex(index);\n                    if (!hash || window.location.hash === hash) return;\n                    const url = window.location.pathname + window.location.search + hash;\n                    if (mode === 'push') {\n                        const state = Object.assign({}, window.history.state || {}, { klccWhatsOnModal: true });\n                        window.history.pushState(state, '', url);\n                    } else {\n                        window.history.replaceState(window.history.state, '', url);\n                    }\n                };\n\n                const carouselIsVisible = function() {\n                    return swiperContainer.getClientRects().length > 0 && window.getComputedStyle(swiperContainer).display !== 'none';\n                };\n\n                const updateModalNavState = function() {\n                    if (!modalPrevButton || !modalNextButton) return;\n                    const total = modalTemplateIds.length;\n                    if (total <= 1 || currentModalIndex < 0) {\n                        modalPrevButton.hidden = true;\n                        modalNextButton.hidden = true;\n                        return;\n                    }\n                    const atStart = currentModalIndex <= 0;\n                    const atEnd = currentModalIndex >= total - 1;\n                    modalPrevButton.hidden = atStart;\n                    modalNextButton.hidden = atEnd;\n                    modalPrevButton.disabled = atStart;\n                    modalNextButton.disabled = atEnd;\n                };\n\n                const renderModalByIndex = function(index) {\n                    if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) {\n                        return;\n                    }\n                    if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) {\n                        return;\n                    }\n\n                    const templateId = modalTemplateIds[index];\n                    const template = document.getElementById(templateId);\n                    if (!template) return;\n\n                    currentModalIndex = index;\n                    modalBody.innerHTML = template.innerHTML;\n                    updateModalNavState();\n                };\n\n                const openModalByIndex = function(index, historyMode) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasHidden = modal.hidden;\n                    renderModalByIndex(index);\n                    if (currentModalIndex < 0) return;\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                    if (historyMode) {\n                        updateModalHash(currentModalIndex, historyMode);\n                    }\n                };\n\n                const openRemoteModalHtml = function(html) {\n                    const wasHidden = modal.hidden;\n                    currentModalIndex = -1;\n                    modalBody.innerHTML = html;\n                    updateModalNavState();\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                };\n\n                const fetchModalBySlug = function(slug) {\n                    if (!slug || !carouselIsVisible() || remoteModalSlug === slug) return;\n\n                    const requestId = ++remoteModalRequestId;\n                    remoteModalSlug = slug;\n                    modal.setAttribute('aria-busy', 'true');\n\n                    fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=carousel', {\n                        credentials: 'same-origin',\n                        headers: {\n                            'Accept': 'application\/json'\n                        }\n                    })\n                        .then(function(response) {\n                            if (!response.ok) throw new Error('What\\'s On post not found.');\n                            return response.json();\n                        })\n                        .then(function(data) {\n                            if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                            if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                                throw new Error('Invalid What\\'s On modal response.');\n                            }\n                            openRemoteModalHtml(data.html);\n                        })\n                        .catch(function() {\n                            if (requestId === remoteModalRequestId) {\n                                closeModal(false);\n                            }\n                        })\n                        .finally(function() {\n                            if (requestId === remoteModalRequestId) {\n                                modal.removeAttribute('aria-busy');\n                            }\n                        });\n                };\n\n                const goModalByStep = function(step) {\n                    const nextIndex = currentModalIndex + step;\n                    if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) {\n                        return;\n                    }\n                    renderModalByIndex(nextIndex);\n                    updateModalHash(nextIndex, 'replace');\n                };\n\n                const closeModal = function(updateHistory) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasOpen = !modal.hidden;\n                    modal.hidden = true;\n                    modal.setAttribute('aria-hidden', 'true');\n                    modalBody.innerHTML = '';\n                    if (wasOpen) {\n                        document.body.style.overflow = lastBodyOverflow;\n                    }\n                    currentModalIndex = -1;\n                    updateModalNavState();\n\n                    if (updateHistory && readModalHashSlug() !== '') {\n                        if (window.history.state && window.history.state.klccWhatsOnModal) {\n                            window.history.back();\n                        } else {\n                            window.history.replaceState(\n                                window.history.state,\n                                '',\n                                window.location.pathname + window.location.search\n                            );\n                        }\n                    }\n                };\n\n                const syncModalFromHash = function() {\n                    const slug = readModalHashSlug();\n                    if (slug === '') {\n                        if (currentModalIndex >= 0 || !modal.hidden) {\n                            closeModal(false);\n                        }\n                        return;\n                    }\n                    if (!carouselIsVisible()) return;\n\n                    const index = modalPostSlugs.indexOf(slug);\n                    if (index >= 0) {\n                        openModalByIndex(index, '');\n                    } else {\n                        fetchModalBySlug(slug);\n                    }\n                };\n\n                swiperContainer.querySelectorAll('.klcc-news-card[data-popup-index]').forEach(function(card) {\n                    card.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        const index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                        if (Number.isNaN(index)) return;\n                        openModalByIndex(index, 'push');\n                    });\n                });\n\n                if (modalPrevButton) {\n                    modalPrevButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(-1);\n                    });\n                }\n\n                if (modalNextButton) {\n                    modalNextButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(1);\n                    });\n                }\n\n                modal.addEventListener('click', function(e) {\n                    const target = e.target;\n                    if (!(target instanceof Element)) return;\n                    if (target.closest('[data-modal-close=\"1\"]')) {\n                        closeModal(true);\n                    }\n                });\n\n                document.addEventListener('keydown', function(e) {\n                    if (modal.hidden) return;\n                    if (e.key === 'Escape' && !modal.hidden) {\n                        closeModal(true);\n                        return;\n                    }\n                    if (e.key === 'ArrowLeft') {\n                        e.preventDefault();\n                        goModalByStep(-1);\n                    } else if (e.key === 'ArrowRight') {\n                        e.preventDefault();\n                        goModalByStep(1);\n                    }\n                });\n\n                window.addEventListener('hashchange', syncModalFromHash);\n                window.addEventListener('popstate', syncModalFromHash);\n                syncModalFromHash();\n\n                const swiper = new Swiper(swiperContainer, {\n                    effect: 'coverflow',\n                    grabCursor: true,\n                    centeredSlides: true,\n                    loop: true,\n                    observer: true,\n                    observeParents: true,\n                    slidesPerView: 'auto',\n                    speed: 480,\n                    autoplay: {\n                        delay: 4200,\n                        disableOnInteraction: false,\n                    },\n                    navigation: {\n                        prevEl: prevButton,\n                        nextEl: nextButton,\n                    },\n                    coverflowEffect: {\n                        rotate: 0,\n                        stretch: -6,\n                        depth: 160,\n                        modifier: 1,\n                        slideShadows: false,\n                    },\n                });\n\n                if (displayCount > 0 && paginationContainer) {\n                    paginationContainer.innerHTML = '';\n                    for (let i = 0; i < displayCount; i++) {\n                        const dot = document.createElement('span');\n                        dot.classList.add('custom-bullet');\n                        if (i === 0) dot.classList.add('active');\n                        dot.addEventListener('click', function() {\n                            swiper.slideToLoop(i);\n                        });\n                        paginationContainer.appendChild(dot);\n                    }\n                }\n\n                swiper.on('slideChange', function() {\n                    if (!paginationContainer) return;\n                    const bullets = paginationContainer.querySelectorAll('.custom-bullet');\n                    const activeIndex = displayCount > 0 ? (swiper.realIndex % displayCount) : 0;\n                    bullets.forEach(function(dot, index) {\n                        dot.classList.toggle('active', index === activeIndex);\n                    });\n                });\n\n                if (desktopHoverQuery.matches && swiper.autoplay) {\n                    swiperContainer.addEventListener('mouseenter', function() {\n                        swiper.autoplay.stop();\n                    });\n                    swiperContainer.addEventListener('mouseleave', function() {\n                        swiper.autoplay.start();\n                    });\n                }\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initCarousel, { once: true });\n            } else {\n                initCarousel();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c62d675 e-flex e-con-boxed e-con e-parent\" data-id=\"c62d675\" 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-5a932bd e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5a932bd\" 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-ece84c2 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"ece84c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"524\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5.png\" class=\"attachment-full size-full wp-image-436\" alt=\"KLCC The Place featured destination image\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5.png 524w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5-300x41.png 300w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1e8303 split-text hover-circle-icon elementor-widget elementor-widget-heading\" data-id=\"c1e8303\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/klcc-pulse\/\">Sync With Your PULSE <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b456de klcc-font-museo split-text elementor-widget elementor-widget-heading\" data-id=\"3b456de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Move with the rhythm of KLCC through wellness, art, music, culture and celebrations that bring the city to life.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d746c3 e-con-full expand-hover-row elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child\" data-id=\"5d746c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d07112d e-con-full join-the-pulse expand-hover-card e-flex elementor-invisible e-con e-child\" data-id=\"d07112d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d13d2b6 e-con-full hover-display-none e-flex e-con e-child\" data-id=\"d13d2b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ceccca elementor-widget elementor-widget-heading\" data-id=\"5ceccca\" 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\">Join<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dccb42e elementor-widget elementor-widget-heading\" data-id=\"dccb42e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">the<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-372822c hover-display-none elementor-widget elementor-widget-image\" data-id=\"372822c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"260\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5-1.png\" class=\"attachment-full size-full wp-image-682\" alt=\"KLCC The Place event and destination feature image\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc861f3 pulse-hover-content-html elementor-widget elementor-widget-html\" data-id=\"bc861f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"pulse-hover-content\">\r\n    <p class=\"pulse-hover-tagline\">Take part in activities that get the city moving<\/p>\r\n    <div class=\"pulse-hover-cta-wrap\">\r\n        <a href=\"\/klcctheplace\/beta\/klcc-pulse\/join-the-pulse\/\" style=\"text-decoration: none; color: inherit;\">\r\n            <span style=\"border-bottom: 2px solid white;\">\r\n                Let\u2019s Move <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. \u7236\u5bb9\u5668\u8bbe\u7f6e - \u5efa\u7acb\u52a8\u753b\u57fa\u51c6 *\/\r\n.join-the-pulse {\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* 2. \u80cc\u666f\u906e\u7f69\u5c42 - \u4f7f\u7528\u66f4\u9ad8\u7ea7\u7684\u6e10\u53d8\u66f2\u7ebf *\/\r\n.join-the-pulse::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    \/* \u4ece\u900f\u660e\u5230\u6df1\u8272\u7684\u5e73\u6ed1\u8fc7\u6e21 *\/\r\n    background-image: linear-gradient(180deg, #00000000 50%, #1E1E1E 100%) !important;\r\n    opacity: 1;\r\n    z-index: 1;\r\n    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\r\n}\r\n\r\n\/* Hover \u65f6\u906e\u7f69\u663e\u73b0 *\/\r\n.join-the-pulse:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* 3. \u539f\u6709\u5185\u5bb9 (Logo\/PULSE \u7167\u7247) \u7684\u5411\u4e0a\u63a8\u79fb\u6548\u679c *\/\r\n.join-the-pulse .hover-display-none {\r\n    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n\/* Hover \u65f6\uff1a\u539f\u6709\u5185\u5bb9\u5411\u4e0a\u79fb\u52a8\u5e76\u9010\u6e10\u6d88\u5931 *\/\r\n.join-the-pulse:hover .hover-display-none {\r\n    transform: translateY(-100px); \/* \u5411\u4e0a\u63a8\u8d70 *\/\r\n    opacity: 0;\r\n}\r\n\r\n\/* 4. \u65b0\u5185\u5bb9 (Dive into...) \u7684\u5e73\u6ed1\u6ed1\u5165\u6837\u5f0f *\/\r\n.join-the-pulse .pulse-hover-content {\r\n    \/* \u5b57\u4f53\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n    font-family: \"Museo Sans\", system-ui, -apple-system, sans-serif !important;\r\n    font-size: 1.44rem;\r\n    font-weight: 500;\r\n    line-height: 1.2em;\r\n    color: #ffffff;\r\n    text-align: left;\r\n    \r\n    \/* \u5b9a\u4f4d *\/\r\n    position: absolute;\r\n    top: 55%; \/* \u7a0d\u5fae\u504f\u4e0b\u4e00\u70b9\u5f00\u59cb\u52a8\u753b *\/\r\n    left: 0%;\r\n    width: 100%;\r\n    z-index: 2;\r\n    \r\n    \/* \u521d\u59cb\u72b6\u6001\uff1a\u4e0b\u6c89\u5e76\u900f\u660e *\/\r\n    opacity: 0;\r\n    transform: translateY(20px); \r\n    \r\n    \/* \u52a8\u753b\u66f2\u7ebf\uff1a\u7a0d\u52a0\u5ef6\u8fdf\uff0c\u4ea7\u751f\u8ddf\u968f\u6548\u679c *\/\r\n    transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, \r\n                transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;\r\n}\r\n\r\n.join-the-pulse .pulse-hover-tagline { \r\n    font-family: \"Museo Sans\", system-ui, -apple-system, sans-serif !important;\r\n    font-size: 1.44rem;\r\n    font-weight: 500;\r\n    line-height: 1.2em;\r\n    color: #ffffff;\r\n    text-align: left;\r\n}\r\n\r\n\/* Hover \u65f6\uff1a\u6587\u5b57\u56de\u5230\u89c6\u89c9\u4e2d\u5fc3 *\/\r\n.join-the-pulse:hover .pulse-hover-content {\r\n    opacity: 1;\r\n    transform: translateY(-100%); \/* \u79fb\u52a8\u5230\u5782\u76f4\u5c45\u4e2d *\/\r\n}\r\n\r\n\/* 5. \u5e95\u90e8 CTA \u8fb9\u6846\u88c5\u9970\u52a8\u753b (\u53ef\u9009) *\/\r\n.join-the-pulse .pulse-hover-content span {\r\n    transition: border-color 0.4s ease;\r\n    padding-bottom: 2px;\r\n}\r\n\r\n.join-the-pulse .pulse-hover-cta-wrap {\r\n    text-align: right;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n\/* 6. \u80cc\u666f\u56fe\u7247\u5fae\u52a8 (\u5982\u679c\u662f Elementor \u80cc\u666f\u56fe\u6216 <img>) *\/\r\n.join-the-pulse img, \r\n.join-the-pulse .elementor-widget-container {\r\n    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);\r\n}\r\n\r\n.join-the-pulse:hover img,\r\n.join-the-pulse:hover .elementor-widget-container {\r\n    transform: scale(1.05); \/* \u80cc\u666f\u8f7b\u5fae\u653e\u5927\uff0c\u589e\u52a0\u7a7a\u95f4\u6df1\u5904\u611f *\/\r\n}\r\n\r\n.hover-display-none{\r\n    z-index: 999;\r\n}\r\n\r\n.join-the-pulse:hover .hover-display-none{\r\n    display: flex;\r\n    opacity: 1;\r\n    z-index: 999;\r\n}\r\n\r\n\/* Tablet & mobile: no reliable hover \u2014 show default layer + pulse copy\/CTA always.\r\n   Include :hover so sticky touch-hover cannot hide content.\r\n   Stack branding above HTML; inside HTML, tablet = tagline + CTA row, mobile = column. *\/\r\n@media (max-width: 1024px) {\r\n    .join-the-pulse,\r\n    .join-the-pulse:hover {\r\n        display: flex !important;\r\n        \r\n        justify-content: flex-end !important;\r\n        align-items: stretch !important;\r\n    }\r\n\r\n    .join-the-pulse::before,\r\n    .join-the-pulse:hover::before {\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .join-the-pulse .hover-display-none,\r\n    .join-the-pulse:hover .hover-display-none {\r\n        display: flex !important;\r\n        \r\n        position: relative !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .join-the-pulse .pulse-hover-content,\r\n    .join-the-pulse:hover .pulse-hover-content {\r\n        position: relative !important;\r\n        top: auto !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        z-index: 2 !important;\r\n       \r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        align-items: flex-end !important;\r\n        gap: 0.5rem 1rem !important;\r\n    }\r\n\r\n    .join-the-pulse .pulse-hover-tagline {\r\n        flex: 1 1 auto !important;\r\n        min-width: 0 !important;\r\n    }\r\n\r\n    .join-the-pulse .pulse-hover-cta-wrap {\r\n        flex: 0 0 auto !important;\r\n        text-align: right !important;\r\n    }\r\n\r\n    .join-the-pulse img,\r\n    .join-the-pulse:hover img,\r\n    .join-the-pulse .elementor-widget-container,\r\n    .join-the-pulse:hover .elementor-widget-container {\r\n        transform: none !important;\r\n    }\r\n}\r\n\r\n\/* Mobile: tagline above CTA (full width, CTA under) *\/\r\n@media (max-width: 767px) {\r\n    .join-the-pulse .pulse-hover-content,\r\n    .join-the-pulse:hover .pulse-hover-content {\r\n       \r\n        align-items: stretch !important;\r\n    }\r\n\r\n    .join-the-pulse .pulse-hover-tagline {\r\n        flex: 0 0 auto !important;\r\n    }\r\n\r\n    .join-the-pulse .pulse-hover-cta-wrap {\r\n        text-align: right !important;\r\n      \r\n    }\r\n}\r\n\r\n\/* Tablet only: one row \u2014 tagline left, CTA right *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .join-the-pulse .pulse-hover-content,\r\n    .join-the-pulse:hover .pulse-hover-content {\r\n        flex-direction: row !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-end !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 280px) and (max-width: 760px) {\r\n    .join-the-pulse .pulse-hover-content {\r\n        font-size: 16px;\r\n    }\r\n    .join-the-pulse .pulse-hover-content,\r\n    .join-the-pulse:hover .pulse-hover-content {\r\n        flex-direction: column !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-start !important;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86a3a05 e-con-full feel-the-pulse expand-hover-card e-flex elementor-invisible e-con e-child\" data-id=\"86a3a05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a027c39 e-con-full hover-display-none e-flex e-con e-child\" data-id=\"a027c39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a063def elementor-widget elementor-widget-heading\" data-id=\"a063def\" 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\">Feel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f4d6c elementor-widget elementor-widget-heading\" data-id=\"d8f4d6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">the<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bbc422 hover-display-none elementor-widget elementor-widget-image\" data-id=\"4bbc422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"260\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5-1.png\" class=\"attachment-full size-full wp-image-682\" alt=\"KLCC The Place event and destination feature image\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-330bef8 pulse-hover-content-html elementor-widget elementor-widget-html\" data-id=\"330bef8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pulse-hover-content\">\r\n    <div class=\"pulse-hover-tagline\">Experience art, music and culture that move the senses\r\n<\/div>\r\n    <div class=\"pulse-hover-cta-wrap\">\r\n        <a href=\"\/klcctheplace\/beta\/klcc-pulse\/feel-the-pulse\/\" style=\"text-decoration: none; color: inherit;\">\r\n            <span style=\"border-bottom: 2px solid white;\">\r\n                Let\u2019s Enjoy <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. \u7236\u5bb9\u5668\u8bbe\u7f6e - \u5efa\u7acb\u52a8\u753b\u57fa\u51c6 *\/\r\n.feel-the-pulse {\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* 2. \u80cc\u666f\u906e\u7f69\u5c42 - \u4f7f\u7528\u66f4\u9ad8\u7ea7\u7684\u6e10\u53d8\u66f2\u7ebf *\/\r\n.feel-the-pulse::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    \/* \u4ece\u900f\u660e\u5230\u6df1\u8272\u7684\u5e73\u6ed1\u8fc7\u6e21 *\/\r\n    background-image: linear-gradient(180deg, #00000000 50%, #1E1E1E 100%) !important;\r\n    opacity: 1;\r\n    z-index: 1;\r\n    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\r\n}\r\n\r\n\/* Hover \u65f6\u906e\u7f69\u663e\u73b0 *\/\r\n.feel-the-pulse:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* 3. \u539f\u6709\u5185\u5bb9 (Logo\/PULSE \u7167\u7247) \u7684\u5411\u4e0a\u63a8\u79fb\u6548\u679c *\/\r\n.feel-the-pulse .hover-display-none {\r\n    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n\/* Hover \u65f6\uff1a\u539f\u6709\u5185\u5bb9\u5411\u4e0a\u79fb\u52a8\u5e76\u9010\u6e10\u6d88\u5931 *\/\r\n.feel-the-pulse:hover .hover-display-none {\r\n    transform: translateY(-100px); \/* \u5411\u4e0a\u63a8\u8d70 *\/\r\n    opacity: 0;\r\n}\r\n\r\n\/* 4. \u65b0\u5185\u5bb9 (Dive into...) \u7684\u5e73\u6ed1\u6ed1\u5165\u6837\u5f0f *\/\r\n.feel-the-pulse .pulse-hover-content {\r\n    \/* \u5b57\u4f53\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n    font-family: \"Museo Sans\", system-ui, -apple-system, sans-serif !important;\r\n    font-size: 1.44rem;\r\n    font-weight: 500;\r\n    line-height: 1.2em;\r\n    color: #ffffff;\r\n    text-align: left;\r\n    \r\n    \/* \u5b9a\u4f4d *\/\r\n    position: absolute;\r\n    top: 55%; \/* \u7a0d\u5fae\u504f\u4e0b\u4e00\u70b9\u5f00\u59cb\u52a8\u753b *\/\r\n    left: 0%;\r\n    width: 100%;\r\n    z-index: 2;\r\n    \r\n    \/* \u521d\u59cb\u72b6\u6001\uff1a\u4e0b\u6c89\u5e76\u900f\u660e *\/\r\n    opacity: 0;\r\n    transform: translateY(20px); \r\n    \r\n    \/* \u52a8\u753b\u66f2\u7ebf\uff1a\u7a0d\u52a0\u5ef6\u8fdf\uff0c\u4ea7\u751f\u8ddf\u968f\u6548\u679c *\/\r\n    transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, \r\n                transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;\r\n}\r\n\r\n\/* Hover \u65f6\uff1a\u6587\u5b57\u56de\u5230\u89c6\u89c9\u4e2d\u5fc3 *\/\r\n.feel-the-pulse:hover .pulse-hover-content {\r\n    opacity: 1;\r\n    transform: translateY(-100%); \/* \u79fb\u52a8\u5230\u5782\u76f4\u5c45\u4e2d *\/\r\n}\r\n\r\n\/* 5. \u5e95\u90e8 CTA \u8fb9\u6846\u88c5\u9970\u52a8\u753b (\u53ef\u9009) *\/\r\n.feel-the-pulse .pulse-hover-content span {\r\n    transition: border-color 0.4s ease;\r\n    padding-bottom: 2px;\r\n}\r\n\r\n.feel-the-pulse .pulse-hover-cta-wrap {\r\n    text-align: right;\r\n      font-weight: 700 !important;\r\n}\r\n\r\n\/* 6. \u80cc\u666f\u56fe\u7247\u5fae\u52a8 (\u5982\u679c\u662f Elementor \u80cc\u666f\u56fe\u6216 <img>) *\/\r\n.feel-the-pulse img, \r\n.feel-the-pulse .elementor-widget-container {\r\n    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);\r\n}\r\n\r\n.feel-the-pulse:hover img,\r\n.feel-the-pulse:hover .elementor-widget-container {\r\n    transform: scale(1.05); \/* \u80cc\u666f\u8f7b\u5fae\u653e\u5927\uff0c\u589e\u52a0\u7a7a\u95f4\u6df1\u5904\u611f *\/\r\n}\r\n\r\n.hover-display-none{\r\n    z-index: 999;\r\n}\r\n\r\n.feel-the-pulse:hover .hover-display-none{\r\n    display: flex;\r\n    opacity: 1;\r\n    z-index: 999;\r\n}\r\n\r\n\/* Tablet & mobile: no reliable hover \u2014 show default layer + pulse copy\/CTA always.\r\n   Include :hover so sticky touch-hover cannot hide content.\r\n   Stack branding above HTML; inside HTML, tablet = tagline + CTA row, mobile = column. *\/\r\n@media (max-width: 1024px) {\r\n    .feel-the-pulse,\r\n    .feel-the-pulse:hover {\r\n        display: flex !important;\r\n       \r\n        justify-content: flex-end !important;\r\n        align-items: stretch !important;\r\n    }\r\n\r\n    .feel-the-pulse::before,\r\n    .feel-the-pulse:hover::before {\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .feel-the-pulse .hover-display-none,\r\n    .feel-the-pulse:hover .hover-display-none {\r\n        display: flex !important;\r\n       \r\n        position: relative !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .feel-the-pulse .pulse-hover-content,\r\n    .feel-the-pulse:hover .pulse-hover-content {\r\n        position: relative !important;\r\n        top: auto !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        z-index: 2 !important;\r\n        \r\n       \r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        align-items: flex-end !important;\r\n        gap: 0.5rem 1rem !important;\r\n    }\r\n\r\n    .feel-the-pulse .pulse-hover-tagline {\r\n        flex: 1 1 auto !important;\r\n        min-width: 0 !important;\r\n    }\r\n\r\n    .feel-the-pulse .pulse-hover-cta-wrap {\r\n        flex: 0 0 auto !important;\r\n        text-align: right !important;\r\n    }\r\n\r\n    .feel-the-pulse img,\r\n    .feel-the-pulse:hover img,\r\n    .feel-the-pulse .elementor-widget-container,\r\n    .feel-the-pulse:hover .elementor-widget-container {\r\n        transform: none !important;\r\n    }\r\n}\r\n\r\n\/* Mobile: tagline above CTA (full width, CTA under) *\/\r\n@media (max-width: 767px) {\r\n    .feel-the-pulse .pulse-hover-content,\r\n    .feel-the-pulse:hover .pulse-hover-content {\r\n       \r\n        align-items: stretch !important;\r\n    }\r\n\r\n    .feel-the-pulse .pulse-hover-tagline {\r\n        flex: 0 0 auto !important;\r\n    }\r\n\r\n    .feel-the-pulse .pulse-hover-cta-wrap {\r\n        text-align: right !important;\r\n       \r\n    }\r\n}\r\n\r\n\/* Tablet only: one row \u2014 tagline left, CTA right *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .feel-the-pulse .pulse-hover-content,\r\n    .feel-the-pulse:hover .pulse-hover-content {\r\n        flex-direction: row !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-end !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 280px) and (max-width: 760px){\r\n    .feel-the-pulse .pulse-hover-content {\r\n        font-size: 16px;\r\n    }\r\n    .feel-the-pulse .pulse-hover-content,\r\n    .feel-the-pulse:hover .pulse-hover-content {\r\n        flex-direction: column !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-start !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb6cda7 e-con-full be-the-pulse expand-hover-card e-flex elementor-invisible e-con e-child\" data-id=\"fb6cda7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bb41704 e-con-full hover-display-none e-flex e-con e-child\" data-id=\"bb41704\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4eb8d0 elementor-widget elementor-widget-heading\" data-id=\"d4eb8d0\" 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\">be<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5de4d68 elementor-widget elementor-widget-heading\" data-id=\"5de4d68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">the<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3efb31 hover-display-none elementor-widget elementor-widget-image\" data-id=\"f3efb31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"260\" height=\"71\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5-1.png\" class=\"attachment-full size-full wp-image-682\" alt=\"KLCC The Place event and destination feature image\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9150dd5 pulse-hover-content-html elementor-widget elementor-widget-html\" data-id=\"9150dd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"pulse-hover-content\">\r\n    <div class=\"pulse-hover-tagline\">Celebrate shared moments that bring the community together<\/div>\r\n    <div class=\"pulse-hover-cta-wrap\">\r\n        <a href=\"\/klcctheplace\/beta\/klcc-pulse\/be-the-pulse\/\" style=\"text-decoration: none; color: inherit;\">\r\n            <span style=\"border-bottom: 2px solid white;\">\r\n                Let\u2019s Celebrate <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. \u7236\u5bb9\u5668\u8bbe\u7f6e - \u5efa\u7acb\u52a8\u753b\u57fa\u51c6 *\/\r\n.be-the-pulse {\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* 2. \u80cc\u666f\u906e\u7f69\u5c42 - \u4f7f\u7528\u66f4\u9ad8\u7ea7\u7684\u6e10\u53d8\u66f2\u7ebf *\/\r\n.be-the-pulse::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    \/* \u4ece\u900f\u660e\u5230\u6df1\u8272\u7684\u5e73\u6ed1\u8fc7\u6e21 *\/\r\n    background-image: linear-gradient(180deg, #00000000 50%, #1E1E1E 100%) !important;\r\n    opacity: 1;\r\n    z-index: 1;\r\n    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\r\n}\r\n\r\n\/* Hover \u65f6\u906e\u7f69\u663e\u73b0 *\/\r\n.be-the-pulse:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* 3. \u539f\u6709\u5185\u5bb9 (Logo\/PULSE \u7167\u7247) \u7684\u5411\u4e0a\u63a8\u79fb\u6548\u679c *\/\r\n.be-the-pulse .hover-display-none {\r\n    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n\/* Hover \u65f6\uff1a\u539f\u6709\u5185\u5bb9\u5411\u4e0a\u79fb\u52a8\u5e76\u9010\u6e10\u6d88\u5931 *\/\r\n.be-the-pulse:hover .hover-display-none {\r\n    transform: translateY(-100px); \/* \u5411\u4e0a\u63a8\u8d70 *\/\r\n    opacity: 0;\r\n}\r\n\r\n\/* 4. \u65b0\u5185\u5bb9 (Dive into...) \u7684\u5e73\u6ed1\u6ed1\u5165\u6837\u5f0f *\/\r\n.be-the-pulse .pulse-hover-content {\r\n    \/* \u5b57\u4f53\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n    font-family: \"Museo Sans\", system-ui, -apple-system, sans-serif !important;\r\n    font-size: 1.44rem;\r\n    font-weight: 500;\r\n    line-height: 1.4em;\r\n    color: #ffffff;\r\n    text-align: left;\r\n    \r\n    \/* \u5b9a\u4f4d *\/\r\n    position: absolute;\r\n    top: 55%; \/* \u7a0d\u5fae\u504f\u4e0b\u4e00\u70b9\u5f00\u59cb\u52a8\u753b *\/\r\n    left: 0%;\r\n    width: 100%;\r\n    z-index: 2;\r\n    \r\n    \/* \u521d\u59cb\u72b6\u6001\uff1a\u4e0b\u6c89\u5e76\u900f\u660e *\/\r\n    opacity: 0;\r\n    transform: translateY(20px); \r\n    \r\n    \/* \u52a8\u753b\u66f2\u7ebf\uff1a\u7a0d\u52a0\u5ef6\u8fdf\uff0c\u4ea7\u751f\u8ddf\u968f\u6548\u679c *\/\r\n    transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, \r\n                transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;\r\n}\r\n\r\n\/* Hover \u65f6\uff1a\u6587\u5b57\u56de\u5230\u89c6\u89c9\u4e2d\u5fc3 *\/\r\n.be-the-pulse:hover .pulse-hover-content {\r\n    opacity: 1;\r\n    transform: translateY(-100%); \/* \u79fb\u52a8\u5230\u5782\u76f4\u5c45\u4e2d *\/\r\n}\r\n\r\n\/* 5. \u5e95\u90e8 CTA \u8fb9\u6846\u88c5\u9970\u52a8\u753b (\u53ef\u9009) *\/\r\n.be-the-pulse .pulse-hover-content span {\r\n    transition: border-color 0.4s ease;\r\n    padding-bottom: 2px;\r\n}\r\n\r\n.be-the-pulse .pulse-hover-cta-wrap {\r\n    text-align: right;\r\n      font-weight: 700 !important;\r\n}\r\n\r\n\/* 6. \u80cc\u666f\u56fe\u7247\u5fae\u52a8 (\u5982\u679c\u662f Elementor \u80cc\u666f\u56fe\u6216 <img>) *\/\r\n.be-the-pulse img, \r\n.be-the-pulse .elementor-widget-container {\r\n    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);\r\n}\r\n\r\n.be-the-pulse:hover img,\r\n.be-the-pulse:hover .elementor-widget-container {\r\n    transform: scale(1.05); \/* \u80cc\u666f\u8f7b\u5fae\u653e\u5927\uff0c\u589e\u52a0\u7a7a\u95f4\u6df1\u5904\u611f *\/\r\n}\r\n\r\n.hover-display-none{\r\n    z-index: 999;\r\n}\r\n\r\n.be-the-pulse:hover .hover-display-none{\r\n    display: flex;\r\n    opacity: 1;\r\n    z-index: 999;\r\n}\r\n\r\n\/* Tablet & mobile: no reliable hover \u2014 show default layer + pulse copy\/CTA always.\r\n   Include :hover so sticky touch-hover cannot hide content.\r\n   Stack branding above HTML; inside HTML, tablet = tagline + CTA row, mobile = column. *\/\r\n@media (max-width: 1024px) {\r\n    .be-the-pulse,\r\n    .be-the-pulse:hover {\r\n        display: flex !important;\r\n       \r\n        justify-content: flex-end !important;\r\n        align-items: stretch !important;\r\n    }\r\n\r\n    .be-the-pulse::before,\r\n    .be-the-pulse:hover::before {\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .be-the-pulse .hover-display-none,\r\n    .be-the-pulse:hover .hover-display-none {\r\n        display: flex !important;\r\n       \r\n        position: relative !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .be-the-pulse .pulse-hover-content,\r\n    .be-the-pulse:hover .pulse-hover-content {\r\n        position: relative !important;\r\n        top: auto !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        z-index: 2 !important;\r\n       \r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        align-items: flex-end !important;\r\n        gap: 0.5rem 1rem !important;\r\n    }\r\n\r\n    .be-the-pulse .pulse-hover-tagline {\r\n        flex: 1 1 auto !important;\r\n        min-width: 0 !important;\r\n    }\r\n\r\n    .be-the-pulse .pulse-hover-cta-wrap {\r\n        flex: 0 0 auto !important;\r\n        text-align: right !important;\r\n    }\r\n\r\n    .be-the-pulse img,\r\n    .be-the-pulse:hover img,\r\n    .be-the-pulse .elementor-widget-container,\r\n    .be-the-pulse:hover .elementor-widget-container {\r\n        transform: none !important;\r\n    }\r\n}\r\n\r\n\/* Mobile: tagline above CTA (full width, CTA under) *\/\r\n@media (max-width: 767px) {\r\n    .be-the-pulse .pulse-hover-content,\r\n    .be-the-pulse:hover .pulse-hover-content {\r\n      \r\n        align-items: stretch !important;\r\n    }\r\n\r\n    .be-the-pulse .pulse-hover-tagline {\r\n        flex: 0 0 auto !important;\r\n    }\r\n\r\n    .be-the-pulse .pulse-hover-cta-wrap {\r\n        text-align: right !important;\r\n        \r\n    }\r\n}\r\n\r\n\/* Tablet only: one row \u2014 tagline left, CTA right *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .be-the-pulse .pulse-hover-content,\r\n    .be-the-pulse:hover .pulse-hover-content {\r\n        flex-direction: row !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-end !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 280px) and (max-width: 760px) {\r\n    .be-the-pulse .pulse-hover-content {\r\n        font-size: 16px;\r\n    }\r\n    .be-the-pulse .pulse-hover-content,\r\n    .be-the-pulse:hover .pulse-hover-content {\r\n        flex-direction: column !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-start !important;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af3c8cc e-con-full e-flex e-con e-child\" data-id=\"af3c8cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3a6a7 elementor-widget elementor-widget-shortcode\" data-id=\"3e3a6a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">      <div\n        class=\"klcc-pulse-row\"\n        id=\"klcc-ps-1\"\n        style=\"\n          --klcc-ps-h: 425px;\n          --klcc-ps-h-tablet: 425px;\n          --klcc-ps-h-mobile: 170px;\n          --klcc-ps-radius: 16px;\n          --klcc-ps-gap: 20px;\n        \"\n      >\n                  <a class=\"klcc-pulse-card\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse\/join-the-pulse\/\" aria-label=\"Take part in activities that get the city moving\">\n            <img class=\"klcc-pulse-card__img\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_703-scaled.jpg\" alt=\"Take part in activities that get the city moving\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"klcc-pulse-card__content\">\n                              <div class=\"klcc-pulse-card__label\">\n                                      <h2 class=\"klcc-pulse-card__label-heading\">JOIN the<\/h2>\n                                                        <div class=\"klcc-pulse-card__label-image\">\n                      <img src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Untitled-5-1.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                                  <\/div>\n              \n              <div class=\"klcc-pulse-card__hover\">\n                <div class=\"klcc-pulse-card__hover-inner\">\n                                      <p class=\"klcc-pulse-card__tagline\">Take part in activities that get the city moving<\/p>\n                  \n                                      <div class=\"klcc-pulse-card__cta-wrap\">\n                      <span>Let&#039;s Move <i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/span>\n                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a class=\"klcc-pulse-card\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse\/feel-the-pulse\/\" aria-label=\"Experience art, music and culture that move the senses\">\n            <img class=\"klcc-pulse-card__img\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_667-B-scaled.jpg\" alt=\"Experience art, music and culture that move the senses\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"klcc-pulse-card__content\">\n                              <div class=\"klcc-pulse-card__label\">\n                                      <h2 class=\"klcc-pulse-card__label-heading\">FEEL the<\/h2>\n                                                        <div class=\"klcc-pulse-card__label-image\">\n                      <img src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Pulse.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                                  <\/div>\n              \n              <div class=\"klcc-pulse-card__hover\">\n                <div class=\"klcc-pulse-card__hover-inner\">\n                                      <p class=\"klcc-pulse-card__tagline\">Experience art, music and culture that move the senses<\/p>\n                  \n                                      <div class=\"klcc-pulse-card__cta-wrap\">\n                      <span>Let&#039;s Enjoy <i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/span>\n                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a class=\"klcc-pulse-card\" href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/klcc-pulse\/be-the-pulse\/\" aria-label=\"Celebrate shared moments that bring the community together\">\n            <img class=\"klcc-pulse-card__img\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-MERDEKA-2025-0716-scaled.jpg\" alt=\"Celebrate shared moments that bring the community together\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"klcc-pulse-card__content\">\n                              <div class=\"klcc-pulse-card__label\">\n                                      <h2 class=\"klcc-pulse-card__label-heading\">BE the<\/h2>\n                                                        <div class=\"klcc-pulse-card__label-image\">\n                      <img src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/Pulse.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                                  <\/div>\n              \n              <div class=\"klcc-pulse-card__hover\">\n                <div class=\"klcc-pulse-card__hover-inner\">\n                                      <p class=\"klcc-pulse-card__tagline\">Celebrate shared moments that bring the community together<\/p>\n                  \n                                      <div class=\"klcc-pulse-card__cta-wrap\">\n                      <span>Let&#039;s Celebrate <i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/span>\n                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n              <\/div>\n      <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a24386 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2a24386\" 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-af8128f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"af8128f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c04d3e2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"c04d3e2\" 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-f0c14c4 klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"f0c14c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Plan Your Visit<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b2fea2 e-con-full e-flex e-con e-child\" data-id=\"6b2fea2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37a6770 klcc-font-museo split-text pyv-icon elementor-widget elementor-widget-heading\" data-id=\"37a6770\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/plan-your-visit\/#getting-here\">Getting Here  <i class=\"fas fa-chevron-right\"><\/i><\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b0ad0c e-con-full e-flex e-con e-child\" data-id=\"0b0ad0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4774598 klcc-font-museo split-text pyv-icon elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4774598\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/plan-your-visit\/#operating-hours\">Operating Hours  <i class=\"fas fa-chevron-right\"><\/i><\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca57f47 e-con-full e-flex e-con e-child\" data-id=\"ca57f47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9192f76 klcc-font-museo split-text pyv-icon elementor-widget elementor-widget-heading\" data-id=\"9192f76\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/plan-your-visit\/#visitor-information\">Visitor\u2019s Guide  <i class=\"fas fa-chevron-right\"><\/i><\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57c5df1 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"57c5df1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3d2011c e-con-full e-flex e-con e-child\" data-id=\"3d2011c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-02dddbb e-con-full e-flex e-con e-child\" data-id=\"02dddbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d7fda9d e-con-full e-flex e-con e-child\" data-id=\"d7fda9d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e61491f gradient-text elementor-widget elementor-widget-heading\" data-id=\"e61491f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Place at a Glance<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b158af2 elementor-widget elementor-widget-heading\" data-id=\"b158af2\" 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\">A look back at unforgettable moments at KLCC The Place<\/h2>\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<div class=\"elementor-element elementor-element-0cfea88 e-con-full e-flex e-con e-child\" data-id=\"0cfea88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3330ef elementor-widget elementor-widget-shortcode\" data-id=\"d3330ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        #klcc-news-2792 {\n            --klcc-amber: #f3c142;\n            --klcc-green: #7fc242;\n            --klcc-white: #ffffff;\n            --klcc-overlay-from: rgba(0, 0, 0, 0.94);\n            --klcc-overlay-mid: rgba(0, 0, 0, 0.74);\n            --klcc-overlay-to: rgba(0, 0, 0, 0);\n            width: 100%;\n            padding: 20px 0 0;\n            position: relative;\n            overflow: visible;\n        }\n\n        #klcc-news-2792 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-2792 .klcc-news-card {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-sizing: border-box;\n            text-decoration: none !important;\n            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\n            filter: blur(3px) brightness(0.7) saturate(0.85);\n            opacity: 0.82;\n            transform: scale(0.93);\n            transition: filter 0.35s ease, transform 0.4s ease, opacity 0.35s ease, box-shadow 0.3s ease;\n        }\n\n        #klcc-news-2792 .swiper-slide-active .klcc-news-card {\n            filter: none;\n            opacity: 1;\n            transform: scale(1);\n            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);\n        }\n\n        #klcc-news-2792 .klcc-card-bg {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n            transition: transform 0.45s ease;\n        }\n\n        #klcc-news-2792 .klcc-card-overlay-tint {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            height: 42%;\n            z-index: 2;\n            background: linear-gradient(0deg, var(--klcc-overlay-from) 0%, var(--klcc-overlay-mid) 54%, var(--klcc-overlay-to) 100%);\n            opacity: 0;\n            transition: opacity 0.35s ease;\n            pointer-events: none;\n        }\n\n        #klcc-news-2792 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-2792 .klcc-card-content {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            min-height: 40%;\n            z-index: 3;\n            padding: 20px 18px 16px;\n            display: flex;\n            align-items: flex-end;\n            justify-content: stretch;\n            text-align: left;\n            pointer-events: none;\n        }\n\n        #klcc-news-2792 .klcc-card-main {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 14px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        #klcc-news-2792 .klcc-card-title {\n            margin: 0 !important;\n            color: var(--klcc-white) !important;\n            font-size: clamp(0.98rem, 1.08vw, 1.16rem);\n            font-weight: 700;\n            line-height: 1.18;\n            opacity: 0;\n            transform: translateY(10px);\n            transition: color 0.28s ease, opacity 0.3s ease, transform 0.3s ease;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            flex: 1 1 auto;\n            min-width: 0;\n        }\n\n        #klcc-news-2792 .klcc-card-cta {\n            width: 24px;\n            height: 24px;\n            min-width: 24px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--klcc-amber);\n            opacity: 0;\n            transform: translateY(10px);\n            transition: opacity 0.28s ease, transform 0.28s ease;\n            flex: 0 0 24px;\n        }\n\n        #klcc-news-2792 .klcc-card-cta svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n        }\n\n        \/* Requirement: title appears only on hover\/focus *\/\n        #klcc-news-2792 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-2792 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-2792 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-2792 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-2792 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-2792 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-2792 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-2792 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-2792 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-2792 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-2792 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-2792 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-2792 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-2792 .klcc-custom-pagination {\n            text-align: center;\n            margin-top: 20px;\n            z-index: 10;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        #klcc-news-2792 .klcc-custom-pagination .custom-bullet {\n            width: 10px;\n            height: 10px;\n            background: #d2d2d2;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background 0.28s ease;\n        }\n\n        #klcc-news-2792 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-2792 .klcc-news-nav-btn {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            width: 56px !important;\n            height: 56px !important;\n            border-radius: 50% !important;\n            border: none !important;\n            outline: none !important;\n            background-color: rgba(255, 255, 255, 0.92) !important;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;\n            color: #204a8a !important;\n            cursor: pointer !important;\n            z-index: 12;\n            transition: all 0.25s ease !important;\n            padding: 0 !important;\n        }\n\n        #klcc-news-2792 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-2792 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-2792 .klcc-news-nav-btn:hover,\n        #klcc-news-2792 .klcc-news-nav-btn:focus {\n            background-color: #204a8a !important;\n            color: #ffffff !important;\n            transform: translateY(-50%) scale(1.05) !important;\n            box-shadow: 0 6px 20px rgba(32, 74, 138, 0.28) !important;\n        }\n\n        #klcc-news-2792 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-2792 .klcc-news-nav-btn.swiper-button-disabled {\n            opacity: 0 !important;\n            visibility: hidden !important;\n            cursor: not-allowed !important;\n        }\n\n        \/* Popup *\/\n        #klcc-news-2792-modal.klcc-news-modal {\n            position: fixed !important;\n            inset: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: 2147483000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n        }\n\n        #klcc-news-2792-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__panel {\n            --klcc-news-modal-panel-w: min(1400px, 95vw);\n            position: relative;\n            z-index: 1;\n            width: var(--klcc-news-modal-panel-w);\n            height: min(820px, 88vh);\n            border-radius: 36px;\n            background: #dff1f5;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);\n            padding: 30px 34px;\n            overflow: hidden;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            width: 64px;\n            height: 64px;\n            border: 0;\n            border-radius: 50%;\n            background: #ffffff;\n            color: #80a62a;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n            z-index: 2;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 56px;\n            height: 56px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n            z-index: 2;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__nav:hover,\n        #klcc-news-2792-modal .klcc-news-modal__nav:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: translateY(-50%) scale(1.04);\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.9fr);\n            gap: 28px;\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__title {\n            margin: 0 0 18px 0;\n            color: #133c86;\n            font-size: clamp(30px, 2.6vw, 52px);\n            line-height: 1.04;\n            font-weight: 800;\n            letter-spacing: -0.01em;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__scroll {\n            flex: 1;\n            min-height: 0;\n            overflow-y: auto;\n            padding-right: 10px;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__scroll p {\n            margin: 0 0 18px 0;\n            color: #101820;\n            font-size: clamp(18px, 1.15vw, 24px);\n            line-height: 1.35;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__meta p {\n            margin: 0 0 6px 0;\n            color: #101820;\n            font-size: clamp(18px, 1.1vw, 23px);\n            line-height: 1.35;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__link-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 50px;\n            max-width: 100%;\n            padding: 12px 30px;\n            border-radius: 999px;\n            background: #285897;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            text-align: center;\n            font-weight: 700;\n            font-size: clamp(16px, 1.28vw, 20px);\n            line-height: 1.15;\n            letter-spacing: 0;\n            transition: background-color 180ms ease, transform 180ms ease;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-2792-modal .klcc-news-modal__link-button:focus-visible {\n            background: #1f4a82;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            outline: none;\n            transform: translateY(-1px);\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n        }\n\n        #klcc-news-2792-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: #d9d9d9;\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-2792-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-2792-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-2792-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-2792-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-2792-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-2792-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-2792 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-2792 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-2792 .klcc-news-card,\n            #klcc-news-2792 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-2792 .klcc-card-overlay-tint,\n            #klcc-news-2792 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-2792 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-2792 .swiper-slide,\n            #klcc-news-2792 .klcc-news-card,\n            #klcc-news-2792 .klcc-card-bg,\n            #klcc-news-2792 .klcc-card-overlay-tint,\n            #klcc-news-2792 .klcc-card-title,\n            #klcc-news-2792 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-2792\" class=\"swiper klcc-news-swiper\">\n        <button class=\"klcc-news-nav-btn klcc-news-prev-btn\" aria-label=\"Previous\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <button class=\"klcc-news-nav-btn klcc-news-next-btn\" aria-label=\"Next\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-symphony-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-2.png\" alt=\"Sky Xperience \u2013 Symphony Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience \u2013 Symphony Xperience\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-kl-hop-on-hop-off-package\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"sky-xperience-kl-hop-on-hop-off-package\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience + KL Hop-On-Hop-Off Package\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-1.png\" alt=\"Sky Xperience + KL Hop-On-Hop-Off Package\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience + KL Hop-On-Hop-Off Package\">Sky Xperience + KL Hop-On-Hop-Off Package<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"3\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=dewan-filharmonik-petronas-presents-a-dance-spectacular\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"4\"\n                       data-popup-slug=\"dewan-filharmonik-petronas-presents-a-dance-spectacular\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-1.jpg\" alt=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\">Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"5\"\n                       data-popup-slug=\"cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumnbnail.jpg\" alt=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\">Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=anoushka-shankar-live-in-kuala-lumpur-convention-centre\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"6\"\n                       data-popup-slug=\"anoushka-shankar-live-in-kuala-lumpur-convention-centre\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-683x1024.jpg\" alt=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\">Anoushka Shankar Live in Kuala Lumpur Convention Centre<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-symphony-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-symphony-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience \u2013 Symphony Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Main-thumbnail-2.png\" alt=\"Sky Xperience \u2013 Symphony Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience \u2013 Symphony Xperience\">Sky Xperience \u2013 Symphony Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n\n    <div id=\"klcc-news-2792-templates\" hidden>\n                                <template id=\"klcc-news-2792-tpl-0-9072\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience \u2013 Symphony Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">FROM&nbsp; SKY TO SYMPHONY.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Begin your journey at the PETRONAS Twin Towers Sky X Observation Deck, where sweeping city views set the stage. Then, immerse yourself in culture with a guided tour of Dewan Filharmonik PETRONAS Symphonic Hall. One seamless experience \u2013 where iconic architecture, music, and breathtaking perspectives come together.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">A bundled visitor experience combing:&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<ul class=\"wp-block-list\"><\/p>\n<li>Sky Deck observation journey<\/li>\n<p><\/p>\n<p><\/p>\n<li>Guided DFP Symphonic Hall Tour<\/li>\n<p><\/p>\n<p><\/p>\n<li>Sky Xperience &amp; DFP merchandise\u00a0<\/li>\n<p><\/ul>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Designed to enhance visitor value by integrating iconic skyline views with a cultural music.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(Available on certain dates only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience \u2013 Symphony Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.jpg\" alt=\"Sky Xperience \u2013 Symphony Xperience\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-2792-tpl-1-9068\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience + KL Hop-On-Hop-Off Package<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience Kuala Lumpur from two iconic perspectives in one seamless journey.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Start with breathtaking panoramic views from the PETRONAS Twin Towers Sky Xperience, then continue your evening with the KL Hop-On-Hop-Off City of Lights tour \u2013 a curated night ride through the city\u2019s most celebrated landmarks.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">This exclusive combination offers visitors a complete day-to-night Kuala Lumpur experience, blending world-class architecture with vibrant city exploration.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Visitors need to be at the designated pick-up point, the Petrosains Taxi Stand, KLCC, before 8.00pm to redeem the tickets, bus departs at 8.15pm.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 7.00pm slot only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience + KL Hop-On-Hop-Off Package                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Sky Xperience + KL Hop-On-Hop-Off Package\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-2792-tpl-2-9062\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Evening Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience the PETRONAS Twin Towers at their most magical during the golden hours. Enjoy a guided tour lead by our staff, the Sky Guide, visit the iconic Sky Bridge on Level 41, and take in panoramic views from the Sky Deck on Level 86. Complete your journey with a complimentary beverage at Sky Caf\u00e9 by Maja, making for an unforgettable evening above Kuala Lumpur\u2019s glittering skyline.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 6.00pm, 6.15pm &amp; 6.30pm slots only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Evening Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-2792-tpl-3-9058\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur from a whole new perspective. Wrap your journey with exquisite souvenirs at the Sky Shop!<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience Standard Visit                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-2792-tpl-4-9054\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Celebrate the beauty of our traditional heritage arts only at DFP with <em>A Dance Spectacular<\/em> on Saturday, 5 September 2026 at 8.00 pm. Featuring ASK Dance Company and Dua Space Dance Theatre, this captivating showcase brings together traditional and contemporary dance inspired by culture, heritage and the forces of nature.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Enjoy a 20% Family Package discount with the purchase of six tickets in the Premium and A Reserve categories.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 5 September 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 am<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.dfp.com.my\/a-dance-spectacular\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                A Dance Spectacular                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-1-724x1024.jpg\" alt=\"Dewan Filharmonik PETRONAS Presents &#8216;A Dance Spectacular&#8217;\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-2792-tpl-5-9049\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Step into the world of beauty innovation at Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026, Malaysia\u2019s largest and longest-running beauty trade shows.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Bringing together leading brands, industry professionals, and emerging trends, this premier event showcases the latest in skincare, cosmetics, wellness, aesthetics, and beauty technology\u2014all under one roof.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udcc5 Date: 29 September \u2013 1 October 2026<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udccd Venue: Kuala Lumpur Convention Centre (KLCC)<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Whether you are a beauty professional, business owner, or enthusiast, this event offers an excellent platform to explore new products, discover market innovations, and connect with industry experts.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Stay ahead in the ever-evolving beauty industry\u2014don\u2019t miss this exclusive opportunity to experience the best of beauty in one place.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Tuesday, 29 September 2026<\/p>\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Kuala Lumpur Convention Centre (KLCC)<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.cosmobeautemalaysia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Cosmobeaut\u00e9 Malaysia                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-1024x1024.png\" alt=\"Cosmobeaut\u00e9 Malaysia &amp; Beautyexpo 2026 \u2013 Discover the Future of Beauty\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-2792-tpl-6-9043\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Anoushka Shankar Live in Kuala Lumpur Convention Centre<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience an extraordinary evening of music as world-renowned sitar virtuoso Anoushka Shankar takes the stage in Kuala Lumpur.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Set against an intimate and immersive atmosphere, this live performance promises a captivating fusion of classical tradition and contemporary expression\u2014offering audiences a truly unforgettable musical journey.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">\ud83d\udcc5 Date: 4 October 2026<br \/>\ud83d\udd57 Time: 8:00 PM<br \/>\ud83d\udccd Venue: Plenary Hall, Kuala Lumpur Convention Centre (KLCC)<br \/>\ud83c\udf9f\ufe0f Tickets available at: www.ticket2u.com.my<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Don\u2019t miss this rare opportunity to witness a globally celebrated artist live in KL. Secure your seats early for an evening of artistry and soulful soundscapes.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Sunday, 4 October 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 am<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Plenary Hall, Kuala Lumpur Convention Centre (KLCC)<\/p>\n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/www.ticket2u.com.my\/event\/49360\/anoushka-shankar-live-in-kuala-lumpur\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Anoushka Shankar Live in Kuala Lumpur                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                    <aside class=\"klcc-news-modal__right\">\n                        <img decoding=\"async\" class=\"klcc-news-modal__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Promo-576x1024.jpg\" alt=\"Anoushka Shankar Live in Kuala Lumpur Convention Centre\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-2792-modal\" class=\"klcc-news-modal\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"klcc-news-modal__backdrop\" data-modal-close=\"1\"><\/div>\n        <button class=\"klcc-news-modal__nav klcc-news-modal__nav--prev\" type=\"button\" aria-label=\"Previous post\" data-modal-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <button class=\"klcc-news-modal__nav klcc-news-modal__nav--next\" type=\"button\" aria-label=\"Next post\" data-modal-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <div class=\"klcc-news-modal__panel\" role=\"document\">\n            <button class=\"klcc-news-modal__close\" type=\"button\" aria-label=\"Close\" data-modal-close=\"1\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" aria-hidden=\"true\">\n                    <path d=\"M6 6l12 12\"><\/path>\n                    <path d=\"M18 6L6 18\"><\/path>\n                <\/svg>\n            <\/button>\n            <div id=\"klcc-news-2792-modal-body\" class=\"klcc-news-modal__body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const initCarousel = function() {\n                if (typeof Swiper === 'undefined') {\n                    setTimeout(initCarousel, 120);\n                    return;\n                }\n\n                const swiperContainer = document.querySelector('#klcc-news-2792');\n                const modal = document.getElementById('klcc-news-2792-modal');\n                const modalBody = document.getElementById('klcc-news-2792-modal-body');\n                if (!swiperContainer || !modal || !modalBody) {\n                    return;\n                }\n\n                \/\/ Move modal to <body> so it always covers full viewport,\n                \/\/ avoiding clipping\/stacking issues from Elementor\/section wrappers.\n                if (modal.parentElement !== document.body) {\n                    document.body.appendChild(modal);\n                }\n\n                const displayCount = 8;\n                const paginationContainer = swiperContainer.querySelector('.klcc-custom-pagination');\n                const prevButton = swiperContainer.querySelector('.klcc-news-prev-btn');\n                const nextButton = swiperContainer.querySelector('.klcc-news-next-btn');\n                const modalPrevButton = modal.querySelector('[data-modal-nav=\"prev\"]');\n                const modalNextButton = modal.querySelector('[data-modal-nav=\"next\"]');\n                const modalTemplateIds = [\"klcc-news-2792-tpl-0-9072\",\"klcc-news-2792-tpl-1-9068\",\"klcc-news-2792-tpl-2-9062\",\"klcc-news-2792-tpl-3-9058\",\"klcc-news-2792-tpl-4-9054\",\"klcc-news-2792-tpl-5-9049\",\"klcc-news-2792-tpl-6-9043\"];\n                const modalPostSlugs = [\"sky-xperience-symphony-xperience\",\"sky-xperience-kl-hop-on-hop-off-package\",\"evening-xperience\",\"sky-xperience-standard-visit\",\"dewan-filharmonik-petronas-presents-a-dance-spectacular\",\"cosmobeaute-malaysia-beautyexpo-2026-discover-the-future-of-beauty\",\"anoushka-shankar-live-in-kuala-lumpur-convention-centre\"];\n                const modalHashPrefix = '#whats-on=';\n                const modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\n                let remoteModalRequestId = 0;\n                let remoteModalSlug = '';\n\n                const readModalHashSlug = function() {\n                    if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                    try {\n                        return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                    } catch (error) {\n                        return '';\n                    }\n                };\n\n                const modalHashForIndex = function(index) {\n                    if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                    return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n                };\n\n                const updateModalHash = function(index, mode) {\n                    const hash = modalHashForIndex(index);\n                    if (!hash || window.location.hash === hash) return;\n                    const url = window.location.pathname + window.location.search + hash;\n                    if (mode === 'push') {\n                        const state = Object.assign({}, window.history.state || {}, { klccWhatsOnModal: true });\n                        window.history.pushState(state, '', url);\n                    } else {\n                        window.history.replaceState(window.history.state, '', url);\n                    }\n                };\n\n                const carouselIsVisible = function() {\n                    return swiperContainer.getClientRects().length > 0 && window.getComputedStyle(swiperContainer).display !== 'none';\n                };\n\n                const updateModalNavState = function() {\n                    if (!modalPrevButton || !modalNextButton) return;\n                    const total = modalTemplateIds.length;\n                    if (total <= 1 || currentModalIndex < 0) {\n                        modalPrevButton.hidden = true;\n                        modalNextButton.hidden = true;\n                        return;\n                    }\n                    const atStart = currentModalIndex <= 0;\n                    const atEnd = currentModalIndex >= total - 1;\n                    modalPrevButton.hidden = atStart;\n                    modalNextButton.hidden = atEnd;\n                    modalPrevButton.disabled = atStart;\n                    modalNextButton.disabled = atEnd;\n                };\n\n                const renderModalByIndex = function(index) {\n                    if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) {\n                        return;\n                    }\n                    if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) {\n                        return;\n                    }\n\n                    const templateId = modalTemplateIds[index];\n                    const template = document.getElementById(templateId);\n                    if (!template) return;\n\n                    currentModalIndex = index;\n                    modalBody.innerHTML = template.innerHTML;\n                    updateModalNavState();\n                };\n\n                const openModalByIndex = function(index, historyMode) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasHidden = modal.hidden;\n                    renderModalByIndex(index);\n                    if (currentModalIndex < 0) return;\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                    if (historyMode) {\n                        updateModalHash(currentModalIndex, historyMode);\n                    }\n                };\n\n                const openRemoteModalHtml = function(html) {\n                    const wasHidden = modal.hidden;\n                    currentModalIndex = -1;\n                    modalBody.innerHTML = html;\n                    updateModalNavState();\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                };\n\n                const fetchModalBySlug = function(slug) {\n                    if (!slug || !carouselIsVisible() || remoteModalSlug === slug) return;\n\n                    const requestId = ++remoteModalRequestId;\n                    remoteModalSlug = slug;\n                    modal.setAttribute('aria-busy', 'true');\n\n                    fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=carousel', {\n                        credentials: 'same-origin',\n                        headers: {\n                            'Accept': 'application\/json'\n                        }\n                    })\n                        .then(function(response) {\n                            if (!response.ok) throw new Error('What\\'s On post not found.');\n                            return response.json();\n                        })\n                        .then(function(data) {\n                            if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                            if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                                throw new Error('Invalid What\\'s On modal response.');\n                            }\n                            openRemoteModalHtml(data.html);\n                        })\n                        .catch(function() {\n                            if (requestId === remoteModalRequestId) {\n                                closeModal(false);\n                            }\n                        })\n                        .finally(function() {\n                            if (requestId === remoteModalRequestId) {\n                                modal.removeAttribute('aria-busy');\n                            }\n                        });\n                };\n\n                const goModalByStep = function(step) {\n                    const nextIndex = currentModalIndex + step;\n                    if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) {\n                        return;\n                    }\n                    renderModalByIndex(nextIndex);\n                    updateModalHash(nextIndex, 'replace');\n                };\n\n                const closeModal = function(updateHistory) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasOpen = !modal.hidden;\n                    modal.hidden = true;\n                    modal.setAttribute('aria-hidden', 'true');\n                    modalBody.innerHTML = '';\n                    if (wasOpen) {\n                        document.body.style.overflow = lastBodyOverflow;\n                    }\n                    currentModalIndex = -1;\n                    updateModalNavState();\n\n                    if (updateHistory && readModalHashSlug() !== '') {\n                        if (window.history.state && window.history.state.klccWhatsOnModal) {\n                            window.history.back();\n                        } else {\n                            window.history.replaceState(\n                                window.history.state,\n                                '',\n                                window.location.pathname + window.location.search\n                            );\n                        }\n                    }\n                };\n\n                const syncModalFromHash = function() {\n                    const slug = readModalHashSlug();\n                    if (slug === '') {\n                        if (currentModalIndex >= 0 || !modal.hidden) {\n                            closeModal(false);\n                        }\n                        return;\n                    }\n                    if (!carouselIsVisible()) return;\n\n                    const index = modalPostSlugs.indexOf(slug);\n                    if (index >= 0) {\n                        openModalByIndex(index, '');\n                    } else {\n                        fetchModalBySlug(slug);\n                    }\n                };\n\n                swiperContainer.querySelectorAll('.klcc-news-card[data-popup-index]').forEach(function(card) {\n                    card.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        const index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                        if (Number.isNaN(index)) return;\n                        openModalByIndex(index, 'push');\n                    });\n                });\n\n                if (modalPrevButton) {\n                    modalPrevButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(-1);\n                    });\n                }\n\n                if (modalNextButton) {\n                    modalNextButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(1);\n                    });\n                }\n\n                modal.addEventListener('click', function(e) {\n                    const target = e.target;\n                    if (!(target instanceof Element)) return;\n                    if (target.closest('[data-modal-close=\"1\"]')) {\n                        closeModal(true);\n                    }\n                });\n\n                document.addEventListener('keydown', function(e) {\n                    if (modal.hidden) return;\n                    if (e.key === 'Escape' && !modal.hidden) {\n                        closeModal(true);\n                        return;\n                    }\n                    if (e.key === 'ArrowLeft') {\n                        e.preventDefault();\n                        goModalByStep(-1);\n                    } else if (e.key === 'ArrowRight') {\n                        e.preventDefault();\n                        goModalByStep(1);\n                    }\n                });\n\n                window.addEventListener('hashchange', syncModalFromHash);\n                window.addEventListener('popstate', syncModalFromHash);\n                syncModalFromHash();\n\n                const swiper = new Swiper(swiperContainer, {\n                    effect: 'coverflow',\n                    grabCursor: true,\n                    centeredSlides: true,\n                    loop: true,\n                    observer: true,\n                    observeParents: true,\n                    slidesPerView: 'auto',\n                    speed: 480,\n                    autoplay: {\n                        delay: 4200,\n                        disableOnInteraction: false,\n                    },\n                    navigation: {\n                        prevEl: prevButton,\n                        nextEl: nextButton,\n                    },\n                    coverflowEffect: {\n                        rotate: 0,\n                        stretch: -6,\n                        depth: 160,\n                        modifier: 1,\n                        slideShadows: false,\n                    },\n                });\n\n                if (displayCount > 0 && paginationContainer) {\n                    paginationContainer.innerHTML = '';\n                    for (let i = 0; i < displayCount; i++) {\n                        const dot = document.createElement('span');\n                        dot.classList.add('custom-bullet');\n                        if (i === 0) dot.classList.add('active');\n                        dot.addEventListener('click', function() {\n                            swiper.slideToLoop(i);\n                        });\n                        paginationContainer.appendChild(dot);\n                    }\n                }\n\n                swiper.on('slideChange', function() {\n                    if (!paginationContainer) return;\n                    const bullets = paginationContainer.querySelectorAll('.custom-bullet');\n                    const activeIndex = displayCount > 0 ? (swiper.realIndex % displayCount) : 0;\n                    bullets.forEach(function(dot, index) {\n                        dot.classList.toggle('active', index === activeIndex);\n                    });\n                });\n\n                if (desktopHoverQuery.matches && swiper.autoplay) {\n                    swiperContainer.addEventListener('mouseenter', function() {\n                        swiper.autoplay.stop();\n                    });\n                    swiperContainer.addEventListener('mouseleave', function() {\n                        swiper.autoplay.start();\n                    });\n                }\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initCarousel, { once: true });\n            } else {\n                initCarousel();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7d27bc e-con-full e-flex e-con e-parent\" data-id=\"c7d27bc\" 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<div class=\"elementor-element elementor-element-d04a8d5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d04a8d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4fde24b e-con-full e-flex e-con e-child\" data-id=\"4fde24b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78a52a0 klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"78a52a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PLAN YOUR VISIT\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-404729e split-text hover-circle-icon elementor-widget elementor-widget-heading\" data-id=\"404729e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/plan-your-visit\/\">Explore More &amp; Do More <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ad14af e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"4ad14af\" 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-2e9338e klcc-slanted-box elementor-widget elementor-widget-image\" data-id=\"2e9338e\" 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=\"2355\" height=\"1365\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311.png\" class=\"attachment-full size-full wp-image-7618\" alt=\"KLCC The Place precinct map\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311.png 2355w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-300x174.png 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-1024x594.png 1024w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-768x445.png 768w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-1536x890.png 1536w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-2048x1187.png 2048w\" sizes=\"(max-width: 2355px) 100vw, 2355px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Discover The Pulse of the City From the PETRONAS Twin Towers to culture, dining, green spaces, shopping and events, discover KLCC The Place in one walkable city precinct Explore \u2022 Dine \u2022 Work \u2022 Unwind Our Precinct Partners What\u2019s On Events &amp; Happenings Sync With Your PULSE Move with the rhythm of KLCC through wellness, [&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-924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924","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=924"}],"version-history":[{"count":22,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924\/revisions"}],"predecessor-version":[{"id":9040,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924\/revisions\/9040"}],"wp:attachment":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/media?parent=924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}