{"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-07-13T11:42:51","modified_gmt":"2026-07-13T03:42:51","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\">See the city from above at the PETRONAS Twin Towers, where the city skyline meets one of Malaysia\u2019s most recognised architectural landmarks<\/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\">Shop, dine and explore Suria KLCC, where shops, restaurants and cafes come together<\/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\">Experience music, performance and Malaysian contemporary art through Dewan Filharmonik PETRONAS and GALERI PETRONAS<\/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\">Rest, recharge and stay close to the city with award-winning hotels and spa offerings<\/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\">Step into curious discoveries, family-friendly experiences and green pauses in the heart of the city<\/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 at Kuala Lumpur Convention Centre, 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\r\n<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 .section-title {\r\n  text-align: center;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #033a59;\r\n  margin-bottom: 40px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.partner-swiper .swiper-wrapper {\r\n  transition-timing-function: linear !important;\r\n}\r\n\r\n.partner-swiper .swiper-slide {\r\n  height: 100px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.partner-swiper .partner-logo {\r\n    height: 90px;\r\n    width: 250px;\r\n  \/*max-height: 100%;*\/\r\n  \/*max-width: 80%;*\/\r\n  object-fit: contain;\r\n  filter: grayscale(0%);\r\n  transition: transform 0.3s ease;\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\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<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<section class=\"precinct-partners-section\">\r\n  <div class=\"container\"> \r\n    \r\n    <div class=\"swiper partner-swiper\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/1.-MO.webp\" alt=\"MO\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/2.-Suria-KLCC.webp\" alt=\"Suria KLCC\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/3.-Dewan-Filharmonik.webp\" alt=\"Dewan Filharmonik\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/4.-KLCC-Sky-X.webp\" alt=\"KLCC Sky X\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide img-swpr\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/5.-PETROSAINS.webp\" alt=\"PETROSAINS\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide img-swpr\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/6.-Aquaria.webp\" alt=\"Aquaria\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/7.-Ombak.webp\" alt=\"Ombak\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/8.-GALERI-PETRONAS.webp\" alt=\"GALERI PETRONAS\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide img-swpr\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/9.-Traders.webp\" alt=\"Traders\" class=\"partner-logo\">\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/10.-KL-Convex.webp\" alt=\"KL Convex\" class=\"partner-logo\">\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\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const partnerSwiper = 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-8524 {\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-8524 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-8524 .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-8524 .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-8524 .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-8524 .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-8524 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-8524 .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-8524 .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-8524 .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-8524 .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-8524 .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-8524 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-8524 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-8524 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-8524 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-8524 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-8524 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-8524 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-8524 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-8524 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-8524 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-8524 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-8524 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-8524 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-8524 .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-8524 .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-8524 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-8524 .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-8524 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-8524 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-8524 .klcc-news-nav-btn:hover,\n        #klcc-news-8524 .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-8524 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-8524 .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-8524-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-8524-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-8524-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-8524-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-8524-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-8524-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-8524-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__nav:hover,\n        #klcc-news-8524-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-8524-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-8524-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-8524-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-8524-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-8524-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-8524-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-8524-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-8524-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-8524-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-8524-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-8524-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-8524-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-8524-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n        }\n\n        #klcc-news-8524-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 0;\n            display: block;\n            background: #d9d9d9;\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-8524-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-8524-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-8524-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-8524-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-8524-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-8524-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-8524 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-8524 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-8524 .klcc-news-card,\n            #klcc-news-8524 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-8524 .klcc-card-overlay-tint,\n            #klcc-news-8524 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-8524 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-8524 .swiper-slide,\n            #klcc-news-8524 .klcc-news-card,\n            #klcc-news-8524 .klcc-card-bg,\n            #klcc-news-8524 .klcc-card-overlay-tint,\n            #klcc-news-8524 .klcc-card-title,\n            #klcc-news-8524 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-8524\" 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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/banana-leaf-rice-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"0\" aria-haspopup=\"dialog\" aria-label=\"Banana Leaf Rice at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/BANANA-LEAF-RICE-576x1024.jpeg\" alt=\"Banana Leaf Rice at Impiana KLCC Hotel\" 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=\"Banana Leaf Rice at Impiana KLCC Hotel\">Banana Leaf Rice at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/meriah-high-tea-buffet-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"1\" aria-haspopup=\"dialog\" aria-label=\"Meriah High Tea Buffet at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/MERIAH-HIGH-TEA-BUFFET-576x1024.jpeg\" alt=\"Meriah High Tea Buffet at Impiana KLCC Hotel\" 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=\"Meriah High Tea Buffet at Impiana KLCC Hotel\">Meriah High Tea Buffet at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/set-your-own-course-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"2\" aria-haspopup=\"dialog\" aria-label=\"Set Your Own Course at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/53d6fe28-b962-4c5b-a070-f7fe29c2a7c2-576x1024.jpg\" alt=\"Set Your Own Course at Impiana KLCC Hotel\" 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=\"Set Your Own Course at Impiana KLCC Hotel\">Set Your Own Course at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/an-evening-of-verdis-masterpieces-with-mpo-at-dfp\/\" class=\"klcc-news-card\" data-popup-index=\"3\" aria-haspopup=\"dialog\" aria-label=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/An-Evening-of-Verdis-Masterpieces-with-MPO-at-DFP-724x1024.jpg\" alt=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\" 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=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\">An Evening of Verdi\u2019s Masterpieces with MPO at DFP!<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/mpo-tokyo-symphony-orchestra-present-bruckners-fourth-and-organ-masterpieces\/\" class=\"klcc-news-card\" data-popup-index=\"4\" aria-haspopup=\"dialog\" aria-label=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/MPO-Tokyo-Symphony-Orchestra-Present-Bruckners-Fourth-and-Organ-Masterpieces-724x1024.jpg\" alt=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\" 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=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\">MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/revel-in-the-youthful-vibrancy-of-the-malaysian-philharmonic-youth-orchestra-at-dfp\/\" class=\"klcc-news-card\" data-popup-index=\"5\" aria-haspopup=\"dialog\" aria-label=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/Revel-in-the-Youthful-Vibrancy-of-the-Malaysian-Philharmonic-Youth-Orchestra-at-DFP-scaled-1-724x1024.jpg\" alt=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\" 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=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\">Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/bazaar-ramadan-buffet-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"6\" aria-haspopup=\"dialog\" aria-label=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/750-x-450-1.jpg\" alt=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\" 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=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\">Bazaar Ramadan Buffet at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/rasa-warisan\/\" class=\"klcc-news-card\" data-popup-index=\"7\" aria-haspopup=\"dialog\" aria-label=\"Rasa Warisan\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/THKL-Ramadan-2026-724x1024-1.jpg\" alt=\"Rasa Warisan\" 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=\"Rasa Warisan\">Rasa Warisan<\/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-8524-templates\" hidden>\n                                <template id=\"klcc-news-8524-tpl-0-5227\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Banana Leaf Rice at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Indulge in fluffy rice, rich curries, crispy papadams, and a vibrant spread of side dishes \u2014 a tradition made to be shared. Pick any 2 mains from fish, prawn, squid, mutton, or chicken for the perfect feast! Friday special are 2 sets for RM60+ or 1 set for RM39.90+<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Date: <\/strong>All Year Long<br \/><strong>Time: <\/strong>12.00 pm till 2.00 pm<strong><\/p>\n<p><\/strong><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Tonka Bean Caf\u00e9, Impiana KLCC Hotel<\/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:\/\/wa.me\/60125266138\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/BANANA-LEAF-RICE-576x1024.jpeg\" alt=\"Banana Leaf Rice at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-1-5224\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Meriah High Tea Buffet at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Make your weekends sweeter with a spread of Asian and international cuisine \u2014 from hearty mains to irresistible desserts. The perfect excuse to gather, relax, and indulge at Impiana KLCC.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Date: <\/strong>Every Saturday<br \/><strong>Time: <\/strong>12.30pm till 6.00pm<strong><\/p>\n<p><\/strong><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Impiana KLCC Hotel<\/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:\/\/wa.me\/60125266138\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/MERIAH-HIGH-TEA-BUFFET-576x1024.jpeg\" alt=\"Meriah High Tea Buffet at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-2-5221\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Set Your Own Course at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Pick your appetizer, 1 main course, 1 dessert &amp; 1 chilled juice from the a la carte menu for just RM78+!<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Enjoy a delicious meal from 12 PM to 6 PM at Impiana KLCC Hotel.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Date: 1<sup>st<\/sup> till 31<sup>st<\/sup> May 2026<\/strong><br \/><strong>Time: <\/strong>12.00 pm till 6.00 pm<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Tonka Bean Caf\u00e9, Impiana KLCC Hotel<\/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:\/\/wa.me\/60125266138\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/53d6fe28-b962-4c5b-a070-f7fe29c2a7c2-576x1024.jpg\" alt=\"Set Your Own Course at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-3-5218\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">An Evening of Verdi\u2019s Masterpieces with MPO at DFP!<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">The Malaysian Philharmonic Orchestra (MPO) presents \u201cAn Evening of Verdi\u201d at Dewan Filharmonik PETRONAS (DFP), showcasing orchestral highlights drawn from five operas by Giuseppe Verdi. Led by Music Director Junichi Hirokami, the programme features excerpts from Nabucco, Rigoletto, La forza del destino, Un ballo in maschera and a second half devoted to La traviata. Guest artists include soprano Venera Gimadieva (MPO debut) and returning tenor Diego Torre.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Conductor<\/strong>: Junichi Hirokami<br \/><strong>Featured soloists<\/strong>: Venera Gimadieva (soprano) and Diego Torre (tenor)<br \/><strong>Programme<\/strong>: Verdi favourites from Nabucco, Rigoletto, La forza del destino, Un ballo in maschera and La traviata (featured in the second half)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 25 April 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 pm<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS, 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.mpo.com.my\/season-2026\/an-evening-of-verdi\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/An-Evening-of-Verdis-Masterpieces-with-MPO-at-DFP-724x1024.jpg\" alt=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-4-5215\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">The Malaysian Philharmonic Orchestra (MPO) and the Tokyo Symphony Orchestra (TSO) present an organ-centred concert featuring Bruckner\u2019s Symphony No. 4 and organ repertoire. The programme highlights the Klais Pipe Organ with 2,977 pipes and an \u2018angklung\u2019-inspired facade) in an orchestral setting.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Soloist:<\/strong><br \/>German organist Michael Sch\u00f6nheit performs works including Dupr\u00e9\u2019s Cort\u00e8ge et Litanie, Liszt\u2019s Variations on Bach\u2019s \u201cWeinen, Klagen, Sorgen, Zagen\u201d (arr. Pierre Cochereau), and Rheinberger\u2019s Organ Concerto No. 1 in F.<br \/><strong>Conductor:<\/strong><br \/>J\u00f6rg-Peter Weigle makes his debut at DFP leading the combined forces; the concert closes with Bruckner\u2019s Symphony No. 4.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 18 April 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 pm<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS, 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.mpo.com.my\/season-2026\/bruckners-fourth-and-organ-masterpieces\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/MPO-Tokyo-Symphony-Orchestra-Present-Bruckners-Fourth-and-Organ-Masterpieces-724x1024.jpg\" alt=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-5-5212\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">The Malaysian Philharmonic Youth Orchestra (MPYO) will present Contours of Classical Beauty under the baton of Gerard Salonga. The programme features beloved classical works including Mozart\u2019s Piano Concerto No.19 (first movement), Overture to The Magic Flute and Symphony No.39, alongside Beethoven\u2019s Piano Concerto No.1 (third movement).<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">The concert highlights the artistic excellence of MPYO, nurtured through intensive coaching and mentorship by musicians of the Malaysian Philharmonic Orchestra as part of its community outreach initiative. The performance will feature two outstanding young pianists, 12-year-old Lim Yee Vaine and 17-year-old Dorothy Ong Zhuo En, both of whom have garnered international recognition for their musical achievements.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Wednesday, 15 April 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 pm<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS, 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.mpo.com.my\/season-2026\/contours-of-classical-beauty\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/Revel-in-the-Youthful-Vibrancy-of-the-Malaysian-Philharmonic-Youth-Orchestra-at-DFP-scaled-1-724x1024.jpg\" alt=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-6-1164\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Bazaar Ramadan Buffet at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p>Bazaar Ramadan Buffet<\/p>\n<\/div>\n\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\/02\/750-x-450-1.jpg\" alt=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-8524-tpl-7-1161\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Rasa Warisan<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p>RASA WARISAN BUFFET DINNER<\/p>\n<\/div>\n\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\/02\/THKL-Ramadan-2026-724x1024-1.jpg\" alt=\"Rasa Warisan\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-8524-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-8524-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-8524');\n                const modal = document.getElementById('klcc-news-8524-modal');\n                const modalBody = document.getElementById('klcc-news-8524-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-8524-tpl-0-5227\",\"klcc-news-8524-tpl-1-5224\",\"klcc-news-8524-tpl-2-5221\",\"klcc-news-8524-tpl-3-5218\",\"klcc-news-8524-tpl-4-5215\",\"klcc-news-8524-tpl-5-5212\",\"klcc-news-8524-tpl-6-1164\",\"klcc-news-8524-tpl-7-1161\"];\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\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) {\n                    renderModalByIndex(index);\n                    if (currentModalIndex < 0) return;\n                    lastBodyOverflow = document.body.style.overflow;\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\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                };\n\n                const closeModal = function() {\n                    modal.hidden = true;\n                    modal.setAttribute('aria-hidden', 'true');\n                    modalBody.innerHTML = '';\n                    document.body.style.overflow = lastBodyOverflow;\n                    currentModalIndex = -1;\n                    updateModalNavState();\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);\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();\n                    }\n                });\n\n                document.addEventListener('keydown', function(e) {\n                    if (modal.hidden) return;\n                    if (e.key === 'Escape' && !modal.hidden) {\n                        closeModal();\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                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-5111 {\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-5111 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-5111 .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-5111 .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-5111 .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-5111 .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-5111 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-5111 .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-5111 .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-5111 .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-5111 .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-5111 .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-5111 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-5111 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-5111 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-5111 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-5111 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-5111 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-5111 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-5111 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-5111 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-5111 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-5111 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-5111 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-5111 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-5111 .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-5111 .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-5111 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-5111 .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-5111 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-5111 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-5111 .klcc-news-nav-btn:hover,\n        #klcc-news-5111 .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-5111 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-5111 .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-5111-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-5111-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-5111-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-5111-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-5111-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-5111-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-5111-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__nav:hover,\n        #klcc-news-5111-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-5111-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-5111-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-5111-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-5111-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-5111-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-5111-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-5111-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-5111-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-5111-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-5111-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-5111-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-5111-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-5111-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n        }\n\n        #klcc-news-5111-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 0;\n            display: block;\n            background: #d9d9d9;\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-5111-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-5111-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-5111-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-5111-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-5111-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-5111-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-5111 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-5111 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-5111 .klcc-news-card,\n            #klcc-news-5111 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-5111 .klcc-card-overlay-tint,\n            #klcc-news-5111 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-5111 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-5111 .swiper-slide,\n            #klcc-news-5111 .klcc-news-card,\n            #klcc-news-5111 .klcc-card-bg,\n            #klcc-news-5111 .klcc-card-overlay-tint,\n            #klcc-news-5111 .klcc-card-title,\n            #klcc-news-5111 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-5111\" 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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/banana-leaf-rice-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"0\" aria-haspopup=\"dialog\" aria-label=\"Banana Leaf Rice at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/BANANA-LEAF-RICE-576x1024.jpeg\" alt=\"Banana Leaf Rice at Impiana KLCC Hotel\" 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=\"Banana Leaf Rice at Impiana KLCC Hotel\">Banana Leaf Rice at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/meriah-high-tea-buffet-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"1\" aria-haspopup=\"dialog\" aria-label=\"Meriah High Tea Buffet at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/MERIAH-HIGH-TEA-BUFFET-576x1024.jpeg\" alt=\"Meriah High Tea Buffet at Impiana KLCC Hotel\" 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=\"Meriah High Tea Buffet at Impiana KLCC Hotel\">Meriah High Tea Buffet at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/set-your-own-course-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"2\" aria-haspopup=\"dialog\" aria-label=\"Set Your Own Course at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/53d6fe28-b962-4c5b-a070-f7fe29c2a7c2-576x1024.jpg\" alt=\"Set Your Own Course at Impiana KLCC Hotel\" 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=\"Set Your Own Course at Impiana KLCC Hotel\">Set Your Own Course at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/an-evening-of-verdis-masterpieces-with-mpo-at-dfp\/\" class=\"klcc-news-card\" data-popup-index=\"3\" aria-haspopup=\"dialog\" aria-label=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/An-Evening-of-Verdis-Masterpieces-with-MPO-at-DFP-724x1024.jpg\" alt=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\" 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=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\">An Evening of Verdi\u2019s Masterpieces with MPO at DFP!<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/mpo-tokyo-symphony-orchestra-present-bruckners-fourth-and-organ-masterpieces\/\" class=\"klcc-news-card\" data-popup-index=\"4\" aria-haspopup=\"dialog\" aria-label=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/MPO-Tokyo-Symphony-Orchestra-Present-Bruckners-Fourth-and-Organ-Masterpieces-724x1024.jpg\" alt=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\" 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=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\">MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/revel-in-the-youthful-vibrancy-of-the-malaysian-philharmonic-youth-orchestra-at-dfp\/\" class=\"klcc-news-card\" data-popup-index=\"5\" aria-haspopup=\"dialog\" aria-label=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/04\/Revel-in-the-Youthful-Vibrancy-of-the-Malaysian-Philharmonic-Youth-Orchestra-at-DFP-scaled-1-724x1024.jpg\" alt=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\" 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=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\">Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/bazaar-ramadan-buffet-at-impiana-klcc-hotel\/\" class=\"klcc-news-card\" data-popup-index=\"6\" aria-haspopup=\"dialog\" aria-label=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/750-x-450-1.jpg\" alt=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\" 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=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\">Bazaar Ramadan Buffet at Impiana KLCC Hotel<\/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=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/rasa-warisan\/\" class=\"klcc-news-card\" data-popup-index=\"7\" aria-haspopup=\"dialog\" aria-label=\"Rasa Warisan\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/02\/THKL-Ramadan-2026-724x1024-1.jpg\" alt=\"Rasa Warisan\" 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=\"Rasa Warisan\">Rasa Warisan<\/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-5111-templates\" hidden>\n                                <template id=\"klcc-news-5111-tpl-0-5227\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Banana Leaf Rice at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Indulge in fluffy rice, rich curries, crispy papadams, and a vibrant spread of side dishes \u2014 a tradition made to be shared. Pick any 2 mains from fish, prawn, squid, mutton, or chicken for the perfect feast! Friday special are 2 sets for RM60+ or 1 set for RM39.90+<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Date: <\/strong>All Year Long<br \/><strong>Time: <\/strong>12.00 pm till 2.00 pm<strong><\/p>\n<p><\/strong><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Tonka Bean Caf\u00e9, Impiana KLCC Hotel<\/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:\/\/wa.me\/60125266138\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/BANANA-LEAF-RICE-576x1024.jpeg\" alt=\"Banana Leaf Rice at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-1-5224\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Meriah High Tea Buffet at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Make your weekends sweeter with a spread of Asian and international cuisine \u2014 from hearty mains to irresistible desserts. The perfect excuse to gather, relax, and indulge at Impiana KLCC.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Date: <\/strong>Every Saturday<br \/><strong>Time: <\/strong>12.30pm till 6.00pm<strong><\/p>\n<p><\/strong><\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Impiana KLCC Hotel<\/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:\/\/wa.me\/60125266138\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/MERIAH-HIGH-TEA-BUFFET-576x1024.jpeg\" alt=\"Meriah High Tea Buffet at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-2-5221\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Set Your Own Course at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Pick your appetizer, 1 main course, 1 dessert &amp; 1 chilled juice from the a la carte menu for just RM78+!<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Enjoy a delicious meal from 12 PM to 6 PM at Impiana KLCC Hotel.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Date: 1<sup>st<\/sup> till 31<sup>st<\/sup> May 2026<\/strong><br \/><strong>Time: <\/strong>12.00 pm till 6.00 pm<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                                                            <p><strong>Venue:<\/strong> Tonka Bean Caf\u00e9, Impiana KLCC Hotel<\/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:\/\/wa.me\/60125266138\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/53d6fe28-b962-4c5b-a070-f7fe29c2a7c2-576x1024.jpg\" alt=\"Set Your Own Course at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-3-5218\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">An Evening of Verdi\u2019s Masterpieces with MPO at DFP!<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">The Malaysian Philharmonic Orchestra (MPO) presents \u201cAn Evening of Verdi\u201d at Dewan Filharmonik PETRONAS (DFP), showcasing orchestral highlights drawn from five operas by Giuseppe Verdi. Led by Music Director Junichi Hirokami, the programme features excerpts from Nabucco, Rigoletto, La forza del destino, Un ballo in maschera and a second half devoted to La traviata. Guest artists include soprano Venera Gimadieva (MPO debut) and returning tenor Diego Torre.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Conductor<\/strong>: Junichi Hirokami<br \/><strong>Featured soloists<\/strong>: Venera Gimadieva (soprano) and Diego Torre (tenor)<br \/><strong>Programme<\/strong>: Verdi favourites from Nabucco, Rigoletto, La forza del destino, Un ballo in maschera and La traviata (featured in the second half)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 25 April 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 pm<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS, 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.mpo.com.my\/season-2026\/an-evening-of-verdi\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/An-Evening-of-Verdis-Masterpieces-with-MPO-at-DFP-724x1024.jpg\" alt=\"An Evening of Verdi\u2019s Masterpieces with MPO at DFP!\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-4-5215\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">The Malaysian Philharmonic Orchestra (MPO) and the Tokyo Symphony Orchestra (TSO) present an organ-centred concert featuring Bruckner\u2019s Symphony No. 4 and organ repertoire. The programme highlights the Klais Pipe Organ with 2,977 pipes and an \u2018angklung\u2019-inspired facade) in an orchestral setting.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\"><strong>Soloist:<\/strong><br \/>German organist Michael Sch\u00f6nheit performs works including Dupr\u00e9\u2019s Cort\u00e8ge et Litanie, Liszt\u2019s Variations on Bach\u2019s \u201cWeinen, Klagen, Sorgen, Zagen\u201d (arr. Pierre Cochereau), and Rheinberger\u2019s Organ Concerto No. 1 in F.<br \/><strong>Conductor:<\/strong><br \/>J\u00f6rg-Peter Weigle makes his debut at DFP leading the combined forces; the concert closes with Bruckner\u2019s Symphony No. 4.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Saturday, 18 April 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 pm<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS, 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.mpo.com.my\/season-2026\/bruckners-fourth-and-organ-masterpieces\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/MPO-Tokyo-Symphony-Orchestra-Present-Bruckners-Fourth-and-Organ-Masterpieces-724x1024.jpg\" alt=\"MPO &amp; Tokyo Symphony Orchestra Present: Bruckner\u2019s Fourth and Organ Masterpieces\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-5-5212\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">The Malaysian Philharmonic Youth Orchestra (MPYO) will present Contours of Classical Beauty under the baton of Gerard Salonga. The programme features beloved classical works including Mozart\u2019s Piano Concerto No.19 (first movement), Overture to The Magic Flute and Symphony No.39, alongside Beethoven\u2019s Piano Concerto No.1 (third movement).<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">The concert highlights the artistic excellence of MPYO, nurtured through intensive coaching and mentorship by musicians of the Malaysian Philharmonic Orchestra as part of its community outreach initiative. The performance will feature two outstanding young pianists, 12-year-old Lim Yee Vaine and 17-year-old Dorothy Ong Zhuo En, both of whom have garnered international recognition for their musical achievements.<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                                                            <p><strong>Date:<\/strong> Wednesday, 15 April 2026<\/p>\n                                    \n                                                                            <p><strong>Time:<\/strong> 8.00 pm<\/p>\n                                    \n                                                                            <p><strong>Venue:<\/strong> Dewan Filharmonik PETRONAS, 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.mpo.com.my\/season-2026\/contours-of-classical-beauty\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Learn More                                            <\/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\/04\/Revel-in-the-Youthful-Vibrancy-of-the-Malaysian-Philharmonic-Youth-Orchestra-at-DFP-scaled-1-724x1024.jpg\" alt=\"Revel in the Youthful Vibrancy of the Malaysian Philharmonic Youth Orchestra at DFP!\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-6-1164\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Bazaar Ramadan Buffet at Impiana KLCC Hotel<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p>Bazaar Ramadan Buffet<\/p>\n<\/div>\n\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\/02\/750-x-450-1.jpg\" alt=\"Bazaar Ramadan Buffet at Impiana KLCC Hotel\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n                                <template id=\"klcc-news-5111-tpl-7-1161\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Rasa Warisan<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p>RASA WARISAN BUFFET DINNER<\/p>\n<\/div>\n\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\/02\/THKL-Ramadan-2026-724x1024-1.jpg\" alt=\"Rasa Warisan\" loading=\"lazy\">\n                    <\/aside>\n                <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-5111-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-5111-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-5111');\n                const modal = document.getElementById('klcc-news-5111-modal');\n                const modalBody = document.getElementById('klcc-news-5111-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-5111-tpl-0-5227\",\"klcc-news-5111-tpl-1-5224\",\"klcc-news-5111-tpl-2-5221\",\"klcc-news-5111-tpl-3-5218\",\"klcc-news-5111-tpl-4-5215\",\"klcc-news-5111-tpl-5-5212\",\"klcc-news-5111-tpl-6-1164\",\"klcc-news-5111-tpl-7-1161\"];\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\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) {\n                    renderModalByIndex(index);\n                    if (currentModalIndex < 0) return;\n                    lastBodyOverflow = document.body.style.overflow;\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\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                };\n\n                const closeModal = function() {\n                    modal.hidden = true;\n                    modal.setAttribute('aria-hidden', 'true');\n                    modalBody.innerHTML = '';\n                    document.body.style.overflow = lastBodyOverflow;\n                    currentModalIndex = -1;\n                    updateModalNavState();\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);\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();\n                    }\n                });\n\n                document.addEventListener('keydown', function(e) {\n                    if (modal.hidden) return;\n                    if (e.key === 'Escape' && !modal.hidden) {\n                        closeModal();\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                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":0,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924\/revisions"}],"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}]}}