{"id":924,"date":"2026-02-24T10:33:36","date_gmt":"2026-02-24T02:33:36","guid":{"rendered":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/?page_id=924"},"modified":"2026-08-03T13:53:45","modified_gmt":"2026-08-03T05:53:45","slug":"home","status":"publish","type":"page","link":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"924\" class=\"elementor elementor-924\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ddd708 e-con-full e-flex e-con e-parent\" data-id=\"7ddd708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a6c51 elementor-widget elementor-widget-html\" data-id=\"c4a6c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* .expand-hover-row .elementor-widget-image {\n    max-width: 100% !important;\n}\n.expand-hover-row .elementor-widget-image img {\n    max-width: 100% !important;\n    height: auto !important;\n}\n\n@media (hover: hover) and (min-width: 951px) {\n\n    .expand-hover-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--tvc-grid-gap, 20px);\n    }\n\n    .expand-hover-row > * {\n        flex: 0 0 calc((100% - (2 * var(--tvc-grid-gap, 20px))) \/ 3) !important;\n        transition: flex-basis 0.45s ease, flex-grow 0.45s ease, box-shadow 0.3s ease !important;\n    }\n\n    .expand-hover-row > *.is-hover-shrunk {\n        flex-basis: calc((100% - (2 * var(--tvc-grid-gap, 20px))) * 0.25) !important;\n    }\n\n    .expand-hover-row > *.is-hover-expanded {\n        flex-basis: calc((100% - (2 * var(--tvc-grid-gap, 20px))) * 0.5) !important;\n    }\n} *\/\n\n\n<\/style>\n<style>\n.expand-hover-row .elementor-widget-image {\n    max-width: 100% !important;\n}\n\n.expand-hover-row .elementor-widget-image img {\n    max-width: 100% !important;\n    height: auto !important;\n    display: block;\n}\n\n@media (hover: hover) and (min-width: 951px) {\n\n    .expand-hover-row {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: var(--tvc-grid-gap, 20px);\n    }\n\n    .expand-hover-row > * {\n        flex: 1 1 0 !important;\n        min-width: 0;\n        transition: flex-grow 0.45s ease, box-shadow 0.3s ease !important;\n    }\n\n    .expand-hover-row > *.is-hover-expanded {\n        flex-grow: 2 !important;\n    }\n\n    .expand-hover-row > *.is-hover-shrunk {\n        flex-grow: 1 !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-683ef64 elementor-widget elementor-widget-html\" data-id=\"683ef64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    \/\/ 1. Find all instances of our new universal wrapper\r\n    var wrappers = document.querySelectorAll('.expand-hover-row');\r\n    if (!wrappers.length) return;\r\n\r\n    \/\/ Optional: Respect user motion preferences\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    wrappers.forEach(function(wrapper) {\r\n        var children = Array.from(wrapper.children);\r\n\r\n        children.forEach(function(child) {\r\n            child.addEventListener('mouseenter', function() {\r\n                \/\/ The hover effect in CSS is only for desktop (min-width: 951px)\r\n                \/\/ We shouldn't apply classes on mobile\/tablet to avoid weird behaviors.\r\n                if (window.innerWidth < 951) return;\r\n\r\n                \/\/ We get the Y-position to detect which children are on the SAME ROW \r\n                \/\/ in case the row wraps into multiple lines.\r\n                var hoverTop = child.offsetTop;\r\n\r\n                children.forEach(function(sibling) {\r\n                    if (sibling.offsetTop === hoverTop) {\r\n                        \/\/ Sibling is on the exact same row as the hovered item\r\n                        if (sibling === child) {\r\n                            sibling.classList.add('is-hover-expanded');\r\n                            sibling.classList.remove('is-hover-shrunk');\r\n                        } else {\r\n                            sibling.classList.add('is-hover-shrunk');\r\n                            sibling.classList.remove('is-hover-expanded');\r\n                        }\r\n                    } else {\r\n                        \/\/ Element is on a different row, so we reset it to default\r\n                        sibling.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Reset when the mouse leaves the specific child\r\n            child.addEventListener('mouseleave', function() {\r\n                children.forEach(function(sibling) {\r\n                    sibling.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Safety catch: if the mouse leaves the entire wrapper grid quickly\r\n        wrapper.addEventListener('mouseleave', function() {\r\n            children.forEach(function(sibling) {\r\n                sibling.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n            });\r\n        });\r\n    });\r\n\r\n    \/\/ Remove sticky hover classes on window resize to prevent layout breaking\r\n    window.addEventListener('resize', function() {\r\n        wrappers.forEach(function(wrapper) {\r\n            Array.from(wrapper.children).forEach(function(child) {\r\n                child.classList.remove('is-hover-expanded', 'is-hover-shrunk');\r\n            });\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe80277 e-con-full e-flex e-con e-parent\" data-id=\"fe80277\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b918bb3 elementor-widget elementor-widget-html\" data-id=\"b918bb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hover-circle-icon i {\r\n    transition: background 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n}\r\n\r\n.hover-circle-icon:hover i {\r\n    color: #fff !important;\r\n    background-color: #8AC646; \/* Change to your desired color *\/\r\n}\r\n\r\n\/* Adjust chevron icon size *\/\r\n.fa-chevron-right {\r\n  font-size: 30px;\r\n}\r\n.pyv-icon .fa-chevron-right{\r\n    font-size: 20px;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-402baa0 e-con-full e-flex e-con e-parent\" data-id=\"402baa0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d12ba9c elementor-widget elementor-widget-html\" data-id=\"d12ba9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-008cace elementor-widget elementor-widget-html\" data-id=\"008cace\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   KLCC Header + Hero Scroll Effects (Desktop only)\r\n   Target header: #klcctheplace-header\r\n========================================================= *\/\r\n.klcc-tp-injected--elementor .elementor-icon-list-items,\r\n.klcc-tp-injected--elementor .elementor-icon-list-item {\r\n  list-style: none;\r\n  margin-left: 0;\r\n  padding-left: 0;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n  \/* ---------- Header base (FIXED: most robust in Elementor) ---------- *\/\r\n  #klcctheplace-header {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    z-index: 9999;\r\n    will-change: transform, opacity;\r\n    transition: transform .25s ease, opacity .25s ease;\r\n\r\n    \/* If you want blur to be visible, use slight transparency.\r\n       If you prefer solid, change to #fff *\/\r\n    background: rgba(255, 255, 255, .98);\r\n  }\r\n\r\n  #klcctheplace-header.is-hidden {\r\n    transform: translateY(-110%);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #klcctheplace-header.is-shown {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  #klcctheplace-header.is-sticky {\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    box-shadow: 0 6px 18px rgba(0,0,0,.08);\r\n  }\r\n\r\n  \/* Elementor\/other wrappers sometimes set a low z-index.\r\n     Keep it high. If something still covers header, raise this more. *\/\r\n  .ehf-header #klcctheplace-header{\r\n    z-index: 9999;\r\n  }\r\n\r\n  \/* ---------- Hero lift + reset ---------- *\/\r\n  #hero-section,\r\n  #hero-section2 {\r\n    transform: translateY(-80px);\r\n    transition: transform .35s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  #hero-section.is-reset,\r\n  #hero-section2.is-reset {\r\n    transform: translateY(0px);\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .fa-chevron-right {\r\n       font-size: 15px; \r\n    }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .fa-chevron-right {\r\n       font-size: 20px; \r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50d1b91 elementor-widget elementor-widget-html\" data-id=\"50d1b91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1) Standalone gradient text (works without split-text) *\/\r\n.gradient-text .elementor-heading-title,\r\n.elementor-heading-title.gradient-text {\r\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n}\r\n\r\n\/* 2) If split-text is active, apply gradient to each split line too *\/\r\n.gradient-text .elementor-heading-title .plr-line,\r\n.elementor-heading-title.gradient-text .plr-line {\r\n  background-image: linear-gradient(90deg, #8AC646 0%, #204A8A 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n}\r\n\r\n\/* 3) Fallback for browsers that don't support text-clip *\/\r\n@supports not ((-webkit-background-clip: text) or (background-clip: text)) {\r\n  .gradient-text .elementor-heading-title,\r\n  .elementor-heading-title.gradient-text,\r\n  .gradient-text .elementor-heading-title .plr-line,\r\n  .elementor-heading-title.gradient-text .plr-line {\r\n    background: none !important;\r\n    -webkit-text-fill-color: initial !important;\r\n    color: #8AC646 !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d8e500 elementor-widget elementor-widget-html\" data-id=\"7d8e500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<script>\r\n\/* =========================================================\r\n   Header show\/hide + sticky state (Desktop only)\r\n========================================================= *\/\r\n(function () {\r\n  const header = document.getElementById('klcctheplace-header');\r\n  if (!header) return;\r\n\r\n  const mqDesktop = window.matchMedia('(min-width: 1024px)');\r\n  const SHOW_AFTER = 10;\r\n  const STICKY_AFTER = 40;\r\n\r\n  function setBodyPadding() {\r\n    document.body.style.paddingTop = '';\r\n    }\r\n\r\n  function applyHeaderState() {\r\n    if (!mqDesktop.matches) {\r\n      \/\/ Clean up when leaving desktop\r\n      header.classList.remove('is-hidden', 'is-shown', 'is-sticky');\r\n      document.body.style.paddingTop = '';\r\n      return;\r\n    }\r\n\r\n    const y = window.scrollY || 0;\r\n\r\n    if (y > SHOW_AFTER) {\r\n      header.classList.remove('is-hidden');\r\n      header.classList.add('is-shown');\r\n    } else {\r\n      header.classList.add('is-hidden');\r\n      header.classList.remove('is-shown');\r\n    }\r\n\r\n    if (y > STICKY_AFTER) header.classList.add('is-sticky');\r\n    else header.classList.remove('is-sticky');\r\n  }\r\n\r\n  \/\/ Init default state\r\n  function init() {\r\n    setBodyPadding();\r\n    \/\/ start hidden (same as your original behavior)\r\n    header.classList.add('is-hidden');\r\n    header.classList.remove('is-shown', 'is-sticky');\r\n    applyHeaderState();\r\n  }\r\n\r\n  \/\/ RAF throttle for scroll\r\n  let ticking = false;\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(function () {\r\n        applyHeaderState();\r\n        ticking = false;\r\n      });\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  \/\/ Resize: padding & state\r\n  let resizeTick = false;\r\n  function onResize() {\r\n    if (!resizeTick) {\r\n      window.requestAnimationFrame(function () {\r\n        setBodyPadding();\r\n        applyHeaderState();\r\n        resizeTick = false;\r\n      });\r\n      resizeTick = true;\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', onResize, { passive: true });\r\n\r\n  \/\/ If breakpoint changes (desktop <-> mobile)\r\n  if (mqDesktop.addEventListener) {\r\n    mqDesktop.addEventListener('change', onResize);\r\n  } else if (mqDesktop.addListener) {\r\n    \/\/ older Safari\r\n    mqDesktop.addListener(onResize);\r\n  }\r\n\r\n  \/\/ Elementor may reflow after load; sync again\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n\r\n  \/\/ Extra safety: a couple delayed syncs (handles fonts\/Elementor late layout)\r\n  setTimeout(onResize, 200);\r\n  setTimeout(onResize, 800);\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n\/* =========================================================\r\n   Hero reset after scroll (Desktop only)\r\n========================================================= *\/\r\n(function () {\r\n  const IDS = ['hero-section', 'hero-section2'];\r\n  const RESET_AFTER = 10;\r\n\r\n  const mqDesktop = window.matchMedia('(min-width: 1024px)');\r\n\r\n  let heroes = [];\r\n\r\n  function collect() {\r\n    heroes = IDS.map(id => document.getElementById(id)).filter(Boolean);\r\n  }\r\n\r\n  function apply() {\r\n    if (!mqDesktop.matches) {\r\n      \/\/ clean up on mobile\r\n      heroes.forEach(el => el.classList.remove('is-reset'));\r\n      return;\r\n    }\r\n\r\n    const y = window.scrollY || 0;\r\n    heroes.forEach(el => {\r\n      if (y > RESET_AFTER) el.classList.add('is-reset');\r\n      else el.classList.remove('is-reset');\r\n    });\r\n  }\r\n\r\n  \/\/ RAF throttle for scroll\r\n  let ticking = false;\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(function () {\r\n        apply();\r\n        ticking = false;\r\n      });\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  function init() {\r\n    collect();\r\n    apply();\r\n    window.addEventListener('scroll', onScroll, { passive: true });\r\n\r\n    \/\/ Elementor content could mount late; re-collect a few times\r\n    let tries = 0;\r\n    const MAX_TRIES = 30;\r\n    const TRY_EVERY_MS = 200;\r\n\r\n    const timer = setInterval(function () {\r\n      tries++;\r\n      collect();\r\n      apply();\r\n      const gotAll = IDS.every(id => document.getElementById(id));\r\n      if (gotAll || tries >= MAX_TRIES) clearInterval(timer);\r\n    }, TRY_EVERY_MS);\r\n  }\r\n\r\n  if (mqDesktop.addEventListener) {\r\n    mqDesktop.addEventListener('change', function () {\r\n      collect();\r\n      apply();\r\n    });\r\n  } else if (mqDesktop.addListener) {\r\n    mqDesktop.addListener(function () {\r\n      collect();\r\n      apply();\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79b7795 e-con-full e-flex e-con e-parent\" data-id=\"79b7795\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-eaa88b3 e-con-full klcc-slanted-box e-flex e-con e-child\" data-id=\"eaa88b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;\\\/klcctheplace\\\/beta\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/KLCC-THE-PLACE-RENDER_20260630.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-1c4eb36 elementor-widget elementor-widget-html\" data-id=\"1c4eb36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@media (min-width: 320px) and (max-width: 480px) {\n\n#home-hero-banner .elementor-background-video-container video{\ndisplay: none;\n}\n\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7be6258 elementor-widget elementor-widget-html\" data-id=\"7be6258\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Mobile: hide Elementor's full background-video layer, not only the video tag. *\/\r\n  @media (max-width: 767px){\r\n    #hero-section .elementor-background-video-container,\r\n    #home-hero-banner .elementor-background-video-container,\r\n    #hero-section video.elementor-background-video-hosted,\r\n    #home-hero-banner video.elementor-background-video-hosted{\r\n      display:none !important;\r\n      visibility:hidden !important;\r\n    }\r\n\r\n    #hero-section video.hero-bg-video,\r\n    #home-hero-banner video.hero-bg-video{\r\n      display:block !important;\r\n      visibility:visible !important;\r\n    }\r\n  }\r\n\r\n  .hero-audio-toggle-wrap{\r\n    position:absolute;\r\n    left: 50px;\r\n    bottom: 110px;\r\n    z-index:50;\r\n    pointer-events:none;\r\n  }\r\n  .hero-audio-toggle{\r\n    pointer-events:auto;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:10px 12px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    background:rgba(0,0,0,.45);\r\n    color:#fff;\r\n    cursor:pointer;\r\n    font:600 13px\/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    letter-spacing:.2px;\r\n    backdrop-filter:blur(6px);\r\n    -webkit-backdrop-filter:blur(6px);\r\n    transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;\r\n  }\r\n  .hero-audio-toggle:hover{\r\n    transform:translateY(-1px);\r\n    background:rgba(0,0,0,.55);\r\n    border-color:rgba(255,255,255,.55);\r\n  }\r\n  .hero-audio-toggle:active{ transform:translateY(0); opacity:.95; }\r\n  .hero-audio-toggle i{ font-size:16px; width:18px; text-align:center; }\r\n  .hero-audio-toggle__text{ white-space:nowrap; }\r\n\r\n  @media (max-width: 520px){\r\n    .hero-audio-toggle__text{ display:none; }\r\n    .hero-audio-toggle{ padding:10px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const MOBILE_MAX = 767;\r\n  const TARGET_SELECTORS = [\"#hero-section\", \"#home-hero-banner\"];\r\n  const MOBILE_VIDEO_SRC = \"\/klcctheplace\/beta\/wp-content\/uploads\/2026\/07\/KLCC-THE-PLACE-RENDER_VERTICAL_20260630.mov\";\r\n\r\n  let observerStarted = false;\r\n  let resizeTimer = null;\r\n\r\n  function isMobileNow(){\r\n    return window.matchMedia(\"(max-width:\" + MOBILE_MAX + \"px)\").matches;\r\n  }\r\n\r\n  function pickTargetEl() {\r\n    for (const sel of TARGET_SELECTORS) {\r\n      const el = document.querySelector(sel);\r\n      if (el) return el;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  function tryPlay(video) {\r\n    try {\r\n      video.muted = true;\r\n      video.defaultMuted = true;\r\n      const p = video.play();\r\n      if (p && typeof p.catch === \"function\") p.catch(function(){});\r\n    } catch (e) {}\r\n  }\r\n\r\n  function ensureVideoBackground(el) {\r\n    if (!el) return;\r\n\r\n    let video = el.querySelector(\"video.hero-bg-video\");\r\n    if (video) {\r\n      tryPlay(video);\r\n      return;\r\n    }\r\n\r\n    const cs = window.getComputedStyle(el);\r\n    if (cs.position === \"static\") el.style.position = \"relative\";\r\n    el.style.overflow = \"hidden\";\r\n\r\n    if (!el.dataset.desktopBg) el.dataset.desktopBg = el.style.background || \"\";\r\n\r\n    video = document.createElement(\"video\");\r\n    video.className = \"hero-bg-video\";\r\n    video.src = MOBILE_VIDEO_SRC;\r\n\r\n    video.muted = true;\r\n    video.defaultMuted = true;\r\n    video.autoplay = true;\r\n    video.loop = true;\r\n    video.playsInline = true;\r\n    video.preload = \"auto\";\r\n\r\n    video.setAttribute(\"muted\", \"\");\r\n    video.setAttribute(\"playsinline\", \"\");\r\n    video.setAttribute(\"webkit-playsinline\", \"\");\r\n    video.setAttribute(\"autoplay\", \"\");\r\n    video.setAttribute(\"loop\", \"\");\r\n\r\n    Object.assign(video.style, {\r\n      position: \"absolute\",\r\n      inset: \"0\",\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n      objectFit: \"cover\",\r\n      objectPosition: \"50% 50%\",\r\n      zIndex: \"0\",\r\n      pointerEvents: \"none\",\r\n      display: \"block\"\r\n    });\r\n\r\n    Array.from(el.children).forEach(function(child) {\r\n      if (child.classList && child.classList.contains(\"hero-bg-video\")) return;\r\n      const childCS = window.getComputedStyle(child);\r\n      if (childCS.position === \"static\") child.style.position = \"relative\";\r\n      child.style.zIndex = \"1\";\r\n    });\r\n\r\n    el.insertBefore(video, el.firstChild);\r\n\r\n    const hideBg = function () { el.style.backgroundImage = \"none\"; };\r\n    video.addEventListener(\"loadeddata\", hideBg, { once: true });\r\n    video.addEventListener(\"playing\", hideBg, { once: true });\r\n\r\n    tryPlay(video);\r\n\r\n    [\"touchstart\", \"click\", \"scroll\"].forEach(function(eventName) {\r\n      window.addEventListener(eventName, function kick() {\r\n        tryPlay(video);\r\n        window.removeEventListener(eventName, kick, true);\r\n      }, true);\r\n    });\r\n  }\r\n\r\n  function removeVideoBackground(el) {\r\n    if (!el) return;\r\n\r\n    const v = el.querySelector(\"video.hero-bg-video\");\r\n    if (v) v.remove();\r\n\r\n    el.style.backgroundImage = \"\";\r\n    if (el.dataset.desktopBg) {\r\n      el.style.background = el.dataset.desktopBg;\r\n      delete el.dataset.desktopBg;\r\n    }\r\n  }\r\n\r\n  function ensureAudioButton(el){\r\n    if (!el) return null;\r\n\r\n    const cs = window.getComputedStyle(el);\r\n    if (cs.position === \"static\") el.style.position = \"relative\";\r\n\r\n    let wrap = el.querySelector(\".hero-audio-toggle-wrap\");\r\n    if (wrap) return wrap;\r\n\r\n    wrap = document.createElement(\"div\");\r\n    wrap.className = \"hero-audio-toggle-wrap\";\r\n    wrap.innerHTML = [\r\n      '<button type=\"button\" class=\"hero-audio-toggle is-muted\" aria-pressed=\"false\" aria-label=\"Unmute video\">',\r\n      '<i class=\"fas fa-volume-mute\" aria-hidden=\"true\"><\/i>',\r\n      '<span class=\"hero-audio-toggle__text\">Sound Off<\/span>',\r\n      '<\/button>'\r\n    ].join(\"\");\r\n    el.appendChild(wrap);\r\n    return wrap;\r\n  }\r\n\r\n  function getActiveVideo(el){\r\n    if (!el) return null;\r\n    if (isMobileNow()) return el.querySelector(\"video.hero-bg-video\") || null;\r\n    return el.querySelector(\"video.elementor-background-video-hosted\") || null;\r\n  }\r\n\r\n  function setBtnUI(btn, isMuted){\r\n    btn.classList.toggle(\"is-muted\", isMuted);\r\n    btn.setAttribute(\"aria-pressed\", String(!isMuted));\r\n    btn.setAttribute(\"aria-label\", isMuted ? \"Unmute video\" : \"Mute video\");\r\n\r\n    const icon = btn.querySelector(\"i\");\r\n    const text = btn.querySelector(\".hero-audio-toggle__text\");\r\n    if (icon) icon.className = isMuted ? \"fas fa-volume-mute\" : \"fas fa-volume-up\";\r\n    if (text) text.textContent = isMuted ? \"Sound Off\" : \"Sound On\";\r\n  }\r\n\r\n  function bindAudioToggle(el){\r\n    const wrap = ensureAudioButton(el);\r\n    if (!wrap) return;\r\n\r\n    const btn = wrap.querySelector(\".hero-audio-toggle\");\r\n    if (!btn || btn.dataset.bound === \"1\") return;\r\n    btn.dataset.bound = \"1\";\r\n\r\n    const v = getActiveVideo(el);\r\n    if (v) {\r\n      try { v.muted = true; v.defaultMuted = true; v.volume = 1; } catch(e){}\r\n      setBtnUI(btn, true);\r\n    }\r\n\r\n    btn.addEventListener(\"click\", function(){\r\n      const video = getActiveVideo(el);\r\n      if (!video) return;\r\n\r\n      const nextMuted = !video.muted;\r\n\r\n      try {\r\n        video.muted = nextMuted;\r\n        video.defaultMuted = nextMuted;\r\n        if (!nextMuted && video.volume === 0) video.volume = 1;\r\n\r\n        const p = video.play && video.play();\r\n        if (p && typeof p.catch === \"function\") p.catch(function(){});\r\n      } catch(e){}\r\n\r\n      setBtnUI(btn, video.muted);\r\n    });\r\n  }\r\n\r\n  function applyAll(){\r\n    const el = pickTargetEl();\r\n    if (!el) return false;\r\n\r\n    if (isMobileNow()) ensureVideoBackground(el);\r\n    else removeVideoBackground(el);\r\n\r\n    bindAudioToggle(el);\r\n\r\n    const btn = el.querySelector(\".hero-audio-toggle\");\r\n    const v = getActiveVideo(el);\r\n    if (btn && v) setBtnUI(btn, !!v.muted);\r\n\r\n    return true;\r\n  }\r\n\r\n  function startObserver(){\r\n    if (observerStarted || !document.body) return;\r\n    observerStarted = true;\r\n\r\n    const observer = new MutationObserver(function(){\r\n      if (applyAll()) observer.disconnect();\r\n    });\r\n    observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n    setTimeout(function(){ observer.disconnect(); }, 10000);\r\n  }\r\n\r\n  function init(){\r\n    applyAll();\r\n    startObserver();\r\n\r\n    window.addEventListener(\"resize\", function(){\r\n      clearTimeout(resizeTimer);\r\n      resizeTimer = setTimeout(applyAll, 120);\r\n    }, { passive: true });\r\n\r\n    window.addEventListener(\"orientationchange\", function(){\r\n      setTimeout(applyAll, 250);\r\n    }, { passive: true });\r\n\r\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n      window.elementorFrontend.hooks.addAction(\"frontend\/element_ready\/global\", function () {\r\n        setTimeout(applyAll, 150);\r\n      });\r\n    }\r\n\r\n    setTimeout(applyAll, 500);\r\n    setTimeout(applyAll, 1500);\r\n    setTimeout(applyAll, 3000);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c5b007 e-con-full e-flex e-con e-parent\" data-id=\"0c5b007\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-16d9865 e-flex e-con-boxed e-con e-child\" data-id=\"16d9865\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4adfcdb elementor-widget elementor-widget-html\" data-id=\"4adfcdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.width-add-20px{\nwidth: calc(64% + 20px) !important;\n}\n\n@media (max-width: 768px){\n    .width-add-20px{\n        width: 100% !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c6deab e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"6c6deab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9142957 e-con-full e-flex e-con e-child\" data-id=\"9142957\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5ea85b8 e-con-full e-flex e-con e-child\" data-id=\"5ea85b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc96bf gradient-text split-text  elementor-widget elementor-widget-heading\" data-id=\"3dc96bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Discover<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72a1b32 e-con-full e-transform pulse-cta e-flex e-con e-child\" data-id=\"72a1b32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb170b0 klcc-font-museo split-text hover-circle-icon elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"fb170b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/discover-ktp\/\">The Pulse of the City <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbfcc4a klcc-font-museo   split-text elementor-widget elementor-widget-heading\" data-id=\"cbfcc4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">From the PETRONAS Twin Towers to culture, dining, green spaces, shopping and events, discover KLCC The Place in one walkable city precinct<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5d39e3 elementor-widget__width-inherit MuseoSans width-add-20px split-text elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"d5d39e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Explore \u2022 Dine \u2022 Work \u2022 Unwind<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69692a0 e-flex e-con-boxed e-con e-child\" data-id=\"69692a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-66bf958 e-con-full e-flex e-con e-child\" data-id=\"66bf958\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ad099 elementor-widget elementor-widget-shortcode\" data-id=\"10ad099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">      <div\n        id=\"klcc-dg-1\"\n        class=\"tvc-main-container klcc-discover-grid\"\n        style=\"\n          --tvc-card-height: 300px;\n          --tvc-card-radius: 26px;\n          --tvc-grid-gap: 20px;\n        \"\n      >\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/iconic-sights\/\"\n              aria-label=\"Iconic Sights\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/Iconic-Sights.webp');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Iconic Sights<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Discover an unforgettable experience atop the iconic PETRONAS Twin Towers<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/shop-dine\/\"\n              aria-label=\"Shop &amp; Dine\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/20260130_032826000_iOS-1.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Shop &amp; Dine<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Explore a destination for endless shopping and exceptional dining experiences<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/arts-culture\/\"\n              aria-label=\"Arts &amp; Culture\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/SLP_2438-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Arts &amp; Culture<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Enjoy a mix of local and global music performances, contemporary art while keeping up with the must-see events in town!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/discover-ktp\/stay-unwind-rejuvenate\/\"\n              aria-label=\"Exclusive Stays &amp; Spa\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/KTP_702.jpeg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Exclusive Stays &amp; Spa<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Experience unparalleled hospitality and unwind in style with the perfect spa retreat!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/exploration-outdoors\/\"\n              aria-label=\"Exploration &amp; Outdoors\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KTP_668-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Exploration &amp; Outdoors<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Discover the marvels of science, get up close with aquatic life, and soak in the tranquillity of KLCC Park!<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n                  <a            class=\"tvc-category-card\"\n                          href=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/convention-expo\/\"\n              aria-label=\"Convention &amp; Expos\"\n                      >\n            <div class=\"tvc-card-bg\" style=\"background-image: url('https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/03\/KTP_694-scaled.jpg');\"><\/div>\n            <div class=\"tvc-hover-overlay\"><\/div>\n            <div class=\"tvc-card-content\">\n              <h3 class=\"tvc-card-title\">Convention &amp; Expos<\/h3>\n              <div class=\"tvc-card-bottom\">\n                                  <p class=\"tvc-desc\">Host conferences, exhibitions and business events in a connected venue setting, set in the heart of Kuala Lumpur<\/p>\n                                <span class=\"tvc-discover-icon\" aria-hidden=\"true\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n              <\/div>\n      <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57075eb e-con-full e-flex e-con e-parent\" data-id=\"57075eb\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a48221a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a48221a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b5a84f5 e-con-full e-flex e-con e-child\" data-id=\"b5a84f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742796c klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"742796c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Precinct Partners<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e77490c e-con-full e-flex e-con e-child\" data-id=\"e77490c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1da03ec elementor-widget elementor-widget-html\" data-id=\"1da03ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .precinct-partners-section {\r\n      padding: 60px 0;\r\n      background: transparent;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .precinct-partners-section .container {\r\n      width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .partner-swiper .swiper-wrapper {\r\n      align-items: center;\r\n      transition-timing-function: linear !important;\r\n    }\r\n\r\n    .partner-swiper .swiper-slide {\r\n      height: 120px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/*\r\n      Change --logo-width and --logo-height in the individual\r\n      logo rules below to adjust each logo separately.\r\n    *\/\r\n    .partner-swiper .partner-logo {\r\n      display: block;\r\n      width: var(--logo-width, 180px);\r\n      height: var(--logo-height, 75px);\r\n      max-width: 88%;\r\n      object-fit: contain;\r\n      filter: grayscale(0%);\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Individual logo controls *\/\r\n    .logo-mo {\r\n      --logo-width: 150px;\r\n      --logo-height: 70px;\r\n    }\r\n\r\n    .logo-suria {\r\n      --logo-width: 170px;\r\n      --logo-height: 75px;\r\n    }\r\n\r\n    .logo-dewan {\r\n      --logo-width: 210px;\r\n      --logo-height: 110px;\r\n    }\r\n\r\n    .logo-skyx {\r\n      --logo-width: 150px;\r\n      --logo-height: 70px;\r\n    }\r\n\r\n    .logo-petrosains {\r\n      --logo-width: 195px;\r\n      --logo-height: 90px;\r\n    }\r\n\r\n    .logo-aquaria {\r\n      --logo-width: 160px;\r\n      --logo-height: 70px;\r\n    }\r\n\r\n    .logo-ombak {\r\n      --logo-width: 190px;\r\n      --logo-height: 75px;\r\n    }\r\n\r\n    .logo-galeri {\r\n      --logo-width: 185px;\r\n      --logo-height: 95px;\r\n    }\r\n\r\n    .logo-traders {\r\n      --logo-width: 125px;\r\n      --logo-height: 90px;\r\n    }\r\n\r\n    .logo-convex {\r\n      --logo-width: 230px;\r\n      --logo-height: 95px;\r\n    }\r\n\r\n    .partner-swiper .swiper-slide:hover .partner-logo {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .precinct-partners-section {\r\n        padding: 40px 0;\r\n      }\r\n\r\n      .partner-swiper .swiper-slide {\r\n        height: 90px;\r\n      }\r\n\r\n      .partner-swiper .partner-logo {\r\n        max-width: 82%;\r\n        max-height: 65px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .partner-swiper .partner-logo {\r\n        transition: none;\r\n      }\r\n    }\r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b94e808 elementor-widget elementor-widget-html\" data-id=\"b94e808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"precinct-partners-section\">\r\n    <div class=\"container\">\r\n      <div class=\"swiper partner-swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/1.-MO.webp\"\r\n              alt=\"MO\"\r\n              class=\"partner-logo logo-mo\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/2.-Suria-KLCC.webp\"\r\n              alt=\"Suria KLCC\"\r\n              class=\"partner-logo logo-suria\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/3.-Dewan-Filharmonik.webp\"\r\n              alt=\"Dewan Filharmonik\"\r\n              class=\"partner-logo logo-dewan\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/4.-KLCC-Sky-X.webp\"\r\n              alt=\"KLCC Sky X\"\r\n              class=\"partner-logo logo-skyx\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/5.-PETROSAINS.webp\"\r\n              alt=\"PETROSAINS\"\r\n              class=\"partner-logo logo-petrosains\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/6.-Aquaria.webp\"\r\n              alt=\"Aquaria\"\r\n              class=\"partner-logo logo-aquaria\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/7.-Ombak.webp\"\r\n              alt=\"Ombak\"\r\n              class=\"partner-logo logo-ombak\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/NGP_Logo_Linear-Logo_RGB_220626-1.png\"\r\n              alt=\"Galeri Petronas\"\r\n              class=\"partner-logo logo-galeri\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/9.-Traders.webp\"\r\n              alt=\"Traders Hotel\"\r\n              class=\"partner-logo logo-traders\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/06\/10.-KL-Convex.webp\"\r\n              alt=\"Kuala Lumpur Convention Centre\"\r\n              class=\"partner-logo logo-convex\"\r\n            >\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93fcb36 elementor-widget elementor-widget-html\" data-id=\"93fcb36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      new Swiper('.partner-swiper', {\r\n        loop: true,\r\n        speed: 4000,\r\n        allowTouchMove: false,\r\n        autoplay: {\r\n          delay: 0,\r\n          disableOnInteraction: false,\r\n          pauseOnMouseEnter: false\r\n        },\r\n        breakpoints: {\r\n          320: {\r\n            slidesPerView: 2.5,\r\n            spaceBetween: 20\r\n          },\r\n          768: {\r\n            slidesPerView: 4,\r\n            spaceBetween: 30\r\n          },\r\n          1024: {\r\n            slidesPerView: 5,\r\n            spaceBetween: 40\r\n          }\r\n        }\r\n      });\r\n    });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d53558 e-flex e-con-boxed e-con e-parent\" data-id=\"2d53558\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e9dfc8d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e9dfc8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-95716a5 e-con-full e-flex e-con e-child\" data-id=\"95716a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-862bdbc klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"862bdbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What\u2019s On<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b260ee split-text hover-circle-icon elementor-widget elementor-widget-heading\" data-id=\"5b260ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/whats-on\/\">Events &amp; Happenings <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2636666 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"2636666\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29fd59b elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"29fd59b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        #klcc-news-7776 {\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-7776 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-7776 .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-7776 .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-7776 .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-7776 .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-7776 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-7776 .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-7776 .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-7776 .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-7776 .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-7776 .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-7776 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-7776 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-7776 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-7776 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-7776 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-7776 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-7776 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-7776 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-7776 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-7776 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-7776 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-7776 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-7776 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-7776 .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-7776 .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-7776 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-7776 .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-7776 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-7776 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-7776 .klcc-news-nav-btn:hover,\n        #klcc-news-7776 .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-7776 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-7776 .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-7776-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-7776-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-7776-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-7776-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-7776-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-7776-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-7776-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__nav:hover,\n        #klcc-news-7776-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-7776-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-7776-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-7776-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-7776-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-7776-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-7776-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-7776-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button),\n        #klcc-news-7776-modal .klcc-news-modal__content a,\n        #klcc-news-7776-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button),\n        #klcc-news-7776-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button) {\n            color: #133c86 !important;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            font-weight: 600;\n            transition: color 0.18s ease;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-7776-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button):focus-visible,\n        #klcc-news-7776-modal .klcc-news-modal__content a:hover,\n        #klcc-news-7776-modal .klcc-news-modal__content a:focus-visible,\n        #klcc-news-7776-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-7776-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button):focus-visible,\n        #klcc-news-7776-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-7776-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button):focus-visible {\n            color: #204a8a !important;\n            text-decoration: underline;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-7776-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-7776-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-7776-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-7776-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-7776-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-7776-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n            background: transparent;\n        }\n\n        #klcc-news-7776-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: transparent;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__viewport {\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__slide {\n            flex: 0 0 100%;\n            width: 100%;\n            min-width: 100%;\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__poster {\n            width: 100%;\n            height: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: transparent;\n            user-select: none;\n            -webkit-user-drag: none;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__nav {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            z-index: 10;\n            pointer-events: auto;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__btn {\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            margin: 0;\n            outline: none;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n            user-select: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__btn svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n            stroke: currentColor;\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__btn:hover,\n        #klcc-news-7776-modal .klcc-modal-carousel__btn:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: scale(1.08);\n            box-shadow: 0 6px 20px rgba(19, 60, 134, 0.32);\n        }\n\n        #klcc-news-7776-modal .klcc-modal-carousel__btn:active {\n            transform: scale(0.95);\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-7776-modal .klcc-modal-carousel__nav {\n                bottom: 10px;\n                right: 10px;\n                gap: 8px;\n            }\n\n            #klcc-news-7776-modal .klcc-modal-carousel__btn {\n                width: 36px;\n                height: 36px;\n            }\n\n            #klcc-news-7776-modal .klcc-modal-carousel__btn svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-7776-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-7776-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-7776-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-7776-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-7776-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-7776-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-7776 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-7776 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-7776 .klcc-news-card,\n            #klcc-news-7776 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-7776 .klcc-card-overlay-tint,\n            #klcc-news-7776 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-7776 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-7776 .swiper-slide,\n            #klcc-news-7776 .klcc-news-card,\n            #klcc-news-7776 .klcc-card-bg,\n            #klcc-news-7776 .klcc-card-overlay-tint,\n            #klcc-news-7776 .klcc-card-title,\n            #klcc-news-7776 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-7776\" class=\"swiper klcc-news-swiper\">\n        <button class=\"klcc-news-nav-btn klcc-news-prev-btn\" aria-label=\"Previous\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <button class=\"klcc-news-nav-btn klcc-news-next-btn\" aria-label=\"Next\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n\n    <div id=\"klcc-news-7776-templates\" hidden>\n                                <template id=\"klcc-news-7776-tpl-0-9058\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur from a whole new perspective. Wrap your journey with exquisite souvenirs at the Sky Shop!<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience Standard Visit                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7776-tpl-1-9062\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Evening Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience the PETRONAS Twin Towers at their most magical during the golden hours. Enjoy a guided tour lead by our staff, the Sky Guide, visit the iconic Sky Bridge on Level 41, and take in panoramic views from the Sky Deck on Level 86. Complete your journey with a complimentary beverage at Sky Caf\u00e9 by Maja, making for an unforgettable evening above Kuala Lumpur\u2019s glittering skyline.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 6.00pm, 6.15pm &amp; 6.30pm slots only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Evening Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-7776-tpl-2-9202\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Discover the latest innovations shaping the maritime and offshore sectors at Malaysia International Marine Expo (MIMEX) 2026. Held at the Kuala Lumpur Convention Centre, MIMEX is a comprehensive international business platform that brings together industry leaders, manufacturers, suppliers and decision-makers from across the global maritime community.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Covering key sectors including shipbuilding, ship repairs, shipping, maritime engineering, offshore technology, dredging equipment, and ports and logistics, the exhibition offers valuable opportunities for networking, knowledge sharing and business development. As one of the region's leading maritime industry events, MIMEX serves as a meeting point for professionals seeking to explore emerging trends, innovative technologies and new business opportunities.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">For information, visit <a href=\"https:\/\/marine-malaysia.com\/\" target=\"_blank\" rel=\"noopener\">Home - Malaysia International Marine Expo (MIMEX)<\/a><\/p>\n<p><\/p>\n<\/div>\n\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"3\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"1\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"2\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n              <div class=\"klcc-modal-carousel__nav\" aria-label=\"Image gallery controls\">\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--prev\" type=\"button\" aria-label=\"Previous image\" data-modal-carousel-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--next\" type=\"button\" aria-label=\"Next image\" data-modal-carousel-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n          <\/button>\n        <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-7776-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-7776-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-7776');\n                const modal = document.getElementById('klcc-news-7776-modal');\n                const modalBody = document.getElementById('klcc-news-7776-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-7776-tpl-0-9058\",\"klcc-news-7776-tpl-1-9062\",\"klcc-news-7776-tpl-2-9202\"];\n                const modalPostSlugs = [\"sky-xperience-standard-visit\",\"evening-xperience\",\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"];\n                const modalHashPrefix = '#whats-on=';\n                const modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\n                let remoteModalRequestId = 0;\n                let remoteModalSlug = '';\n\n                const readModalHashSlug = function() {\n                    if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                    try {\n                        return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                    } catch (error) {\n                        return '';\n                    }\n                };\n\n                const modalHashForIndex = function(index) {\n                    if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                    return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n                };\n\n                const updateModalHash = function(index, mode) {\n                    const hash = modalHashForIndex(index);\n                    if (!hash || window.location.hash === hash) return;\n                    const url = window.location.pathname + window.location.search + hash;\n                    if (mode === 'push') {\n                        const state = Object.assign({}, window.history.state || {}, { klccWhatsOnModal: true });\n                        window.history.pushState(state, '', url);\n                    } else {\n                        window.history.replaceState(window.history.state, '', url);\n                    }\n                };\n\n                const carouselIsVisible = function() {\n                    return swiperContainer.getClientRects().length > 0 && window.getComputedStyle(swiperContainer).display !== 'none';\n                };\n\n                const updateModalNavState = function() {\n                    if (!modalPrevButton || !modalNextButton) return;\n                    const total = modalTemplateIds.length;\n                    if (total <= 1 || currentModalIndex < 0) {\n                        modalPrevButton.hidden = true;\n                        modalNextButton.hidden = true;\n                        return;\n                    }\n                    const atStart = currentModalIndex <= 0;\n                    const atEnd = currentModalIndex >= total - 1;\n                    modalPrevButton.hidden = atStart;\n                    modalNextButton.hidden = atEnd;\n                    modalPrevButton.disabled = atStart;\n                    modalNextButton.disabled = atEnd;\n                };\n\n                const renderModalByIndex = function(index) {\n                    if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) {\n                        return;\n                    }\n                    if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) {\n                        return;\n                    }\n\n                    const templateId = modalTemplateIds[index];\n                    const template = document.getElementById(templateId);\n                    if (!template) return;\n\n                    currentModalIndex = index;\n                    modalBody.innerHTML = template.innerHTML;\n                    updateModalNavState();\n                    if (window.klccInitModalCarousel) {\n                        window.klccInitModalCarousel(modalBody);\n                    }\n                };\n\n                const openModalByIndex = function(index, historyMode) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasHidden = modal.hidden;\n                    renderModalByIndex(index);\n                    if (currentModalIndex < 0) return;\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                    if (historyMode) {\n                        updateModalHash(currentModalIndex, historyMode);\n                    }\n                };\n\n                const openRemoteModalHtml = function(html) {\n                    const wasHidden = modal.hidden;\n                    currentModalIndex = -1;\n                    modalBody.innerHTML = html;\n                    updateModalNavState();\n                    if (window.klccInitModalCarousel) {\n                        window.klccInitModalCarousel(modalBody);\n                    }\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                };\n\n                const fetchModalBySlug = function(slug) {\n                    if (!slug || !carouselIsVisible() || remoteModalSlug === slug) return;\n\n                    const requestId = ++remoteModalRequestId;\n                    remoteModalSlug = slug;\n                    modal.setAttribute('aria-busy', 'true');\n\n                    fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=carousel', {\n                        credentials: 'same-origin',\n                        headers: {\n                            'Accept': 'application\/json'\n                        }\n                    })\n                        .then(function(response) {\n                            if (!response.ok) throw new Error('What\\'s On post not found.');\n                            return response.json();\n                        })\n                        .then(function(data) {\n                            if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                            if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                                throw new Error('Invalid What\\'s On modal response.');\n                            }\n                            openRemoteModalHtml(data.html);\n                        })\n                        .catch(function() {\n                            if (requestId === remoteModalRequestId) {\n                                closeModal(false);\n                            }\n                        })\n                        .finally(function() {\n                            if (requestId === remoteModalRequestId) {\n                                modal.removeAttribute('aria-busy');\n                            }\n                        });\n                };\n\n                const goModalByStep = function(step) {\n                    const nextIndex = currentModalIndex + step;\n                    if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) {\n                        return;\n                    }\n                    renderModalByIndex(nextIndex);\n                    updateModalHash(nextIndex, 'replace');\n                };\n\n                const closeModal = function(updateHistory) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasOpen = !modal.hidden;\n                    modal.hidden = true;\n                    modal.setAttribute('aria-hidden', 'true');\n                    modalBody.innerHTML = '';\n                    if (wasOpen) {\n                        document.body.style.overflow = lastBodyOverflow;\n                    }\n                    currentModalIndex = -1;\n                    updateModalNavState();\n\n                    if (updateHistory && readModalHashSlug() !== '') {\n                        if (window.history.state && window.history.state.klccWhatsOnModal) {\n                            window.history.back();\n                        } else {\n                            window.history.replaceState(\n                                window.history.state,\n                                '',\n                                window.location.pathname + window.location.search\n                            );\n                        }\n                    }\n                };\n\n                const syncModalFromHash = function() {\n                    const slug = readModalHashSlug();\n                    if (slug === '') {\n                        if (currentModalIndex >= 0 || !modal.hidden) {\n                            closeModal(false);\n                        }\n                        return;\n                    }\n                    if (!carouselIsVisible()) return;\n\n                    const index = modalPostSlugs.indexOf(slug);\n                    if (index >= 0) {\n                        openModalByIndex(index, '');\n                    } else {\n                        fetchModalBySlug(slug);\n                    }\n                };\n\n                swiperContainer.querySelectorAll('.klcc-news-card[data-popup-index]').forEach(function(card) {\n                    card.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        const index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                        if (Number.isNaN(index)) return;\n                        openModalByIndex(index, 'push');\n                    });\n                });\n\n                if (modalPrevButton) {\n                    modalPrevButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(-1);\n                    });\n                }\n\n                if (modalNextButton) {\n                    modalNextButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(1);\n                    });\n                }\n\n                modal.addEventListener('click', function(e) {\n                    const target = e.target;\n                    if (!(target instanceof Element)) return;\n                    if (target.closest('[data-modal-close=\"1\"]')) {\n                        closeModal(true);\n                    }\n                });\n\n                document.addEventListener('keydown', function(e) {\n                    if (modal.hidden) return;\n                    if (e.key === 'Escape' && !modal.hidden) {\n                        closeModal(true);\n                        return;\n                    }\n                    if (e.key === 'ArrowLeft') {\n                        e.preventDefault();\n                        goModalByStep(-1);\n                    } else if (e.key === 'ArrowRight') {\n                        e.preventDefault();\n                        goModalByStep(1);\n                    }\n                });\n\n                window.addEventListener('hashchange', syncModalFromHash);\n                window.addEventListener('popstate', syncModalFromHash);\n                syncModalFromHash();\n\n                const swiper = new Swiper(swiperContainer, {\n                    effect: 'coverflow',\n                    grabCursor: true,\n                    centeredSlides: true,\n                    loop: true,\n                    observer: true,\n                    observeParents: true,\n                    slidesPerView: 'auto',\n                    speed: 480,\n                    autoplay: {\n                        delay: 4200,\n                        disableOnInteraction: false,\n                    },\n                    navigation: {\n                        prevEl: prevButton,\n                        nextEl: nextButton,\n                    },\n                    coverflowEffect: {\n                        rotate: 0,\n                        stretch: -6,\n                        depth: 160,\n                        modifier: 1,\n                        slideShadows: false,\n                    },\n                });\n\n                if (displayCount > 0 && paginationContainer) {\n                    paginationContainer.innerHTML = '';\n                    for (let i = 0; i < displayCount; i++) {\n                        const dot = document.createElement('span');\n                        dot.classList.add('custom-bullet');\n                        if (i === 0) dot.classList.add('active');\n                        dot.addEventListener('click', function() {\n                            swiper.slideToLoop(i);\n                        });\n                        paginationContainer.appendChild(dot);\n                    }\n                }\n\n                swiper.on('slideChange', function() {\n                    if (!paginationContainer) return;\n                    const bullets = paginationContainer.querySelectorAll('.custom-bullet');\n                    const activeIndex = displayCount > 0 ? (swiper.realIndex % displayCount) : 0;\n                    bullets.forEach(function(dot, index) {\n                        dot.classList.toggle('active', index === activeIndex);\n                    });\n                });\n\n                if (desktopHoverQuery.matches && swiper.autoplay) {\n                    swiperContainer.addEventListener('mouseenter', function() {\n                        swiper.autoplay.stop();\n                    });\n                    swiperContainer.addEventListener('mouseleave', function() {\n                        swiper.autoplay.start();\n                    });\n                }\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initCarousel, { once: true });\n            } else {\n                initCarousel();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<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-6307 {\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-6307 .swiper-slide {\n            width: 320px;\n            height: 380px;\n            transition: transform 0.45s ease, opacity 0.35s ease;\n        }\n\n        #klcc-news-6307 .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-6307 .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-6307 .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-6307 .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-6307 .swiper-slide-active .klcc-card-overlay-tint {\n            opacity: 0;\n        }\n\n        #klcc-news-6307 .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-6307 .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-6307 .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-6307 .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-6307 .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-6307 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-6307 .klcc-news-card:focus-visible .klcc-card-title,\n        #klcc-news-6307 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-6307 .klcc-news-card:focus-visible .klcc-card-cta {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #klcc-news-6307 .klcc-news-card:hover .klcc-card-title,\n        #klcc-news-6307 .klcc-news-card:focus-visible .klcc-card-title {\n            color: white !important;\n        }\n\n        #klcc-news-6307 .klcc-news-card:hover .klcc-card-cta,\n        #klcc-news-6307 .klcc-news-card:focus-visible .klcc-card-cta {\n            color: var(--klcc-amber);\n        }\n\n        #klcc-news-6307 .klcc-news-card:hover .klcc-card-overlay-tint,\n        #klcc-news-6307 .klcc-news-card:focus-visible .klcc-card-overlay-tint {\n            opacity: 1;\n        }\n\n        #klcc-news-6307 .klcc-news-card:hover .klcc-card-bg,\n        #klcc-news-6307 .klcc-news-card:focus-visible .klcc-card-bg {\n            transform: scale(1.03);\n        }\n\n        #klcc-news-6307 .klcc-news-card:focus-visible {\n            outline: 2px solid rgba(243, 193, 66, 0.9);\n            outline-offset: 2px;\n        }\n\n        #klcc-news-6307 .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-6307 .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-6307 .klcc-custom-pagination .custom-bullet.active {\n            background: var(--klcc-green);\n        }\n\n        #klcc-news-6307 .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-6307 .klcc-news-prev-btn { left: 0; }\n        #klcc-news-6307 .klcc-news-next-btn { right: 0; }\n\n        #klcc-news-6307 .klcc-news-nav-btn:hover,\n        #klcc-news-6307 .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-6307 .klcc-news-nav-btn:active {\n            transform: translateY(-50%) scale(0.97) !important;\n        }\n\n        #klcc-news-6307 .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-6307-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-6307-modal[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__backdrop {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n        }\n\n        #klcc-news-6307-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-6307-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-6307-modal .klcc-news-modal__close svg {\n            width: 34px;\n            height: 34px;\n            display: block;\n        }\n\n        #klcc-news-6307-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-6307-modal .klcc-news-modal__nav--prev {\n            left: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__nav--next {\n            right: max(10px, calc(50% - (min(1400px, 95vw) \/ 2) - 28px));\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__nav svg {\n            width: 26px;\n            height: 26px;\n            display: block;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__nav:hover,\n        #klcc-news-6307-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-6307-modal .klcc-news-modal__nav[hidden] {\n            display: none !important;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__body {\n            height: 100%;\n            min-height: 0;\n        }\n\n        #klcc-news-6307-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-6307-modal .klcc-news-modal__left {\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n\n        #klcc-news-6307-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-6307-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-6307-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-6307-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button),\n        #klcc-news-6307-modal .klcc-news-modal__content a,\n        #klcc-news-6307-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button),\n        #klcc-news-6307-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button) {\n            color: #133c86 !important;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            font-weight: 600;\n            transition: color 0.18s ease;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-6307-modal .klcc-news-modal__scroll a:not(.klcc-news-modal__link-button):focus-visible,\n        #klcc-news-6307-modal .klcc-news-modal__content a:hover,\n        #klcc-news-6307-modal .klcc-news-modal__content a:focus-visible,\n        #klcc-news-6307-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-6307-modal .klcc-news-modal__meta a:not(.klcc-news-modal__link-button):focus-visible,\n        #klcc-news-6307-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button):hover,\n        #klcc-news-6307-modal .klcc-news-modal__link a:not(.klcc-news-modal__link-button):focus-visible {\n            color: #204a8a !important;\n            text-decoration: underline;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__meta {\n            margin-top: 4px;\n        }\n\n        #klcc-news-6307-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-6307-modal .klcc-news-modal__meta strong {\n            font-weight: 800;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__link {\n            margin-top: 12px;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__link-label {\n            margin: 0 0 10px 0;\n            color: #101820;\n        }\n\n        #klcc-news-6307-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-6307-modal .klcc-news-modal__link-button:hover,\n        #klcc-news-6307-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-6307-modal .klcc-news-modal__link-button:active {\n            transform: translateY(0);\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__right {\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: stretch;\n            background: transparent;\n        }\n\n        #klcc-news-6307-modal .klcc-news-modal__poster {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: transparent;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__viewport {\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__slide {\n            flex: 0 0 100%;\n            width: 100%;\n            min-width: 100%;\n            height: 100%;\n            min-height: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__poster {\n            width: 100%;\n            height: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            border-radius: 0;\n            display: block;\n            background: transparent;\n            user-select: none;\n            -webkit-user-drag: none;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__nav {\n            position: absolute;\n            bottom: 20px;\n            right: 20px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            z-index: 10;\n            pointer-events: auto;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__btn {\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            color: #133c86;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            margin: 0;\n            outline: none;\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n            user-select: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__btn svg {\n            width: 20px;\n            height: 20px;\n            display: block;\n            stroke: currentColor;\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__btn:hover,\n        #klcc-news-6307-modal .klcc-modal-carousel__btn:focus-visible {\n            background: #133c86;\n            color: #ffffff;\n            transform: scale(1.08);\n            box-shadow: 0 6px 20px rgba(19, 60, 134, 0.32);\n        }\n\n        #klcc-news-6307-modal .klcc-modal-carousel__btn:active {\n            transform: scale(0.95);\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-6307-modal .klcc-modal-carousel__nav {\n                bottom: 10px;\n                right: 10px;\n                gap: 8px;\n            }\n\n            #klcc-news-6307-modal .klcc-modal-carousel__btn {\n                width: 36px;\n                height: 36px;\n            }\n\n            #klcc-news-6307-modal .klcc-modal-carousel__btn svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (max-width: 1100px) {\n            #klcc-news-6307-modal .klcc-news-modal__panel {\n                height: min(900px, 92vh);\n                border-radius: 26px;\n                padding: 20px;\n            }\n\n            #klcc-news-6307-modal .klcc-news-modal__grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n\n            #klcc-news-6307-modal .klcc-news-modal__right {\n                height: 240px;\n                max-width: 420px;\n            }\n\n            #klcc-news-6307-modal .klcc-news-modal__close {\n                top: 10px;\n                right: 10px;\n                width: 54px;\n                height: 54px;\n            }\n\n            #klcc-news-6307-modal .klcc-news-modal__nav {\n                width: 46px;\n                height: 46px;\n            }\n\n            #klcc-news-6307-modal .klcc-news-modal__nav svg {\n                width: 22px;\n                height: 22px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #klcc-news-6307 .klcc-news-nav-btn {\n                width: 46px !important;\n                height: 46px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #klcc-news-6307 .swiper-slide {\n                width: 280px;\n                height: 340px;\n            }\n\n            #klcc-news-6307 .klcc-news-card,\n            #klcc-news-6307 .swiper-slide-active .klcc-news-card {\n                filter: none;\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            #klcc-news-6307 .klcc-card-overlay-tint,\n            #klcc-news-6307 .swiper-slide-active .klcc-card-overlay-tint {\n                opacity: 0.4;\n            }\n\n            #klcc-news-6307 .klcc-news-nav-btn {\n                display: none !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #klcc-news-6307 .swiper-slide,\n            #klcc-news-6307 .klcc-news-card,\n            #klcc-news-6307 .klcc-card-bg,\n            #klcc-news-6307 .klcc-card-overlay-tint,\n            #klcc-news-6307 .klcc-card-title,\n            #klcc-news-6307 .klcc-card-cta {\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n    <div id=\"klcc-news-6307\" class=\"swiper klcc-news-swiper\">\n        <button class=\"klcc-news-nav-btn klcc-news-prev-btn\" aria-label=\"Previous\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <button class=\"klcc-news-nav-btn klcc-news-next-btn\" aria-label=\"Next\" type=\"button\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"2\"\n                       data-popup-slug=\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Navigate the Future of the Maritime Industry at MIMEX 2026\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=sky-xperience-standard-visit\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"0\"\n                       data-popup-slug=\"sky-xperience-standard-visit\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Sky Xperience Standard Visit\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Sky Xperience Standard Visit\">Sky Xperience Standard Visit<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"swiper-slide\">\n                    <a href=\"#whats-on=evening-xperience\"\n                       class=\"klcc-news-card\"\n                       data-popup-index=\"1\"\n                       data-popup-slug=\"evening-xperience\"\n                       aria-haspopup=\"dialog\"\n                       aria-label=\"Evening Xperience\">\n                        <img decoding=\"async\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" class=\"klcc-card-bg\" loading=\"lazy\">\n                        <div class=\"klcc-card-overlay-tint\"><\/div>\n\n                        <div class=\"klcc-card-content\">\n                            <div class=\"klcc-card-main\">\n                                <h3 class=\"klcc-card-title\" title=\"Evening Xperience\">Evening Xperience<\/h3>\n                                <span class=\"klcc-card-cta\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"M13 6l6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n\n        <div class=\"klcc-custom-pagination\"><\/div>\n    <\/div>\n\n    <div id=\"klcc-news-6307-templates\" hidden>\n                                <template id=\"klcc-news-6307-tpl-0-9058\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Sky Xperience Standard Visit<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Explore Malaysia\u2019s most iconic landmark through an unforgettable journey above the city. Visit the immersive Sky Xperience, step onto the world-famous Sky Bridge at Level 41, and enjoy breathtaking panoramic views from the Sky Deck at Level 86. Discover the stories, engineering achievements, and national aspirations behind the PETRONAS Twin Towers while experiencing Kuala Lumpur from a whole new perspective. Wrap your journey with exquisite souvenirs at the Sky Shop!<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Sky Xperience Standard Visit                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Sky-Xperience-Standard-Visit-Main-thumbnail-1024x576.png\" alt=\"Sky Xperience Standard Visit\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-6307-tpl-1-9062\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Evening Xperience<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Experience the PETRONAS Twin Towers at their most magical during the golden hours. Enjoy a guided tour lead by our staff, the Sky Guide, visit the iconic Sky Bridge on Level 41, and take in panoramic views from the Sky Deck on Level 86. Complete your journey with a complimentary beverage at Sky Caf\u00e9 by Maja, making for an unforgettable evening above Kuala Lumpur\u2019s glittering skyline.&nbsp;<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">(For 6.00pm, 6.15pm &amp; 6.30pm slots only)<\/p>\n<p><\/p>\n<\/div>\n\n                                                            <div class=\"klcc-news-modal__meta\">\n                                    \n                                    \n                                    \n                                                                            <div class=\"klcc-news-modal__link\">\n                                                                                            <p class=\"klcc-news-modal__link-label\">Click here to view more details:<\/p>\n                                                                                        <a class=\"klcc-news-modal__link-button\" href=\"https:\/\/eticket2.petronastwintowers.com.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                Evening Xperience                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"1\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/Evening-Xperience-Main-thumbnail.png\" alt=\"Evening Xperience\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n                                <template id=\"klcc-news-6307-tpl-2-9202\">\n                <div class=\"klcc-news-modal__grid\">\n                    <section class=\"klcc-news-modal__left\">\n                        <h2 class=\"klcc-news-modal__title\">Navigate the Future of the Maritime Industry at MIMEX 2026<\/h2>\n                        <div class=\"klcc-news-modal__scroll\">\n                            <div class=\"klcc-news-modal__content\"><p><\/p>\n<p class=\"wp-block-paragraph\">Discover the latest innovations shaping the maritime and offshore sectors at Malaysia International Marine Expo (MIMEX) 2026. Held at the Kuala Lumpur Convention Centre, MIMEX is a comprehensive international business platform that brings together industry leaders, manufacturers, suppliers and decision-makers from across the global maritime community.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">Covering key sectors including shipbuilding, ship repairs, shipping, maritime engineering, offshore technology, dredging equipment, and ports and logistics, the exhibition offers valuable opportunities for networking, knowledge sharing and business development. As one of the region's leading maritime industry events, MIMEX serves as a meeting point for professionals seeking to explore emerging trends, innovative technologies and new business opportunities.<\/p>\n<p><\/p>\n<p><\/p>\n<p class=\"wp-block-paragraph\">For information, visit <a href=\"https:\/\/marine-malaysia.com\/\" target=\"_blank\" rel=\"noopener\">Home - Malaysia International Marine Expo (MIMEX)<\/a><\/p>\n<p><\/p>\n<\/div>\n\n                                                    <\/div>\n                    <\/section>\n\n                      <aside class=\"klcc-news-modal__right\">\n    <div class=\"klcc-modal-carousel\" data-klcc-modal-carousel=\"3\">\n      <div class=\"klcc-modal-carousel__viewport\">\n        <div class=\"klcc-modal-carousel__track\">\n                      <div class=\"klcc-modal-carousel__slide is-active\" data-slide-index=\"0\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/10\/Malaysia-International-Marine-Expo-MIMEX-819x1024.jpeg\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"1\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                      <div class=\"klcc-modal-carousel__slide \" data-slide-index=\"2\">\n              <img decoding=\"async\" class=\"klcc-news-modal__poster klcc-modal-carousel__poster\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/08\/In-the-post-1-819x1024.png\" alt=\"Navigate the Future of the Maritime Industry at MIMEX 2026\" loading=\"lazy\" \/>\n            <\/div>\n                  <\/div>\n      <\/div>\n              <div class=\"klcc-modal-carousel__nav\" aria-label=\"Image gallery controls\">\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--prev\" type=\"button\" aria-label=\"Previous image\" data-modal-carousel-nav=\"prev\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <button class=\"klcc-modal-carousel__btn klcc-modal-carousel__btn--next\" type=\"button\" aria-label=\"Next image\" data-modal-carousel-nav=\"next\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n          <\/button>\n        <\/div>\n          <\/div>\n  <\/aside>\n                  <\/div>\n            <\/template>\n            <\/div>\n\n    <div id=\"klcc-news-6307-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-6307-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-6307');\n                const modal = document.getElementById('klcc-news-6307-modal');\n                const modalBody = document.getElementById('klcc-news-6307-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-6307-tpl-0-9058\",\"klcc-news-6307-tpl-1-9062\",\"klcc-news-6307-tpl-2-9202\"];\n                const modalPostSlugs = [\"sky-xperience-standard-visit\",\"evening-xperience\",\"navigate-the-future-of-the-maritime-industry-at-mimex-2026\"];\n                const modalHashPrefix = '#whats-on=';\n                const modalResolverBase = \"https:\\\/\\\/cddigitaldev.com\\\/klcctheplace\\\/beta\\\/wp-json\\\/klcc-the-place\\\/v1\\\/whats-on-modal\\\/\";\n                const desktopHoverQuery = window.matchMedia('(hover: hover) and (min-width: 769px)');\n                let lastBodyOverflow = '';\n                let currentModalIndex = -1;\n                let remoteModalRequestId = 0;\n                let remoteModalSlug = '';\n\n                const readModalHashSlug = function() {\n                    if (window.location.hash.indexOf(modalHashPrefix) !== 0) return '';\n                    try {\n                        return decodeURIComponent(window.location.hash.slice(modalHashPrefix.length)).toLowerCase();\n                    } catch (error) {\n                        return '';\n                    }\n                };\n\n                const modalHashForIndex = function(index) {\n                    if (!Number.isInteger(index) || !modalPostSlugs[index]) return '';\n                    return modalHashPrefix + encodeURIComponent(modalPostSlugs[index]);\n                };\n\n                const updateModalHash = function(index, mode) {\n                    const hash = modalHashForIndex(index);\n                    if (!hash || window.location.hash === hash) return;\n                    const url = window.location.pathname + window.location.search + hash;\n                    if (mode === 'push') {\n                        const state = Object.assign({}, window.history.state || {}, { klccWhatsOnModal: true });\n                        window.history.pushState(state, '', url);\n                    } else {\n                        window.history.replaceState(window.history.state, '', url);\n                    }\n                };\n\n                const carouselIsVisible = function() {\n                    return swiperContainer.getClientRects().length > 0 && window.getComputedStyle(swiperContainer).display !== 'none';\n                };\n\n                const updateModalNavState = function() {\n                    if (!modalPrevButton || !modalNextButton) return;\n                    const total = modalTemplateIds.length;\n                    if (total <= 1 || currentModalIndex < 0) {\n                        modalPrevButton.hidden = true;\n                        modalNextButton.hidden = true;\n                        return;\n                    }\n                    const atStart = currentModalIndex <= 0;\n                    const atEnd = currentModalIndex >= total - 1;\n                    modalPrevButton.hidden = atStart;\n                    modalNextButton.hidden = atEnd;\n                    modalPrevButton.disabled = atStart;\n                    modalNextButton.disabled = atEnd;\n                };\n\n                const renderModalByIndex = function(index) {\n                    if (!Array.isArray(modalTemplateIds) || modalTemplateIds.length === 0) {\n                        return;\n                    }\n                    if (!Number.isInteger(index) || index < 0 || index >= modalTemplateIds.length) {\n                        return;\n                    }\n\n                    const templateId = modalTemplateIds[index];\n                    const template = document.getElementById(templateId);\n                    if (!template) return;\n\n                    currentModalIndex = index;\n                    modalBody.innerHTML = template.innerHTML;\n                    updateModalNavState();\n                    if (window.klccInitModalCarousel) {\n                        window.klccInitModalCarousel(modalBody);\n                    }\n                };\n\n                const openModalByIndex = function(index, historyMode) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasHidden = modal.hidden;\n                    renderModalByIndex(index);\n                    if (currentModalIndex < 0) return;\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                    if (historyMode) {\n                        updateModalHash(currentModalIndex, historyMode);\n                    }\n                };\n\n                const openRemoteModalHtml = function(html) {\n                    const wasHidden = modal.hidden;\n                    currentModalIndex = -1;\n                    modalBody.innerHTML = html;\n                    updateModalNavState();\n                    if (window.klccInitModalCarousel) {\n                        window.klccInitModalCarousel(modalBody);\n                    }\n                    if (wasHidden) {\n                        lastBodyOverflow = document.body.style.overflow;\n                    }\n                    document.body.style.overflow = 'hidden';\n                    modal.hidden = false;\n                    modal.setAttribute('aria-hidden', 'false');\n                };\n\n                const fetchModalBySlug = function(slug) {\n                    if (!slug || !carouselIsVisible() || remoteModalSlug === slug) return;\n\n                    const requestId = ++remoteModalRequestId;\n                    remoteModalSlug = slug;\n                    modal.setAttribute('aria-busy', 'true');\n\n                    fetch(modalResolverBase + encodeURIComponent(slug) + '?layout=carousel', {\n                        credentials: 'same-origin',\n                        headers: {\n                            'Accept': 'application\/json'\n                        }\n                    })\n                        .then(function(response) {\n                            if (!response.ok) throw new Error('What\\'s On post not found.');\n                            return response.json();\n                        })\n                        .then(function(data) {\n                            if (requestId !== remoteModalRequestId || readModalHashSlug() !== slug) return;\n                            if (!data || String(data.slug || '').toLowerCase() !== slug || !data.html) {\n                                throw new Error('Invalid What\\'s On modal response.');\n                            }\n                            openRemoteModalHtml(data.html);\n                        })\n                        .catch(function() {\n                            if (requestId === remoteModalRequestId) {\n                                closeModal(false);\n                            }\n                        })\n                        .finally(function() {\n                            if (requestId === remoteModalRequestId) {\n                                modal.removeAttribute('aria-busy');\n                            }\n                        });\n                };\n\n                const goModalByStep = function(step) {\n                    const nextIndex = currentModalIndex + step;\n                    if (nextIndex < 0 || nextIndex >= modalTemplateIds.length) {\n                        return;\n                    }\n                    renderModalByIndex(nextIndex);\n                    updateModalHash(nextIndex, 'replace');\n                };\n\n                const closeModal = function(updateHistory) {\n                    remoteModalRequestId++;\n                    remoteModalSlug = '';\n                    modal.removeAttribute('aria-busy');\n                    const wasOpen = !modal.hidden;\n                    modal.hidden = true;\n                    modal.setAttribute('aria-hidden', 'true');\n                    modalBody.innerHTML = '';\n                    if (wasOpen) {\n                        document.body.style.overflow = lastBodyOverflow;\n                    }\n                    currentModalIndex = -1;\n                    updateModalNavState();\n\n                    if (updateHistory && readModalHashSlug() !== '') {\n                        if (window.history.state && window.history.state.klccWhatsOnModal) {\n                            window.history.back();\n                        } else {\n                            window.history.replaceState(\n                                window.history.state,\n                                '',\n                                window.location.pathname + window.location.search\n                            );\n                        }\n                    }\n                };\n\n                const syncModalFromHash = function() {\n                    const slug = readModalHashSlug();\n                    if (slug === '') {\n                        if (currentModalIndex >= 0 || !modal.hidden) {\n                            closeModal(false);\n                        }\n                        return;\n                    }\n                    if (!carouselIsVisible()) return;\n\n                    const index = modalPostSlugs.indexOf(slug);\n                    if (index >= 0) {\n                        openModalByIndex(index, '');\n                    } else {\n                        fetchModalBySlug(slug);\n                    }\n                };\n\n                swiperContainer.querySelectorAll('.klcc-news-card[data-popup-index]').forEach(function(card) {\n                    card.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        const index = Number.parseInt(card.getAttribute('data-popup-index') || '', 10);\n                        if (Number.isNaN(index)) return;\n                        openModalByIndex(index, 'push');\n                    });\n                });\n\n                if (modalPrevButton) {\n                    modalPrevButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(-1);\n                    });\n                }\n\n                if (modalNextButton) {\n                    modalNextButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        goModalByStep(1);\n                    });\n                }\n\n                modal.addEventListener('click', function(e) {\n                    const target = e.target;\n                    if (!(target instanceof Element)) return;\n                    if (target.closest('[data-modal-close=\"1\"]')) {\n                        closeModal(true);\n                    }\n                });\n\n                document.addEventListener('keydown', function(e) {\n                    if (modal.hidden) return;\n                    if (e.key === 'Escape' && !modal.hidden) {\n                        closeModal(true);\n                        return;\n                    }\n                    if (e.key === 'ArrowLeft') {\n                        e.preventDefault();\n                        goModalByStep(-1);\n                    } else if (e.key === 'ArrowRight') {\n                        e.preventDefault();\n                        goModalByStep(1);\n                    }\n                });\n\n                window.addEventListener('hashchange', syncModalFromHash);\n                window.addEventListener('popstate', syncModalFromHash);\n                syncModalFromHash();\n\n                const swiper = new Swiper(swiperContainer, {\n                    effect: 'coverflow',\n                    grabCursor: true,\n                    centeredSlides: true,\n                    loop: true,\n                    observer: true,\n                    observeParents: true,\n                    slidesPerView: 'auto',\n                    speed: 480,\n                    autoplay: {\n                        delay: 4200,\n                        disableOnInteraction: false,\n                    },\n                    navigation: {\n                        prevEl: prevButton,\n                        nextEl: nextButton,\n                    },\n                    coverflowEffect: {\n                        rotate: 0,\n                        stretch: -6,\n                        depth: 160,\n                        modifier: 1,\n                        slideShadows: false,\n                    },\n                });\n\n                if (displayCount > 0 && paginationContainer) {\n                    paginationContainer.innerHTML = '';\n                    for (let i = 0; i < displayCount; i++) {\n                        const dot = document.createElement('span');\n                        dot.classList.add('custom-bullet');\n                        if (i === 0) dot.classList.add('active');\n                        dot.addEventListener('click', function() {\n                            swiper.slideToLoop(i);\n                        });\n                        paginationContainer.appendChild(dot);\n                    }\n                }\n\n                swiper.on('slideChange', function() {\n                    if (!paginationContainer) return;\n                    const bullets = paginationContainer.querySelectorAll('.custom-bullet');\n                    const activeIndex = displayCount > 0 ? (swiper.realIndex % displayCount) : 0;\n                    bullets.forEach(function(dot, index) {\n                        dot.classList.toggle('active', index === activeIndex);\n                    });\n                });\n\n                if (desktopHoverQuery.matches && swiper.autoplay) {\n                    swiperContainer.addEventListener('mouseenter', function() {\n                        swiper.autoplay.stop();\n                    });\n                    swiperContainer.addEventListener('mouseleave', function() {\n                        swiper.autoplay.start();\n                    });\n                }\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initCarousel, { once: true });\n            } else {\n                initCarousel();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7d27bc e-con-full e-flex e-con e-parent\" data-id=\"c7d27bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d04a8d5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d04a8d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4fde24b e-con-full e-flex e-con e-child\" data-id=\"4fde24b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78a52a0 klcc-font-header gradient-text split-text elementor-widget elementor-widget-heading\" data-id=\"78a52a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PLAN YOUR VISIT\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-404729e split-text hover-circle-icon elementor-widget elementor-widget-heading\" data-id=\"404729e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/klcctheplace\/beta\/plan-your-visit\/\">Explore More &amp; Do More <i class=\"fas fa-chevron-right\"><\/i><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ad14af e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"4ad14af\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e9338e klcc-slanted-box elementor-widget elementor-widget-image\" data-id=\"2e9338e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2355\" height=\"1365\" src=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311.png\" class=\"attachment-full size-full wp-image-7618\" alt=\"KLCC The Place precinct map\" srcset=\"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311.png 2355w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-300x174.png 300w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-1024x594.png 1024w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-768x445.png 768w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-1536x890.png 1536w, https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-content\/uploads\/2026\/05\/KLCC-Map_040526_V9-1-scaled-e1778212068311-2048x1187.png 2048w\" sizes=\"(max-width: 2355px) 100vw, 2355px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Discover The Pulse of the City From the PETRONAS Twin Towers to culture, dining, green spaces, shopping and events, discover KLCC The Place in one walkable city precinct Explore \u2022 Dine \u2022 Work \u2022 Unwind Our Precinct Partners What\u2019s On Events &amp; Happenings Sync With Your PULSE Move with the rhythm of KLCC through wellness, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/comments?post=924"}],"version-history":[{"count":22,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924\/revisions"}],"predecessor-version":[{"id":9040,"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/pages\/924\/revisions\/9040"}],"wp:attachment":[{"href":"https:\/\/cddigitaldev.com\/klcctheplace\/beta\/wp-json\/wp\/v2\/media?parent=924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}