{"id":195,"date":"2025-07-04T09:32:56","date_gmt":"2025-07-04T01:32:56","guid":{"rendered":"https:\/\/mdranau1.sabah.gov.my\/?page_id=195"},"modified":"2026-09-09T12:29:46","modified_gmt":"2026-09-09T04:29:46","slug":"gambar-sekitar-ranau","status":"publish","type":"page","link":"https:\/\/mdranau.sabah.gov.my\/en\/gambar-sekitar-ranau\/","title":{"rendered":"Galeri Sekitar Ranau"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"mod-gallery-wrapper\">\n\n  <div class=\"mod-header-gov\">\n    <h1>CITRA VISUAL DAERAH RANAU<\/h1>\n    <div class=\"line\"><\/div>\n  <\/div>\n\n  <div class=\"mod-tabs-container\">\n    <div class=\"mod-tabs-box\">\n      <button class=\"mod-tab-btn\" onclick=\"openModTab(event, 'ranau-panel')\">\n        <i class=\"fa-solid fa-city\"><\/i> Pekan Ranau\n      <\/button>\n      <button class=\"mod-tab-btn active\" onclick=\"openModTab(event, 'kundasang-panel')\">\n        <i class=\"fa-solid fa-mountain-sun\"><\/i> Pekan Kundasang\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"ranau-panel\" class=\"mod-grid-container\">\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.10_93c08aa3-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/530868166_1084738140509159_2245004298268953802_n.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.08_e68f2b08-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.08_d69ee93a-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250715-WA0046-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/532000533_1084738143842492_8150118911750365424_n.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.11_37cdb406-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250715-WA0045-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.10_164df7a6-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250715-WA0042-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.11_8e332609-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/530660451_1084738167175823_2211345855470384753_n.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/530867744_1084738170509156_4858713249840498095_n.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.04_1af9c5cf-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.09_1068fc47-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250715-WA0043-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.10_98306603-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.09_59b7762f-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.12_51988de1-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-15-at-12.00.05_3c2cc7b9-1024x576.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/530348203_1084738160509157_2557421455094200568_n.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Ranau<\/h3><\/div><\/div>\n  <\/div>\n\n  <div id=\"kundasang-panel\" class=\"mod-grid-container active\">\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250724-WA0001-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250724-WA0002-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250724-WA0003-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250724-WA0005-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250724-WA0006-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/IMG-20250724-WA0007-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_102935-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101346-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101237-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101226-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101215-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101130-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_094520-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_100124-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_094723-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101013-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_101102-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n    <div class=\"mod-card\" onclick=\"triggerZoom(this)\"><div class=\"mod-card-img-box\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/08\/IMG_20250813_094454-1024x768.jpg\"><\/div><div class=\"mod-card-info\"><h3>Pekan Kundasang<\/h3><\/div><\/div>\n  <\/div>\n\n  <!-- Lightbox -->\n  <div id=\"mod-lightbox\" class=\"mod-lightbox\">\n    <button class=\"mod-lightbox-close\" onclick=\"closeZoom()\" aria-label=\"Tutup\">&times;<\/button>\n    <button class=\"mod-lightbox-nav mod-lightbox-prev\" onclick=\"navZoom(-1)\" aria-label=\"Sebelum\">\u276e<\/button>\n    <div class=\"mod-lightbox-content\">\n      <img decoding=\"async\" id=\"mod-lightbox-img\" src=\"\" alt=\"\">\n      <div id=\"mod-lightbox-caption\" class=\"mod-lightbox-caption\"><\/div>\n    <\/div>\n    <button class=\"mod-lightbox-nav mod-lightbox-next\" onclick=\"navZoom(1)\" aria-label=\"Seterusnya\">\u276f<\/button>\n  <\/div>\n\n<\/div>\n\n<style>\n:root{\n  --mod-navy: #0e3a63;\n  --mod-navy-dark: #082846;\n  --mod-gold: #c8a24a;\n  --mod-bg: #f6f7fa;\n  --mod-card-bg: #ffffff;\n  --mod-text: #1e2733;\n  --mod-text-soft: #6b7480;\n  --mod-radius: 10px;\n}\n\n.mod-gallery-wrapper{\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 32px 16px 48px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  color: var(--mod-text);\n  box-sizing: border-box;\n}\n.mod-gallery-wrapper *{ box-sizing: border-box; }\n\n\/* Header *\/\n.mod-header-gov{\n  text-align: center;\n  margin-bottom: 28px;\n}\n.mod-header-gov h1{\n  font-size: clamp(20px, 3vw, 28px);\n  font-weight: 800;\n  letter-spacing: 0.5px;\n  color: var(--mod-navy-dark);\n  margin: 0 0 12px;\n}\n.mod-header-gov .line{\n  width: 72px;\n  height: 4px;\n  margin: 0 auto;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--mod-navy), var(--mod-gold));\n}\n\n\/* Tabs *\/\n.mod-tabs-container{\n  display: flex;\n  justify-content: center;\n  margin-bottom: 32px;\n}\n.mod-tabs-box{\n  display: inline-flex;\n  gap: 6px;\n  background: #eef1f6;\n  padding: 6px;\n  border-radius: 999px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.mod-tab-btn{\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  background: transparent;\n  color: var(--mod-text-soft);\n  font-size: 14px;\n  font-weight: 600;\n  padding: 10px 20px;\n  border-radius: 999px;\n  cursor: pointer;\n  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;\n  white-space: nowrap;\n}\n.mod-tab-btn i{ font-size: 14px; }\n.mod-tab-btn:hover{ color: var(--mod-navy-dark); }\n.mod-tab-btn.active{\n  background: linear-gradient(135deg, var(--mod-navy), var(--mod-navy-dark));\n  color: #fff;\n  box-shadow: 0 6px 16px rgba(14, 58, 99, 0.28);\n}\n\n\/* Grid *\/\n.mod-grid-container{\n  display: none;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 20px;\n  animation: mod-fade-in 0.35s ease;\n}\n.mod-grid-container.active{ display: grid; }\n\n@keyframes mod-fade-in{\n  from{ opacity: 0; transform: translateY(6px); }\n  to{ opacity: 1; transform: translateY(0); }\n}\n\n\/* Card *\/\n.mod-card{\n  background: var(--mod-card-bg);\n  border-radius: var(--mod-radius);\n  overflow: hidden;\n  cursor: pointer;\n  box-shadow: 0 1px 3px rgba(14, 20, 30, 0.08);\n  border: 1px solid #e7eaef;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n.mod-card:hover{\n  transform: translateY(-4px);\n  box-shadow: 0 12px 24px rgba(14, 20, 30, 0.14);\n}\n\n.mod-card-img-box{\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n  overflow: hidden;\n  background: #dfe3e9;\n}\n.mod-card-img-box img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.4s ease;\n}\n.mod-card:hover .mod-card-img-box img{\n  transform: scale(1.06);\n}\n.mod-card-img-box::after{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(8, 40, 70, 0.55), rgba(8, 40, 70, 0) 45%);\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n.mod-card:hover .mod-card-img-box::after{ opacity: 1; }\n\n.mod-card-info{\n  padding: 12px 14px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.mod-card-info h3{\n  margin: 0;\n  font-size: 13.5px;\n  font-weight: 600;\n  color: var(--mod-text);\n}\n.mod-card-info::before{\n  content: \"\\f03e\";\n  font-family: \"Font Awesome 6 Free\";\n  font-weight: 900;\n  color: var(--mod-gold);\n  font-size: 13px;\n}\n\n\/* Lightbox *\/\n.mod-lightbox{\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(6, 12, 20, 0.92);\n  z-index: 9999;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 16px;\n}\n.mod-lightbox.active{ display: flex; }\n.mod-lightbox-content{\n  max-width: 90vw;\n  max-height: 84vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n}\n.mod-lightbox-content img{\n  max-width: 90vw;\n  max-height: 76vh;\n  border-radius: 6px;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n}\n.mod-lightbox-caption{\n  color: #f1f3f6;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n}\n.mod-lightbox-close{\n  position: absolute;\n  top: 20px;\n  right: 24px;\n  background: rgba(255,255,255,0.08);\n  border: none;\n  color: #fff;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n.mod-lightbox-close:hover{ background: rgba(255,255,255,0.2); }\n.mod-lightbox-nav{\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(255,255,255,0.08);\n  border: none;\n  color: #fff;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  font-size: 16px;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n.mod-lightbox-nav:hover{ background: rgba(255,255,255,0.2); }\n.mod-lightbox-prev{ left: 18px; }\n.mod-lightbox-next{ right: 18px; }\n\n@media (max-width: 640px){\n  .mod-tab-btn{ padding: 9px 14px; font-size: 13px; }\n  .mod-grid-container{ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }\n  .mod-lightbox-nav{ width: 36px; height: 36px; }\n}\n<\/style>\n\n<script>\nfunction openModTab(evt, panelId){\n  var wrapper = evt.currentTarget.closest('.mod-gallery-wrapper');\n\n  wrapper.querySelectorAll('.mod-grid-container').forEach(function(panel){\n    panel.classList.remove('active');\n  });\n  wrapper.querySelectorAll('.mod-tab-btn').forEach(function(btn){\n    btn.classList.remove('active');\n  });\n\n  document.getElementById(panelId).classList.add('active');\n  evt.currentTarget.classList.add('active');\n}\n\nvar modZoomList = [];\nvar modZoomIndex = 0;\n\nfunction triggerZoom(cardEl){\n  var activePanel = cardEl.closest('.mod-grid-container');\n  modZoomList = Array.prototype.slice.call(activePanel.querySelectorAll('.mod-card'));\n  modZoomIndex = modZoomList.indexOf(cardEl);\n  renderZoom();\n  document.getElementById('mod-lightbox').classList.add('active');\n  document.body.style.overflow = 'hidden';\n}\n\nfunction renderZoom(){\n  var card = modZoomList[modZoomIndex];\n  var img = card.querySelector('img');\n  var caption = card.querySelector('h3');\n  document.getElementById('mod-lightbox-img').src = img.src;\n  document.getElementById('mod-lightbox-img').alt = caption ? caption.textContent : '';\n  document.getElementById('mod-lightbox-caption').textContent = caption ? caption.textContent : '';\n}\n\nfunction navZoom(direction){\n  if(!modZoomList.length) return;\n  modZoomIndex = (modZoomIndex + direction + modZoomList.length) % modZoomList.length;\n  renderZoom();\n}\n\nfunction closeZoom(){\n  document.getElementById('mod-lightbox').classList.remove('active');\n  document.body.style.overflow = '';\n}\n\ndocument.addEventListener('click', function(e){\n  if(e.target.id === 'mod-lightbox'){ closeZoom(); }\n});\n\ndocument.addEventListener('keydown', function(e){\n  var lightbox = document.getElementById('mod-lightbox');\n  if(!lightbox.classList.contains('active')) return;\n  if(e.key === 'Escape') closeZoom();\n  if(e.key === 'ArrowRight') navZoom(1);\n  if(e.key === 'ArrowLeft') navZoom(-1);\n});\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-195","page","type-page","status-publish","hentry"],"acf":[],"a3_pvc":{"activated":false,"total_views":294,"today_views":0},"_links":{"self":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":27,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/195\/revisions"}],"predecessor-version":[{"id":2791,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/195\/revisions\/2791"}],"wp:attachment":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/media?parent=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}