{"id":37215,"date":"2026-05-19T10:32:49","date_gmt":"2026-05-19T03:32:49","guid":{"rendered":"https:\/\/ubongeopark.org\/geopark\/?page_id=37215"},"modified":"2026-05-19T11:36:00","modified_gmt":"2026-05-19T04:36:00","slug":"home-new","status":"publish","type":"page","link":"https:\/\/ubongeopark.org\/geopark\/","title":{"rendered":"home new"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37215\" class=\"elementor elementor-37215\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af9b11 e-con-full e-flex e-con e-parent\" data-id=\"8af9b11\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a567b39 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a567b39\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 \u2014 Ubon Ratchathani Geopark<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Sarabun:wght@300;400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --ink: #0e0d0b;\r\n  --ink-60: rgba(14,13,11,0.6);\r\n  --ink-30: rgba(14,13,11,0.3);\r\n  --ink-10: rgba(14,13,11,0.08);\r\n  --rust: #c0460a;\r\n  --rust-light: #e8601a;\r\n  --sand: #c8a97e;\r\n  --sand-pale: #f5f0e8;\r\n  --jade: #0a7268;\r\n  --jade-pale: #e6f4f2;\r\n  --cream: #faf8f4;\r\n  --white: #ffffff;\r\n  --border: rgba(200,169,126,0.22);\r\n  --border-strong: rgba(200,169,126,0.5);\r\n  --ff-display: 'Cormorant Garamond', 'Sarabun', serif;\r\n  --ff-body: 'Sarabun', sans-serif;\r\n  --ff-mono: 'DM Mono', monospace;\r\n  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  font-family: var(--ff-body);\r\n  background: var(--cream);\r\n  color: var(--ink);\r\n  line-height: 1.7;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 UTILITY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.container { max-width: 1240px; margin: 0 auto; padding: 0 32px; }\r\n.section-eyebrow {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--rust);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 16px;\r\n}\r\n.section-eyebrow::before {\r\n  content: '';\r\n  width: 28px;\r\n  height: 1px;\r\n  background: var(--rust);\r\n  display: inline-block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 NOISE TEXTURE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nbody::before {\r\n  content: '';\r\n  position: fixed;\r\n  inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n  pointer-events: none;\r\n  z-index: 9999;\r\n  opacity: 0.4;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.site-header {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 1000;\r\n  padding: 0 32px;\r\n  height: 64px;\r\n  display: flex;\r\n  align-items: center;\r\n  background: rgba(250,248,244,0.88);\r\n  backdrop-filter: blur(24px);\r\n  -webkit-backdrop-filter: blur(24px);\r\n  border-bottom: 1px solid var(--border);\r\n  transition: background 0.4s var(--ease-out);\r\n}\r\n.header-inner {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n.logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  text-decoration: none;\r\n  flex-shrink: 0;\r\n}\r\n.logo img {\r\n  height: 40px;\r\n  width: auto;\r\n  object-fit: contain;\r\n}\r\n.logo-name {\r\n  font-family: var(--ff-display);\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  color: var(--ink);\r\n  line-height: 1.2;\r\n}\r\n.logo-sub {\r\n  font-family: var(--ff-mono);\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n  color: var(--sand);\r\n  text-transform: uppercase;\r\n  display: block;\r\n  margin-top: 2px;\r\n}\r\n.main-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.nav-link {\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  color: var(--ink-60);\r\n  text-decoration: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  transition: color 0.2s, background 0.2s;\r\n  white-space: nowrap;\r\n}\r\n.nav-link:hover { color: var(--rust); background: var(--ink-10); }\r\n\r\n.nav-dropdown { position: relative; }\r\n.nav-dropdown-menu {\r\n  display: none;\r\n  position: absolute;\r\n  top: calc(100% + 8px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--white);\r\n  border: 1px solid var(--border-strong);\r\n  border-radius: 8px;\r\n  box-shadow: 0 16px 48px rgba(14,13,11,0.1);\r\n  padding: 6px;\r\n  min-width: 220px;\r\n  z-index: 100;\r\n}\r\n.nav-dropdown:hover .nav-dropdown-menu { display: block; }\r\n.nav-dropdown-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 10px 14px;\r\n  border-radius: 6px;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  color: var(--ink);\r\n  text-decoration: none;\r\n  transition: background 0.15s, color 0.15s;\r\n}\r\n.nav-dropdown-item:hover { background: var(--sand-pale); color: var(--rust); }\r\n\r\n.btn-nav-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 9px 18px;\r\n  background: var(--ink);\r\n  color: var(--white);\r\n  font-size: 11.5px;\r\n  font-weight: 700;\r\n  border-radius: 4px;\r\n  text-decoration: none;\r\n  transition: background 0.25s;\r\n  white-space: nowrap;\r\n}\r\n.btn-nav-cta:hover { background: var(--rust); }\r\n\r\n.lang-pill {\r\n  display: flex;\r\n  background: var(--ink-10);\r\n  border-radius: 20px;\r\n  padding: 2px;\r\n  gap: 2px;\r\n}\r\n.lang-pill button {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  letter-spacing: 1px;\r\n  padding: 5px 12px;\r\n  border-radius: 16px;\r\n  border: none;\r\n  background: transparent;\r\n  color: var(--ink-60);\r\n  cursor: pointer;\r\n  transition: all 0.25s;\r\n}\r\n.lang-pill button.active {\r\n  background: var(--ink);\r\n  color: var(--white);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  overflow: hidden;\r\n  padding-top: 64px;\r\n}\r\n.hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: \r\n    linear-gradient(180deg, rgba(14,13,11,0) 30%, rgba(14,13,11,0.75) 100%),\r\n    linear-gradient(105deg, rgba(192,70,10,0.15) 0%, transparent 50%);\r\n  z-index: 2;\r\n}\r\n.hero-bg-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n.hero-bg-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center 40%;\r\n}\r\n\r\n\/* Parallax floating details *\/\r\n.hero-detail-badge {\r\n  position: absolute;\r\n  z-index: 5;\r\n  background: rgba(250,248,244,0.12);\r\n  border: 1px solid rgba(250,248,244,0.25);\r\n  backdrop-filter: blur(12px);\r\n  border-radius: 6px;\r\n  padding: 10px 16px;\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  color: rgba(250,248,244,0.8);\r\n  letter-spacing: 1.5px;\r\n}\r\n.badge-area { top: 22%; right: 8%; display: flex; flex-direction: column; gap: 4px; }\r\n.badge-area .label { font-size: 9px; opacity: 0.6; }\r\n.badge-area .value { font-size: 14px; font-weight: 500; color: var(--sand); }\r\n\r\n.badge-coord { top: 38%; right: 8%; }\r\n.badge-coord .inner { display: flex; align-items: center; gap: 8px; }\r\n\r\n.hero-content {\r\n  position: relative;\r\n  z-index: 6;\r\n  padding: 80px 32px 72px;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n}\r\n.hero-overline {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--sand);\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  opacity: 0;\r\n  animation: fadeUp 1s var(--ease-out) 0.3s forwards;\r\n}\r\n.hero-overline::before {\r\n  content: '';\r\n  width: 32px;\r\n  height: 1px;\r\n  background: var(--sand);\r\n  display: inline-block;\r\n}\r\n.hero-title {\r\n  font-family: var(--ff-display);\r\n  font-size: clamp(48px, 7vw, 96px);\r\n  font-weight: 300;\r\n  color: var(--white);\r\n  line-height: 1.25;\r\n  margin-bottom: 28px;\r\n  max-width: 680px;\r\n  opacity: 0;\r\n  animation: fadeUp 1.2s var(--ease-out) 0.5s forwards;\r\n}\r\n.hero-title em {\r\n  font-style: italic;\r\n  color: var(--sand);\r\n  font-weight: 300;\r\n}\r\n.hero-subtitle {\r\n  font-size: 15px;\r\n  color: rgba(250,248,244,0.7);\r\n  max-width: 520px;\r\n  line-height: 1.75;\r\n  margin-bottom: 40px;\r\n  opacity: 0;\r\n  animation: fadeUp 1.2s var(--ease-out) 0.7s forwards;\r\n}\r\n.hero-actions {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: fadeUp 1.2s var(--ease-out) 0.9s forwards;\r\n}\r\n.btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 14px 28px;\r\n  background: var(--rust);\r\n  color: var(--white);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  border-radius: 4px;\r\n  text-decoration: none;\r\n  transition: background 0.25s, transform 0.25s;\r\n  border: 1px solid var(--rust);\r\n}\r\n.btn-primary:hover { background: var(--rust-light); transform: translateY(-2px); }\r\n.btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 14px 28px;\r\n  background: transparent;\r\n  color: var(--white);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  text-decoration: none;\r\n  border: 1px solid rgba(250,248,244,0.3);\r\n  transition: border-color 0.25s, background 0.25s;\r\n}\r\n.btn-ghost:hover { border-color: rgba(250,248,244,0.7); background: rgba(250,248,244,0.08); }\r\n\r\n.hero-stats-bar {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 6;\r\n  background: rgba(14,13,11,0.55);\r\n  backdrop-filter: blur(12px);\r\n  border-top: 1px solid rgba(250,248,244,0.1);\r\n}\r\n.hero-stats-inner {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  padding: 0 32px;\r\n  display: flex;\r\n  align-items: stretch;\r\n}\r\n.hero-stat {\r\n  flex: 1;\r\n  padding: 20px 24px;\r\n  border-right: 1px solid rgba(250,248,244,0.1);\r\n  opacity: 0;\r\n  animation: fadeIn 1s var(--ease-out) 1.2s forwards;\r\n}\r\n.hero-stat:last-child { border-right: none; }\r\n.hero-stat-val {\r\n  font-family: var(--ff-display);\r\n  font-size: 28px;\r\n  font-weight: 300;\r\n  color: var(--white);\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n.hero-stat-val em { color: var(--sand); font-style: normal; }\r\n.hero-stat-label {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(250,248,244,0.5);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 PARTNERS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.partners-strip {\r\n  background: var(--white);\r\n  border-bottom: 1px solid var(--border);\r\n  padding: 28px 32px;\r\n}\r\n.partners-strip-inner {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 40px;\r\n}\r\n.partners-label {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: var(--sand);\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n.partners-divider {\r\n  width: 1px;\r\n  height: 32px;\r\n  background: var(--border-strong);\r\n  flex-shrink: 0;\r\n}\r\n.partners-logos {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 36px;\r\n  flex-wrap: wrap;\r\n}\r\n.partner-logo-item img {\r\n  height: 44px;\r\n  width: auto;\r\n  object-fit: contain;\r\n  filter: grayscale(20%) opacity(0.8);\r\n  transition: filter 0.3s, transform 0.3s;\r\n}\r\n.partner-logo-item:hover img { filter: grayscale(0%) opacity(1); transform: scale(1.05); }\r\n\r\n\/* \u2500\u2500\u2500 SECTION: VALUES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-values {\r\n  padding: 120px 32px;\r\n}\r\n.section-header {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: end;\r\n  margin-bottom: 72px;\r\n}\r\n.section-title {\r\n  font-family: var(--ff-display);\r\n  font-size: clamp(32px, 4vw, 52px);\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  color: var(--ink);\r\n}\r\n.section-title em { font-style: italic; color: var(--rust); }\r\n.section-desc {\r\n  font-size: 15px;\r\n  color: var(--ink-60);\r\n  line-height: 1.8;\r\n  align-self: end;\r\n}\r\n\r\n.values-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1px;\r\n  background: var(--border);\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n.value-card {\r\n  background: var(--cream);\r\n  padding: 48px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  transition: background 0.3s;\r\n}\r\n.value-card:hover { background: var(--white); }\r\n.value-number {\r\n  font-family: var(--ff-mono);\r\n  font-size: 11px;\r\n  letter-spacing: 2px;\r\n  color: var(--sand);\r\n}\r\n.value-icon-wrap {\r\n  width: 52px;\r\n  height: 52px;\r\n  background: var(--sand-pale);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--rust);\r\n}\r\n.value-title {\r\n  font-family: var(--ff-display);\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: var(--ink);\r\n  line-height: 1.3;\r\n}\r\n.value-body {\r\n  font-size: 14px;\r\n  color: var(--ink-60);\r\n  line-height: 1.8;\r\n  flex-grow: 1;\r\n}\r\n.value-tag {\r\n  display: inline-block;\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  padding: 5px 12px;\r\n  border-radius: 20px;\r\n  background: var(--jade-pale);\r\n  color: var(--jade);\r\n  align-self: flex-start;\r\n  margin-top: auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SECTION: DISTRICTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-districts {\r\n  background: var(--ink);\r\n  padding: 120px 32px;\r\n}\r\n.section-districts .section-eyebrow { color: var(--sand); }\r\n.section-districts .section-eyebrow::before { background: var(--sand); }\r\n.section-districts .section-title { color: var(--white); }\r\n.section-districts .section-title em { color: var(--rust-light); }\r\n.section-districts .section-desc { color: rgba(250,248,244,0.55); }\r\n.section-districts .section-header { margin-bottom: 72px; }\r\n\r\n.districts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 2px;\r\n  background: rgba(250,248,244,0.08);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(250,248,244,0.08);\r\n}\r\n.district-card {\r\n  background: rgba(14,13,11,0.7);\r\n  padding: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: background 0.35s;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.district-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 3px;\r\n  height: 0;\r\n  background: var(--rust);\r\n  transition: height 0.4s var(--ease-out);\r\n}\r\n.district-card:hover::before { height: 100%; }\r\n.district-card:hover { background: rgba(14,13,11,0.9); }\r\n\r\n.district-head {\r\n  padding: 36px 40px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  border-bottom: 1px solid rgba(250,248,244,0.06);\r\n}\r\n.district-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  background: rgba(200,169,126,0.1);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--sand);\r\n  flex-shrink: 0;\r\n}\r\n.district-name {\r\n  font-family: var(--ff-display);\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: var(--white);\r\n}\r\n.district-name-en {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  letter-spacing: 1.5px;\r\n  color: var(--sand);\r\n  margin-top: 3px;\r\n}\r\n.district-body { padding: 28px 40px 32px; flex-grow: 1; }\r\n.district-desc {\r\n  font-size: 13.5px;\r\n  color: rgba(250,248,244,0.5);\r\n  margin-bottom: 24px;\r\n  line-height: 1.75;\r\n}\r\n.site-list {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n.site-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid rgba(250,248,244,0.05);\r\n  font-size: 13.5px;\r\n}\r\n.site-item:last-child { border-bottom: none; }\r\n.site-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--rust);\r\n  margin-top: 6px;\r\n  flex-shrink: 0;\r\n}\r\n.site-name { color: var(--white); font-weight: 600; line-height: 1.4; }\r\n.site-name-en { color: rgba(250,248,244,0.4); font-size: 12px; margin-top: 2px; }\r\n.district-foot {\r\n  padding: 20px 40px;\r\n  border-top: 1px solid rgba(250,248,244,0.06);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n.district-tag {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(200,169,126,0.6);\r\n}\r\n.district-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: var(--rust-light);\r\n  text-decoration: none;\r\n  transition: gap 0.2s;\r\n}\r\n.district-link:hover { gap: 10px; }\r\n\r\n\/* \u2500\u2500\u2500 SECTION: MAP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-map {\r\n  padding: 120px 32px;\r\n  background: var(--sand-pale);\r\n  border-top: 1px solid var(--border);\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.map-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n}\r\n.map-info { }\r\n.map-tip {\r\n  display: flex;\r\n  gap: 14px;\r\n  align-items: flex-start;\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-radius: 8px;\r\n  padding: 20px 22px;\r\n  margin-top: 32px;\r\n}\r\n.map-tip-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 6px;\r\n  background: #fffbeb;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #d97706;\r\n  flex-shrink: 0;\r\n}\r\n.map-tip-text { font-size: 13px; color: var(--ink-60); line-height: 1.7; }\r\n.map-tip-text strong { color: var(--ink); font-weight: 700; }\r\n\r\n.map-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--border-strong);\r\n  border-radius: 16px;\r\n  padding: 56px 48px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 24px;\r\n  box-shadow: 0 24px 64px rgba(14,13,11,0.05);\r\n}\r\n.map-icon-ring {\r\n  width: 88px;\r\n  height: 88px;\r\n  border-radius: 50%;\r\n  background: var(--sand-pale);\r\n  border: 1px solid var(--border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--rust);\r\n  margin-bottom: 8px;\r\n}\r\n.map-card-title {\r\n  font-family: var(--ff-display);\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: var(--ink);\r\n  line-height: 1.3;\r\n}\r\n.map-card-desc { font-size: 13.5px; color: var(--ink-60); line-height: 1.75; max-width: 300px; }\r\n.btn-map {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 16px 32px;\r\n  background: var(--ink);\r\n  color: var(--white);\r\n  font-size: 12.5px;\r\n  font-weight: 700;\r\n  border-radius: 6px;\r\n  text-decoration: none;\r\n  transition: background 0.25s, transform 0.25s;\r\n  margin-top: 8px;\r\n}\r\n.btn-map:hover { background: var(--rust); transform: translateY(-2px); }\r\n\r\n\/* \u2500\u2500\u2500 SECTION: NEWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-news {\r\n  padding: 120px 32px;\r\n}\r\n.news-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.4fr 1fr 1fr;\r\n  gap: 24px;\r\n  margin-top: 64px;\r\n}\r\n.news-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-radius: 10px;\r\n  padding: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.news-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0;\r\n  height: 2px;\r\n  width: 0;\r\n  background: var(--rust);\r\n  transition: width 0.4s var(--ease-out);\r\n}\r\n.news-card:hover { border-color: var(--border-strong); box-shadow: 0 12px 40px rgba(14,13,11,0.06); transform: translateY(-3px); }\r\n.news-card:hover::after { width: 100%; }\r\n.news-card.featured { grid-row: span 2; }\r\n\r\n.news-date {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  letter-spacing: 1.5px;\r\n  color: var(--jade);\r\n  margin-bottom: 14px;\r\n}\r\n.news-title {\r\n  font-family: var(--ff-display);\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: var(--ink);\r\n  line-height: 1.35;\r\n  margin-bottom: 14px;\r\n}\r\n.news-card:not(.featured) .news-title { font-size: 16px; }\r\n.news-excerpt {\r\n  font-size: 13.5px;\r\n  color: var(--ink-60);\r\n  line-height: 1.75;\r\n  flex-grow: 1;\r\n  margin-bottom: 24px;\r\n}\r\n.news-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid var(--border);\r\n  padding-top: 16px;\r\n  margin-top: auto;\r\n}\r\n.news-tag {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  border-radius: 20px;\r\n  background: var(--sand-pale);\r\n  color: var(--rust);\r\n  border: 1px solid var(--border);\r\n}\r\n.news-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: var(--rust);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SECTION: GUIDELINES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-guidelines {\r\n  background: var(--cream);\r\n  border-top: 1px solid var(--border);\r\n  padding: 120px 32px;\r\n}\r\n.guide-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-top: 64px;\r\n}\r\n.guide-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px;\r\n  padding: 40px 36px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n  transition: box-shadow 0.3s;\r\n}\r\n.guide-card:hover { box-shadow: 0 12px 40px rgba(14,13,11,0.06); }\r\n.guide-badge {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.guide-badge.warn { background: #fffbeb; color: #d97706; border: 1px solid #fef3c7; }\r\n.guide-badge.danger { background: #fff5f5; color: #dc2626; border: 1px solid #fee2e2; }\r\n.guide-badge.safe { background: var(--jade-pale); color: var(--jade); border: 1px solid rgba(10,114,104,0.15); }\r\n.guide-title {\r\n  font-family: var(--ff-display);\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: var(--ink);\r\n  line-height: 1.3;\r\n}\r\n.guide-body {\r\n  font-size: 13.5px;\r\n  color: var(--ink-60);\r\n  line-height: 1.8;\r\n  flex-grow: 1;\r\n}\r\n.guide-body strong { color: var(--ink); font-weight: 700; }\r\n.guide-foot {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  padding-top: 16px;\r\n  border-top: 1px solid var(--border);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.guide-foot.warn { color: #b45309; }\r\n.guide-foot.danger { color: #b91c1c; }\r\n.guide-foot.safe { color: var(--jade); }\r\n\r\n\/* \u2500\u2500\u2500 SECTION: CONTACT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-contact {\r\n  background: var(--ink);\r\n  padding: 120px 32px;\r\n}\r\n.section-contact .section-eyebrow { color: var(--sand); }\r\n.section-contact .section-eyebrow::before { background: var(--sand); }\r\n.contact-header {\r\n  text-align: center;\r\n  max-width: 640px;\r\n  margin: 0 auto 72px;\r\n}\r\n.contact-header .section-title { color: var(--white); margin-bottom: 16px; }\r\n.contact-header .section-desc { color: rgba(250,248,244,0.55); }\r\n.contact-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2px;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  background: rgba(250,248,244,0.06);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(250,248,244,0.08);\r\n}\r\n.contact-card {\r\n  background: rgba(14,13,11,0.6);\r\n  padding: 40px 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  gap: 14px;\r\n  transition: background 0.3s;\r\n}\r\n.contact-card:hover { background: rgba(14,13,11,0.9); }\r\n.contact-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 50%;\r\n  background: rgba(200,169,126,0.12);\r\n  border: 1px solid rgba(200,169,126,0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--sand);\r\n  margin-bottom: 6px;\r\n}\r\n.contact-type {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--sand);\r\n}\r\n.contact-value {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--white);\r\n  text-decoration: none;\r\n  word-break: break-all;\r\n  transition: color 0.2s;\r\n}\r\n.contact-value:hover { color: var(--rust-light); }\r\n.contact-note {\r\n  font-size: 11.5px;\r\n  color: rgba(250,248,244,0.4);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.site-footer {\r\n  background: #080807;\r\n  border-top: 1px solid rgba(250,248,244,0.06);\r\n  padding: 64px 32px 32px;\r\n}\r\n.footer-top {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr 1.5fr;\r\n  gap: 64px;\r\n  padding-bottom: 48px;\r\n  border-bottom: 1px solid rgba(250,248,244,0.06);\r\n  margin-bottom: 32px;\r\n}\r\n.footer-brand {}\r\n.footer-brand-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n}\r\n.footer-brand-logo img {\r\n  height: 36px;\r\n  width: auto;\r\n  filter: brightness(0) invert(1);\r\n}\r\n.footer-brand-name {\r\n  font-family: var(--ff-display);\r\n  font-size: 18px;\r\n  color: var(--white);\r\n  font-weight: 500;\r\n}\r\n.footer-brand-desc {\r\n  font-size: 12.5px;\r\n  color: rgba(250,248,244,0.4);\r\n  line-height: 1.75;\r\n  max-width: 340px;\r\n}\r\n.footer-col h5 {\r\n  font-family: var(--ff-mono);\r\n  font-size: 9px;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: var(--sand);\r\n  margin-bottom: 20px;\r\n}\r\n.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.footer-col ul li {\r\n  font-size: 13px;\r\n  color: rgba(250,248,244,0.5);\r\n  line-height: 1.5;\r\n}\r\n.footer-col p {\r\n  font-size: 13px;\r\n  color: rgba(250,248,244,0.5);\r\n  line-height: 1.65;\r\n  margin-bottom: 8px;\r\n}\r\n.footer-bottom {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n.footer-copy {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  letter-spacing: 1px;\r\n  color: rgba(250,248,244,0.25);\r\n}\r\n.footer-links {\r\n  display: flex;\r\n  gap: 20px;\r\n}\r\n.footer-links a {\r\n  font-family: var(--ff-mono);\r\n  font-size: 10px;\r\n  letter-spacing: 1px;\r\n  color: rgba(250,248,244,0.3);\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n.footer-links a:hover { color: var(--sand); }\r\n\r\n\/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(24px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes fadeIn {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);\r\n}\r\n.reveal.visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.2s; }\r\n.reveal-delay-3 { transition-delay: 0.3s; }\r\n.reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n\/* \u2500\u2500\u2500 LANGUAGE TOGGLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.lang-en { display: none !important; }\r\n.lang-th { display: inline; }\r\n.lang-block.lang-th { display: block; }\r\n.lang-block.lang-en { display: none !important; }\r\n.lang-active-en .lang-th { display: none !important; }\r\n.lang-active-en .lang-en { display: inline !important; }\r\n.lang-active-en .lang-block.lang-th { display: none !important; }\r\n.lang-active-en .lang-block.lang-en { display: block !important; }\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .section-header { grid-template-columns: 1fr; gap: 20px; }\r\n  .values-grid { grid-template-columns: 1fr; }\r\n  .districts-grid { grid-template-columns: 1fr; }\r\n  .news-grid { grid-template-columns: 1fr; }\r\n  .news-card.featured { grid-row: span 1; }\r\n  .guide-grid { grid-template-columns: 1fr; }\r\n  .contact-cards { grid-template-columns: 1fr; }\r\n  .footer-top { grid-template-columns: 1fr; gap: 40px; }\r\n  .map-layout { grid-template-columns: 1fr; }\r\n  .hero-stats-inner { flex-wrap: wrap; }\r\n  .hero-stat { flex: 1 1 40%; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .container, .section-values, .section-districts, .section-map, .section-news, .section-guidelines, .section-contact, .section-news { padding-left: 20px; padding-right: 20px; }\r\n  .main-nav { display: none; }\r\n  .site-header { padding: 0 20px; }\r\n  .hero-stats-bar { position: relative; }\r\n  .partners-strip-inner { flex-wrap: wrap; }\r\n  .hero-detail-badge { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body id=\"geopark-root\">\r\n\r\n<!-- \u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<header class=\"site-header\">\r\n  <div class=\"header-inner\">\r\n    <a href=\"#\" class=\"logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/08\/cropped-cropped-cropped-cropped-42cf9823-b5f1-4d7d-b2d7-20be9fd996ae-e1755489177682-1-1-e1779091918702.png\" alt=\"Ubon Geopark Logo\">\r\n      <div>\r\n        <div class=\"logo-name\">\r\n          <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/span>\r\n          <span class=\"lang-en\">Ubon Ratchathani Geopark<\/span>\r\n        <\/div>\r\n        <span class=\"logo-sub\">UNESCO Aspiring Geopark<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <nav class=\"main-nav\">\r\n      <a href=\"#\" class=\"nav-link\"><span class=\"lang-th\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/span><span class=\"lang-en\">Home<\/span><\/a>\r\n      <a href=\"#districts\" class=\"nav-link\"><span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27<\/span><span class=\"lang-en\">Geosites<\/span><\/a>\r\n      <a href=\"https:\/\/ubongeopark.org\/geopark\/index\/\" target=\"_blank\" class=\"nav-link\"><span class=\"lang-th\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27<\/span><span class=\"lang-en\">Travel Info<\/span><\/a>\r\n      <div class=\"nav-dropdown\">\r\n        <a class=\"nav-link\" style=\"cursor:pointer; display:flex;align-items:center;gap:4px;\">\r\n          <span class=\"lang-th\">\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/span><span class=\"lang-en\">Academic<\/span>\r\n          <i data-lucide=\"chevron-down\" style=\"width:12px;height:12px;\"><\/i>\r\n        <\/a>\r\n        <div class=\"nav-dropdown-menu\">\r\n          <a href=\"https:\/\/ubongeopark.org\/geopark\/research\/\" target=\"_blank\" class=\"nav-dropdown-item\">\r\n            <i data-lucide=\"file-text\" style=\"width:14px;height:14px;color:var(--rust);\"><\/i>\r\n            <span class=\"lang-th\">\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21<\/span><span class=\"lang-en\">Research & Publications<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"#contact\" class=\"btn-nav-cta\">\r\n        <span class=\"lang-th\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19<\/span><span class=\"lang-en\">Contact Us<\/span>\r\n        <i data-lucide=\"arrow-up-right\" style=\"width:13px;height:13px;\"><\/i>\r\n      <\/a>\r\n      <div class=\"lang-pill\">\r\n        <button id=\"lang-btn-th\" class=\"active\" onclick=\"toggleLanguage('th')\">TH<\/button>\r\n        <button id=\"lang-btn-en\" onclick=\"toggleLanguage('en')\">EN<\/button>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg-img\">\r\n    <img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/01\/temp_c0c38deecaca183fe06c55537e4fc0d83_4939707397073262889_25394721937030-1-1536x1152.jpg.webp\" alt=\"\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\">\r\n  <\/div>\r\n  <div class=\"hero-bg\"><\/div>\r\n\r\n  <!-- Floating detail badges -->\r\n  <div class=\"hero-detail-badge badge-area\">\r\n    <div class=\"label\"><span class=\"lang-th\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21<\/span><span class=\"lang-en\">Total Area<\/span><\/div>\r\n    <div class=\"value\">1,829 km\u00b2<\/div>\r\n    <div class=\"label\"><span class=\"lang-th\">4 \u0e2d\u0e33\u0e40\u0e20\u0e2d \u00b7 46 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35<\/span><span class=\"lang-en\">4 Districts \u00b7 46 Geosites<\/span><\/div>\r\n  <\/div>\r\n  <div class=\"hero-detail-badge badge-coord\">\r\n    <div class=\"inner\">\r\n      <i data-lucide=\"map-pin\" style=\"width:12px;height:12px;color:var(--sand);\"><\/i>\r\n      <span>15.2305\u00b0 N, 105.7318\u00b0 E<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-content container\">\r\n    <div class=\"hero-overline\">\r\n      <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 \u00b7 \u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23 UNESCO Global Geopark<\/span>\r\n      <span class=\"lang-en\">Ubon Ratchathani Geopark \u00b7 UNESCO Global Geopark Aspirant<\/span>\r\n    <\/div>\r\n    <h1 class=\"hero-title\">\r\n      <span class=\"lang-th\">\u0e21\u0e23\u0e14\u0e01\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34<br>\u0e41\u0e2b\u0e48\u0e07\u0e25\u0e38\u0e48\u0e21\u0e19\u0e49\u0e33<em>\u0e42\u0e02\u0e07<\/em><\/span>\r\n      <span class=\"lang-en\">Natural Heritage<br>of the <em>Mekong<\/em><\/span>\r\n    <\/h1>\r\n    <p class=\"hero-subtitle\">\r\n      <span class=\"lang-th\">\u0e1c\u0e37\u0e19\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19\u0e2b\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22\u0e2d\u0e31\u0e19\u0e01\u0e27\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e0d\u0e48\u0e44\u0e1e\u0e28\u0e32\u0e25 \u0e23\u0e48\u0e2d\u0e07\u0e23\u0e2d\u0e22\u0e0b\u0e32\u0e01\u0e14\u0e36\u0e01\u0e14\u0e33\u0e1a\u0e23\u0e23\u0e1e\u0e4c\u0e22\u0e38\u0e04\u0e04\u0e23\u0e35\u0e40\u0e17\u0e40\u0e0a\u0e35\u0e22\u0e2a \u0e41\u0e25\u0e30\u0e28\u0e34\u0e25\u0e1b\u0e30\u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e2b\u0e32\u0e14\u0e39\u0e44\u0e14\u0e49\u0e22\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07\u0e43\u0e19\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04\u0e2d\u0e32\u0e40\u0e0b\u0e35\u0e22\u0e19<\/span>\r\n      <span class=\"lang-en\">Vast sandstone plateaus, Cretaceous paleontological traces, and prehistoric rock art \u2014 among the most remarkable geological heritage in Southeast Asia.<\/span>\r\n    <\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#districts\" class=\"btn-primary\">\r\n        <span class=\"lang-th\">\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35<\/span><span class=\"lang-en\">Explore Geosites<\/span>\r\n        <i data-lucide=\"arrow-right\" style=\"width:15px;height:15px;\"><\/i>\r\n      <\/a>\r\n      <a href=\"https:\/\/www.google.com\/maps\/d\/u\/0\/edit?mid=14n5dzQrXiW9BjjfQfdbaW10Dss6j9W0&usp=sharing\" target=\"_blank\" class=\"btn-ghost\">\r\n        <i data-lucide=\"map\" style=\"width:15px;height:15px;\"><\/i>\r\n        <span class=\"lang-th\">\u0e40\u0e1b\u0e34\u0e14\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e19\u0e33\u0e17\u0e32\u0e07<\/span><span class=\"lang-en\">Open Travel Map<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-stats-bar\">\r\n    <div class=\"hero-stats-inner\">\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-val\">1,829 <em>km\u00b2<\/em><\/div>\r\n        <div class=\"hero-stat-label\"><span class=\"lang-th\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35<\/span><span class=\"lang-en\">Geopark Coverage<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-val\">46 <em>sites<\/em><\/div>\r\n        <div class=\"hero-stat-label\"><span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e17\u0e35\u0e48\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/span><span class=\"lang-en\">Registered Geosites<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-val\">100 <em>M+ yr<\/em><\/div>\r\n        <div class=\"hero-stat-label\"><span class=\"lang-th\">\u0e22\u0e38\u0e04\u0e04\u0e23\u0e35\u0e40\u0e17\u0e40\u0e0a\u0e35\u0e22\u0e2a \u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c<\/span><span class=\"lang-en\">Cretaceous Fossil Age<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-val\">4,000 <em>yr<\/em><\/div>\r\n        <div class=\"hero-stat-label\"><span class=\"lang-th\">\u0e20\u0e32\u0e1e\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2a\u0e35\u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/span><span class=\"lang-en\">Prehistoric Rock Art<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 PARTNERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"partners-strip\">\r\n  <div class=\"partners-strip-inner\">\r\n    <span class=\"partners-label\"><span class=\"lang-th\">\u0e20\u0e32\u0e04\u0e35\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22<\/span><span class=\"lang-en\">Partners<\/span><\/span>\r\n    <div class=\"partners-divider\"><\/div>\r\n    <div class=\"partners-logos\">\r\n      <div class=\"partner-logo-item\"><img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/02\/geopark-160x160-1.png\" alt=\"Geopark Network\"><\/div>\r\n      <div class=\"partner-logo-item\"><img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/02\/228115868_261550705780024_5334536676415244282_n-e1749542700148.png\" alt=\"Local Network\"><\/div>\r\n      <div class=\"partner-logo-item\"><img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/02\/\u0e15\u0e23\u0e32\u0e01\u0e23\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e18\u0e23\u0e13\u0e35-2-e1749542491461.png\" alt=\"Department of Mineral Resources\"><\/div>\r\n      <div class=\"partner-logo-item\"><img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/02\/435721328_411786041717993_737159748964852394_n-e1749542378318.png\" alt=\"Ubon Province\"><\/div>\r\n      <div class=\"partner-logo-item\"><img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/02\/EFE51FF1-DAFD-4F1F-9E40-D2C96F14390A-e1749542826599.png\" alt=\"UNESCO Candidate\"><\/div>\r\n      <div class=\"partner-logo-item\"><img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/02\/logo.png\" alt=\"PAO\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500\u2500 VALUES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section class=\"section-values\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header reveal\">\r\n      <div>\r\n        <span class=\"section-eyebrow\">Global Scientific Values<\/span>\r\n        <h2 class=\"section-title\">\r\n          <span class=\"lang-th\">\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01<br><em>3 \u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01<\/em><\/span>\r\n          <span class=\"lang-en\">Three Pillars of<br><em>World-Class Value<\/em><\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      <p class=\"section-desc\">\r\n        <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e17\u0e32\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e17\u0e35\u0e48\u0e2b\u0e32\u0e14\u0e39\u0e44\u0e14\u0e49\u0e22\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e17\u0e31\u0e49\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e23\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e18\u0e23\u0e13\u0e35\u0e2a\u0e31\u0e13\u0e10\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e38\u0e1e\u0e31\u0e07\u0e2d\u0e31\u0e19\u0e2b\u0e32\u0e22\u0e32\u0e01<\/span>\r\n        <span class=\"lang-en\">Ubon Ratchathani Geopark stands out for its globally significant geological heritage across three exceptional scientific domains found nowhere else in Southeast Asia.<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"values-grid reveal reveal-delay-2\">\r\n      <div class=\"value-card\">\r\n        <div class=\"value-number\">01 \u2014 PALEONTOLOGY<\/div>\r\n        <div class=\"value-icon-wrap\"><i data-lucide=\"award\" style=\"width:22px;height:22px;\"><\/i><\/div>\r\n        <div class=\"value-title\">\r\n          <span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e0b\u0e32\u0e01\u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c\u0e22\u0e38\u0e04\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22<\/span>\r\n          <span class=\"lang-en\">Last Dinosaur-Era Site<\/span>\r\n        <\/div>\r\n        <p class=\"value-body\">\r\n          <span class=\"lang-th\">\u0e02\u0e38\u0e14\u0e04\u0e49\u0e19\u0e1e\u0e1a\u0e1f\u0e2d\u0e2a\u0e0b\u0e34\u0e25\u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e1f\u0e31\u0e19\u0e1b\u0e25\u0e32\u0e09\u0e25\u0e32\u0e21\u0e19\u0e49\u0e33\u0e08\u0e37\u0e14\u0e42\u0e1a\u0e23\u0e32\u0e13 \u0e13 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e42\u0e1a\u0e23\u0e32\u0e13\u0e04\u0e14\u0e35\u0e42\u0e04\u0e01\u0e1c\u0e32\u0e2a\u0e48\u0e27\u0e21 \u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e30\u0e2a\u0e21\u0e0a\u0e48\u0e27\u0e07\u0e1b\u0e25\u0e32\u0e22\u0e22\u0e38\u0e04\u0e04\u0e23\u0e35\u0e40\u0e17\u0e40\u0e0a\u0e35\u0e22\u0e2a (\u0e23\u0e32\u0e27 100\u201375 \u0e25\u0e49\u0e32\u0e19\u0e1b\u0e35) \u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e2b\u0e34\u0e19\u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e2d\u0e32\u0e22\u0e38\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n          <span class=\"lang-en\">Fossil discoveries at Khok Pha Suam spanning the late Cretaceous period (approx. 100\u201375 million years), representing Thailand's youngest dinosaur-bearing rock strata.<\/span>\r\n        <\/p>\r\n        <span class=\"value-tag\">Cretaceous Paleontology<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"value-card\">\r\n        <div class=\"value-number\">02 \u2014 GEOMORPHOLOGY<\/div>\r\n        <div class=\"value-icon-wrap\"><i data-lucide=\"waves\" style=\"width:22px;height:22px;\"><\/i><\/div>\r\n        <div class=\"value-title\">\r\n          <span class=\"lang-th\">\u0e01\u0e38\u0e21\u0e20\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e21\u0e2b\u0e31\u0e28\u0e08\u0e23\u0e23\u0e22\u0e4c\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07<\/span>\r\n          <span class=\"lang-en\">Spectacular Mekong Potholes<\/span>\r\n        <\/div>\r\n        <p class=\"value-body\">\r\n          <span class=\"lang-th\">\u0e2a\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e42\u0e1a\u0e01 \u2014 \u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2b\u0e25\u0e38\u0e21\u0e41\u0e2d\u0e48\u0e07\u0e01\u0e25\u0e21\u0e23\u0e39\u0e1b\u0e16\u0e49\u0e27\u0e22\u0e19\u0e31\u0e1a\u0e1e\u0e31\u0e19 \u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e19\u0e49\u0e33\u0e27\u0e19\u0e01\u0e31\u0e14\u0e40\u0e0b\u0e32\u0e30\u0e2b\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22\u0e21\u0e32\u0e19\u0e32\u0e19\u0e19\u0e31\u0e1a\u0e1e\u0e31\u0e19\u0e1b\u0e35\u0e23\u0e34\u0e21\u0e1d\u0e31\u0e48\u0e07\u0e42\u0e02\u0e07 \u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e01\u0e38\u0e21\u0e20\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e41\u0e25\u0e30\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e40\u0e2d\u0e40\u0e0a\u0e35\u0e22\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e40\u0e09\u0e35\u0e22\u0e07\u0e43\u0e15\u0e49<\/span>\r\n          <span class=\"lang-en\">Sam Phan Bok \u2014 thousands of bowl-shaped potholes carved by swirling Mekong currents over millennia, considered the grandest and most spectacular pothole field in Southeast Asia.<\/span>\r\n        <\/p>\r\n        <span class=\"value-tag\">Mekong Pothole Geomorphology<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"value-card\">\r\n        <div class=\"value-number\">03 \u2014 RARE WEATHERING<\/div>\r\n        <div class=\"value-icon-wrap\"><i data-lucide=\"layers\" style=\"width:22px;height:22px;\"><\/i><\/div>\r\n        <div class=\"value-title\">\r\n          <span class=\"lang-th\">\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e32\u0e2a\u0e32\u0e21\u0e2b\u0e21\u0e37\u0e48\u0e19\u0e23\u0e39<\/span>\r\n          <span class=\"lang-en\">Ten-Thousand-Hole Cliff<\/span>\r\n        <\/div>\r\n        <p class=\"value-body\">\r\n          <span class=\"lang-th\">\u0e23\u0e39\u0e1e\u0e23\u0e38\u0e19\u0e01\u0e25\u0e21\u0e40\u0e25\u0e47\u0e01\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d\u0e19\u0e31\u0e1a\u0e2b\u0e21\u0e37\u0e48\u0e19\u0e23\u0e39\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e32\u0e2b\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22\u0e40\u0e25\u0e35\u0e22\u0e1a\u0e42\u0e02\u0e07 \u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e01\u0e32\u0e23\u0e25\u0e30\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e40\u0e04\u0e21\u0e35\u0e41\u0e25\u0e30\u0e01\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e2b\u0e32\u0e1e\u0e1a\u0e44\u0e14\u0e49\u0e22\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e1a\u0e48\u0e07\u0e1a\u0e2d\u0e01\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e38\u0e1e\u0e31\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e22\u0e32\u0e27\u0e19\u0e32\u0e19\u0e19\u0e31\u0e1a\u0e25\u0e49\u0e32\u0e19\u0e1b\u0e35<\/span>\r\n          <span class=\"lang-en\">Tens of thousands of regular micro-cavities on towering Mekong sandstone cliffs \u2014 a globally rare physical-chemical weathering process documenting millions of years of geological transformation.<\/span>\r\n        <\/p>\r\n        <span class=\"value-tag\">Rare Porous Weathering<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 DISTRICTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"districts\" class=\"section-districts\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header reveal\">\r\n      <div>\r\n        <span class=\"section-eyebrow\">The 46 Registered Geosites<\/span>\r\n        <h2 class=\"section-title\">\r\n          <span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e43\u0e19<br><em>4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e25\u0e31\u0e01<\/em><\/span>\r\n          <span class=\"lang-en\">Geosites Across<br><em>4 Districts<\/em><\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      <p class=\"section-desc\">\r\n        <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e17\u0e32\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e17\u0e35\u0e48\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e49\u0e27 46 \u0e41\u0e2b\u0e48\u0e07 \u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e15\u0e31\u0e27\u0e43\u0e19 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e23\u0e34\u0e21\u0e1d\u0e31\u0e48\u0e07\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07<\/span>\r\n        <span class=\"lang-en\">46 officially registered geosites spread across four districts along the Mekong River, each offering a distinct geological narrative.<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"districts-grid\">\r\n      <!-- Pho Sai -->\r\n      <div class=\"district-card reveal\">\r\n        <div class=\"district-head\">\r\n          <div class=\"district-icon\"><i data-lucide=\"anchor\" style=\"width:18px;height:18px;\"><\/i><\/div>\r\n          <div>\r\n            <div class=\"district-name\"><span class=\"lang-th\">\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e44\u0e17\u0e23<\/span><span class=\"lang-en\">Pho Sai District<\/span><\/div>\r\n            <div class=\"district-name-en\">PHOSAI \u00b7 MEKONG POTHOLES<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"district-body\">\r\n          <p class=\"district-desc\">\r\n            <span class=\"lang-th\">\u0e41\u0e01\u0e48\u0e07\u0e2b\u0e34\u0e19\u0e2a\u0e25\u0e31\u0e01\u0e23\u0e34\u0e21\u0e42\u0e02\u0e07 \u0e04\u0e25\u0e31\u0e07\u0e01\u0e38\u0e21\u0e20\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48 \u0e41\u0e25\u0e30\u0e2b\u0e32\u0e14\u0e17\u0e23\u0e32\u0e22\u0e02\u0e32\u0e27\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21<\/span>\r\n            <span class=\"lang-en\">Mekong rapids, vast pothole structures, and pristine riverside sand dunes.<\/span>\r\n          <\/p>\r\n          <ul class=\"site-list\">\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e2a\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e42\u0e1a\u0e01<\/span><span class=\"lang-en\">Sam Phan Bok<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e41\u0e2d\u0e48\u0e07\u0e01\u0e38\u0e21\u0e20\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e31\u0e19\u0e2b\u0e25\u0e38\u0e21<\/span><span class=\"lang-en\">Pothole Field Wonder<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e1b\u0e32\u0e01\u0e1a\u0e49\u0e2d\u0e07<\/span><span class=\"lang-en\">Pak Bong<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e23\u0e48\u0e2d\u0e07\u0e42\u0e02\u0e07\u0e41\u0e04\u0e1a\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 (56 \u0e21.)<\/span><span class=\"lang-en\">Narrowest Mekong Gorge (56 m)<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e2b\u0e32\u0e14\u0e2a\u0e25\u0e36\u0e07 & \u0e2b\u0e32\u0e14\u0e2b\u0e07\u0e2a\u0e4c<\/span><span class=\"lang-en\">Hat Salung & Hat Hong<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e40\u0e19\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22\u0e23\u0e34\u0e21\u0e42\u0e02\u0e07<\/span><span class=\"lang-en\">Mekong Riverside Dunes<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e28\u0e34\u0e25\u0e32\u0e40\u0e25\u0e02<\/span><span class=\"lang-en\">Sila Lek<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e08\u0e32\u0e23\u0e36\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e49\u0e33\u0e42\u0e1a\u0e23\u0e32\u0e13<\/span><span class=\"lang-en\">Ancient Water Level Inscriptions<\/span><\/div><\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"district-foot\">\r\n          <span class=\"district-tag\">Pothole Geomorphology<\/span>\r\n          <a href=\"https:\/\/ubongeopark.org\/geopark\/category\/tourist-information\/travel\/phosai\/\" target=\"_blank\" class=\"district-link\">\r\n            <span class=\"lang-th\">\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span><span class=\"lang-en\">View Info<\/span>\r\n            <i data-lucide=\"arrow-up-right\" style=\"width:13px;height:13px;\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Khong Chiam -->\r\n      <div class=\"district-card reveal reveal-delay-1\">\r\n        <div class=\"district-head\">\r\n          <div class=\"district-icon\"><i data-lucide=\"palette\" style=\"width:18px;height:18px;\"><\/i><\/div>\r\n          <div>\r\n            <div class=\"district-name\"><span class=\"lang-th\">\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e42\u0e02\u0e07\u0e40\u0e08\u0e35\u0e22\u0e21<\/span><span class=\"lang-en\">Khong Chiam<\/span><\/div>\r\n            <div class=\"district-name-en\">KHONG CHIAM \u00b7 PREHISTORIC ART<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"district-body\">\r\n          <p class=\"district-desc\">\r\n            <span class=\"lang-th\">\u0e0a\u0e31\u0e49\u0e19\u0e2b\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22 \u0e20\u0e32\u0e1e\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2a\u0e35\u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e32\u0e0a\u0e31\u0e19\u0e41\u0e25\u0e30\u0e18\u0e32\u0e23\u0e19\u0e49\u0e33\u0e15\u0e01\u0e25\u0e32\u0e19\u0e2b\u0e34\u0e19<\/span>\r\n            <span class=\"lang-en\">Sandstone stratigraphy, 4,000-year prehistoric art, towering cliffs, and scenic waterfalls.<\/span>\r\n          <\/p>\r\n          <ul class=\"site-list\">\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e1c\u0e32\u0e41\u0e15\u0e49\u0e21<\/span><span class=\"lang-en\">Pha Taem<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e20\u0e32\u0e1e\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2a\u0e35\u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c 4,000 \u0e1b\u0e35<\/span><span class=\"lang-en\">4,000-Year Prehistoric Rock Art<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e40\u0e2a\u0e32\u0e40\u0e09\u0e25\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48<\/span><span class=\"lang-en\">Twin Earth Pillars<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e40\u0e2a\u0e32\u0e2b\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34<\/span><span class=\"lang-en\">Twin Natural Sandstone Columns<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e1c\u0e32\u0e42\u0e2a\u0e01<\/span><span class=\"lang-en\">Pha Sok<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e08\u0e32\u0e01\u0e38\u0e0a\u0e0a\u0e35\u0e48\u0e1e\u0e30\u0e25\u0e32\u0e19\u0e2b\u0e34\u0e19\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34<\/span><span class=\"lang-en\">Natural Stone Cliff Jacuzzi<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e19\u0e49\u0e33\u0e15\u0e01\u0e41\u0e2a\u0e07\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c<\/span><span class=\"lang-en\">Moonlight Waterfall<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e19\u0e49\u0e33\u0e15\u0e01\u0e25\u0e2d\u0e14\u0e23\u0e39\u0e2b\u0e34\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27<\/span><span class=\"lang-en\">Falls Through a Natural Rock Hole<\/span><\/div><\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"district-foot\">\r\n          <span class=\"district-tag\">Prehistoric Art & Cliffs<\/span>\r\n          <a href=\"https:\/\/ubongeopark.org\/geopark\/category\/tourist-information\/travel\/khongchiam\/\" target=\"_blank\" class=\"district-link\">\r\n            <span class=\"lang-th\">\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span><span class=\"lang-en\">View Info<\/span>\r\n            <i data-lucide=\"arrow-up-right\" style=\"width:13px;height:13px;\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Si Mueang Mai -->\r\n      <div class=\"district-card reveal reveal-delay-2\">\r\n        <div class=\"district-head\">\r\n          <div class=\"district-icon\"><i data-lucide=\"mountain\" style=\"width:18px;height:18px;\"><\/i><\/div>\r\n          <div>\r\n            <div class=\"district-name\"><span class=\"lang-th\">\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e28\u0e23\u0e35\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48<\/span><span class=\"lang-en\">Si Mueang Mai<\/span><\/div>\r\n            <div class=\"district-name-en\">SI MUEANG MAI \u00b7 EARTH PILLARS<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"district-body\">\r\n          <p class=\"district-desc\">\r\n            <span class=\"lang-th\">\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e32\u0e22\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e25\u0e30\u0e18\u0e23\u0e23\u0e21\u0e30 \u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e17\u0e38\u0e48\u0e07\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e1b\u0e48\u0e32\u0e1a\u0e19\u0e25\u0e32\u0e19\u0e2b\u0e34\u0e19\u0e1c\u0e32\u0e2b\u0e25\u0e27\u0e07<\/span>\r\n            <span class=\"lang-en\">A nature and dharma tourism destination, highlighted by the wild blooming flowers on Pha Luang rock plateau.<\/span>\r\n          <\/p>\r\n          <ul class=\"site-list\">\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e0b\u0e32\u0e01\u0e14\u0e36\u0e01\u0e14\u0e33\u0e1a\u0e23\u0e23\u0e1e\u0e4c\u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c\u0e42\u0e04\u0e01\u0e1c\u0e32\u0e2a\u0e48\u0e27\u0e21<\/span><span class=\"lang-en\">Khok Pha Suam Dinosaur Fossil Site<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\"> \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e34\u0e1e\u0e34\u0e18\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c \u0e42\u0e04\u0e01\u0e1c\u0e32\u0e2a\u0e48\u0e27\u0e21 \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e02\u0e38\u0e14\u0e04\u0e49\u0e19\u0e1e\u0e1a\u0e44\u0e14\u0e42\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c\u0e22\u0e38\u0e04\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22<\/span><span class=\"lang-en\">The Khok Pha Suam Dinosaur Museum and Learning Center is a site where the last-known dinosaurs were excavated.<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e27\u0e19\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e19\u0e49\u0e33\u0e15\u0e01\u0e1c\u0e32\u0e2b\u0e25\u0e27\u0e07<\/span><span class=\"lang-en\">Namtok Pha Luang Forest Park<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e38\u0e14\u0e0a\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e2a\u0e38\u0e14\u0e2d\u0e31\u0e19\u0e0b\u0e35\u0e19\u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2d\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e1d\u0e19\u0e41\u0e25\u0e30\u0e17\u0e38\u0e48\u0e07\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e1b\u0e48\u0e32\u0e1a\u0e19\u0e25\u0e32\u0e19\u0e2b\u0e34\u0e19\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e19\u0e32\u0e27<\/span><span class=\"lang-en\">An unseen nature spot featuring stunning waterfalls in the rainy season and wild blossom fields on stone patios in the winter.<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e20\u0e39\u0e2b\u0e25\u0e48\u0e19<\/span><span class=\"lang-en\">Phu Lon<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e25\u0e32\u0e19\u0e2b\u0e34\u0e19\u0e27\u0e34\u0e1b\u0e31\u0e2a\u0e2a\u0e19\u0e32\u0e2b\u0e25\u0e27\u0e07\u0e1b\u0e39\u0e48\u0e21\u0e31\u0e48\u0e19<\/span><span class=\"lang-en\">Luang Pu Mun Meditation Site<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e41\u0e19\u0e27\u0e1c\u0e32\u0e0a\u0e31\u0e19<\/span><span class=\"lang-en\">Sandstone Cliff Walls<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e01\u0e33\u0e41\u0e1e\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e32\u0e0a\u0e31\u0e19\u0e23\u0e34\u0e21\u0e42\u0e02\u0e07<\/span><span class=\"lang-en\">Towering Walls Along Mekong<\/span><\/div><\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"district-foot\">\r\n          <span class=\"district-tag\">Giant Pillars & Plateaus<\/span>\r\n          <a href=\"https:\/\/ubongeopark.org\/geopark\/category\/tourist-information\/travel\/srimuangmai\/\" target=\"_blank\" class=\"district-link\">\r\n            <span class=\"lang-th\">\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span><span class=\"lang-en\">View Info<\/span>\r\n            <i data-lucide=\"arrow-up-right\" style=\"width:13px;height:13px;\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Sirindhorn -->\r\n      <div class=\"district-card reveal reveal-delay-3\">\r\n        <div class=\"district-head\">\r\n          <div class=\"district-icon\"><i data-lucide=\"sun\" style=\"width:18px;height:18px;\"><\/i><\/div>\r\n          <div>\r\n            <div class=\"district-name\"><span class=\"lang-th\">\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23<\/span><span class=\"lang-en\">Sirindhorn District<\/span><\/div>\r\n            <div class=\"district-name-en\">SIRINDHORN \u00b7 PETRIFIED WOOD<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"district-body\">\r\n          <p class=\"district-desc\">\r\n            <span class=\"lang-th\">\u0e1f\u0e2d\u0e2a\u0e0b\u0e34\u0e25\u0e40\u0e28\u0e29\u0e44\u0e21\u0e49\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e34\u0e19 \u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e34\u0e25\u0e1b\u0e4c\u0e40\u0e23\u0e37\u0e2d\u0e07\u0e41\u0e2a\u0e07\u0e23\u0e34\u0e21\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19 \u0e41\u0e25\u0e30\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e01\u0e23\u0e30\u0e08\u0e01\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19<\/span>\r\n            <span class=\"lang-en\">Petrified wood fossil fields, luminous Buddhist temples bordering Laos, and a glass skywalk over the Sirindhorn Dam.<\/span>\r\n          <\/p>\r\n          <ul class=\"site-list\">\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e27\u0e31\u0e14\u0e20\u0e39\u0e1e\u0e23\u0e49\u0e32\u0e27<\/span><span class=\"lang-en\">Wat Phu Phrao<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e01\u0e31\u0e25\u0e1b\u0e1e\u0e24\u0e01\u0e29\u0e4c\u0e40\u0e23\u0e37\u0e2d\u0e07\u0e41\u0e2a\u0e07\u0e2d\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23<\/span><span class=\"lang-en\">Spectacular Luminous Tree Sculpture<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e20\u0e39\u0e1e\u0e23\u0e49\u0e32\u0e27\u0e1f\u0e2d\u0e2a\u0e0b\u0e34\u0e25<\/span><span class=\"lang-en\">Phu Phrao Fossil Site<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e1f\u0e2d\u0e2a\u0e0b\u0e34\u0e25\u0e44\u0e21\u0e49\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e34\u0e19<\/span><span class=\"lang-en\">Petrified Wood Deposit Site<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">Skywalk \u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e18\u0e23<\/span><span class=\"lang-en\">Sirindhorn Skywalk<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e01\u0e23\u0e30\u0e08\u0e01\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e19\u0e49\u0e33\u0e40\u0e02\u0e37\u0e48\u0e2d\u0e19<\/span><span class=\"lang-en\">Glass Bridge Over the Dam<\/span><\/div><\/div>\r\n            <\/li>\r\n            <li class=\"site-item\">\r\n              <span class=\"site-dot\"><\/span>\r\n              <div><div class=\"site-name\"><span class=\"lang-th\">\u0e41\u0e01\u0e48\u0e07\u0e41\u0e0b\u0e19\u0e49\u0e2d\u0e22<\/span><span class=\"lang-en\">Kaeng Sae Noi<\/span><\/div><div class=\"site-name-en\"><span class=\"lang-th\">\u0e25\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2b\u0e34\u0e19\u0e23\u0e34\u0e21\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\u0e01\u0e27\u0e49\u0e32\u0e07<\/span><span class=\"lang-en\">Broad Riverstone Rapid Field<\/span><\/div><\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"district-foot\">\r\n          <span class=\"district-tag\">Luminous Art & Fossil Sites<\/span>\r\n          <a href=\"https:\/\/ubongeopark.org\/geopark\/category\/tourist-information\/travel\/sirindhorn\/\" target=\"_blank\" class=\"district-link\">\r\n            <span class=\"lang-th\">\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span><span class=\"lang-en\">View Info<\/span>\r\n            <i data-lucide=\"arrow-up-right\" style=\"width:13px;height:13px;\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 MAP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"map\" class=\"section-map\">\r\n  <div class=\"map-layout\">\r\n    <div class=\"map-info reveal\">\r\n      <span class=\"section-eyebrow\">Geopark Location Guide<\/span>\r\n      <h2 class=\"section-title\" style=\"margin-bottom:24px;\">\r\n        <span class=\"lang-th\">\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e34\u0e01\u0e31\u0e14<br><em>\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/em><\/span>\r\n        <span class=\"lang-en\">Official<br><em>Navigation Map<\/em><\/span>\r\n      <\/h2>\r\n      <p style=\"font-size:15px;color:var(--ink-60);line-height:1.8;margin-bottom:8px;\">\r\n        <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e0d\u0e48\u0e01\u0e27\u0e48\u0e32 1,829 \u0e15\u0e23.\u0e01\u0e21. \u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e49\u0e1b\u0e31\u0e01\u0e2b\u0e21\u0e38\u0e14\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e17\u0e32\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07 GPS \u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/span>\r\n        <span class=\"lang-en\">Spanning over 1,829 km\u00b2, Ubon Geopark's official map pins all major geological coordinates for safe and precise GPS-based trip planning by tourists, guides, and researchers.<\/span>\r\n      <\/p>\r\n\r\n      <div class=\"map-tip\">\r\n        <div class=\"map-tip-icon\"><i data-lucide=\"info\" style=\"width:16px;height:16px;\"><\/i><\/div>\r\n        <p class=\"map-tip-text\">\r\n          <strong><span class=\"lang-th\">\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33 GPS:<\/span><span class=\"lang-en\">GPS Tip:<\/span><\/strong>\r\n          <span class=\"lang-th\"> \u0e16\u0e19\u0e19\u0e40\u0e25\u0e35\u0e22\u0e1a\u0e42\u0e02\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e32\u0e14\u0e22\u0e32\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e2a\u0e49\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e32\u0e0a\u0e30\u0e19\u0e30\u0e44\u0e14\u0e41\u0e19\u0e30\u0e19\u0e33\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e22\u0e32\u0e19\u0e1e\u0e32\u0e2b\u0e19\u0e30\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/span>\r\n          <span class=\"lang-en\"> Roads along the Mekong are fully paved. For steep Pha Chanadai sections, park ranger vehicles are strongly recommended for safety.<\/span>\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"map-card reveal reveal-delay-2\">\r\n      <div class=\"map-icon-ring\"><i data-lucide=\"map\" style=\"width:36px;height:36px;\"><\/i><\/div>\r\n      <div class=\"map-card-title\">\r\n        <span class=\"lang-th\">\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/span>\r\n        <span class=\"lang-en\">Interactive Official Map<\/span>\r\n      <\/div>\r\n      <p class=\"map-card-desc\">\r\n        <span class=\"lang-th\">\u0e1e\u0e34\u0e01\u0e31\u0e14 GPS \u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e17\u0e38\u0e01\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e18\u0e23\u0e13\u0e35\u0e43\u0e19 4 \u0e2d\u0e33\u0e40\u0e20\u0e2d \u0e40\u0e1b\u0e34\u0e14\u0e43\u0e19\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19 Google Maps \u0e1a\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/span>\r\n        <span class=\"lang-en\">Comprehensive GPS coordinates for all 46 geosites across 4 districts, launch directly in Google Maps on any device.<\/span>\r\n      <\/p>\r\n      <div style=\"display:flex;flex-direction:column;gap:8px;width:100%;\">\r\n        <a href=\"https:\/\/www.google.com\/maps\/d\/u\/0\/edit?mid=14n5dzQrXiW9BjjfQfdbaW10Dss6j9W0&usp=sharing\" target=\"_blank\" class=\"btn-map\">\r\n          <i data-lucide=\"external-link\" style=\"width:14px;height:14px;\"><\/i>\r\n          <span class=\"lang-th\">\u0e40\u0e1b\u0e34\u0e14 Google Maps Guide<\/span><span class=\"lang-en\">Open Google Maps Guide<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/ubongeopark.org\/geopark\/index\/\" target=\"_blank\" class=\"btn-map\" style=\"background:var(--sand-pale);color:var(--ink);border:1px solid var(--border-strong);\">\r\n          <i data-lucide=\"info\" style=\"width:14px;height:14px;\"><\/i>\r\n          <span class=\"lang-th\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/span><span class=\"lang-en\">More Travel Information<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 NEWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"news\" class=\"section-news\">\r\n  <div class=\"container\">\r\n    <div class=\"reveal\">\r\n      <span class=\"section-eyebrow\">News & Announcements<\/span>\r\n      <h2 class=\"section-title\" style=\"margin-bottom:0;\">\r\n        <span class=\"lang-th\">\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30<em>\u0e04\u0e27\u0e32\u0e21\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27<\/em><\/span>\r\n        <span class=\"lang-en\">Latest <em>News & Updates<\/em><\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"news-grid\">\r\n      <a href=\"https:\/\/ubongeopark.org\/geopark\/%e0%b8%ad%e0%b8%b8%e0%b8%97%e0%b8%a2%e0%b8%b2%e0%b8%99%e0%b8%98%e0%b8%a3%e0%b8%93%e0%b8%b5%e0%b8%ad%e0%b8%b8%e0%b8%9a%e0%b8%a5%e0%b8%a3%e0%b8%b2%e0%b8%8a%e0%b8%98%e0%b8%b2%e0%b8%99%e0%b8%b5-%e0%b9%80\/\" target=\"_blank\" class=\"news-card featured reveal\">\r\n        <div class=\"news-date\">15 FEB 2026 \u2014 GLOBAL CAMPAIGN<\/div>\r\n        <h3 class=\"news-title\">\r\n          <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e40\u0e14\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e39\u0e48 UNESCO Global Geopark<\/span>\r\n          <span class=\"lang-en\">Ubon Geopark Aspires Toward UNESCO World-Class Recognition<\/span>\r\n        <\/h3>\r\n        <p class=\"news-excerpt\">\r\n          <span class=\"lang-th\">\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 \u0e40\u0e14\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e21\u0e23\u0e14\u0e01\u0e17\u0e32\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e41\u0e25\u0e30\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e2a\u0e39\u0e48\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34 \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e22\u0e37\u0e48\u0e19\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e42\u0e25\u0e01 UNESCO \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/span>\r\n          <span class=\"lang-en\">Ubon Ratchathani PAO accelerates strategic preparation to uplift regional geological heritage and community integration toward official UNESCO Global Geopark designation criteria.<\/span>\r\n        <\/p>\r\n        <div class=\"news-footer\">\r\n          <span class=\"news-tag\">UNESCO Campaign<\/span>\r\n          <span class=\"news-arrow\"><span class=\"lang-th\">\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d<\/span><span class=\"lang-en\">Read More<\/span> <i data-lucide=\"arrow-up-right\" style=\"width:12px;height:12px;\"><\/i><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ubongeopark.org\/geopark\/%e0%b8%aa%e0%b8%b3%e0%b8%a3%e0%b8%a7%e0%b8%88%e0%b9%80%e0%b8%aa%e0%b9%89%e0%b8%99%e0%b8%97%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b1%e0%b8%a8%e0%b8%99%e0%b8%a8%e0%b8%b6%e0%b8%81\/\" target=\"_blank\" class=\"news-card reveal reveal-delay-1\">\r\n        <div class=\"news-date\">25 NOV 2025 \u2014 ACADEMIC<\/div>\r\n        <h3 class=\"news-title\">\r\n          <span class=\"lang-th\">\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a IOAA-Jr \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 5<\/span>\r\n          <span class=\"lang-en\">Route Survey for the 5th IOAA-Jr Olympiad<\/span>\r\n        <\/h3>\r\n        <p class=\"news-excerpt\">\r\n          <span class=\"lang-th\">\u0e04\u0e13\u0e30\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e25\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e14\u0e32\u0e23\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e1f\u0e34\u0e2a\u0e34\u0e01\u0e2a\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e2a\u0e20\u0e32\u0e1e\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/span>\r\n          <span class=\"lang-en\">Working committee surveys geological and stellar routes for the prestigious upcoming international astronomy olympiad competition in Ubon.<\/span>\r\n        <\/p>\r\n        <div class=\"news-footer\">\r\n          <span class=\"news-tag\">International Science<\/span>\r\n          <span class=\"news-arrow\"><i data-lucide=\"arrow-up-right\" style=\"width:12px;height:12px;\"><\/i><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ubongeopark.org\/geopark\/%e0%b8%ad%e0%b8%b8%e0%b8%97%e0%b8%a2%e0%b8%b2%e0%b8%99%e0%b8%98%e0%b8%a3%e0%b8%93%e0%b8%b5%e0%b8%ad%e0%b8%b8%e0%b8%9a%e0%b8%a5%e0%b8%a3%e0%b8%b2%e0%b8%8a%e0%b8%98%e0%b8%b2%e0%b8%99%e0%b8%b5-2\/\" target=\"_blank\" class=\"news-card reveal reveal-delay-2\">\r\n        <div class=\"news-date\">1 NOV 2025 \u2014 ACTIVITIES<\/div>\r\n        <h3 class=\"news-title\">\r\n          <span class=\"lang-th\">\u0e0a\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2f \u0e07\u0e32\u0e19\u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 14<\/span>\r\n          <span class=\"lang-en\">Ubon Geopark Exhibition \u2014 14th Book & Learning Week<\/span>\r\n        <\/h3>\r\n        <p class=\"news-excerpt\">\r\n          <span class=\"lang-th\">\u0e23\u0e48\u0e27\u0e21\u0e0a\u0e21\u0e42\u0e14\u0e21\u0e17\u0e49\u0e2d\u0e07\u0e1f\u0e49\u0e32\u0e08\u0e33\u0e25\u0e2d\u0e07 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e02\u0e38\u0e14\u0e1f\u0e2d\u0e2a\u0e0b\u0e34\u0e25\u0e42\u0e04\u0e01\u0e1c\u0e32\u0e2a\u0e48\u0e27\u0e21 \u0e41\u0e25\u0e30\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e38\u0e48\u0e21\u0e19\u0e49\u0e33\u0e42\u0e02\u0e07 \u0e13 \u0e2a\u0e38\u0e19\u0e35\u0e22\u0e4c\u0e17\u0e32\u0e27\u0e40\u0e27\u0e2d\u0e23\u0e4c<\/span>\r\n          <span class=\"lang-en\">Experience planetarium projections, Khok Pha Suam fossil simulations, and Mekong geology exhibits at Sunee Tower.<\/span>\r\n        <\/p>\r\n        <div class=\"news-footer\">\r\n          <span class=\"news-tag\">Public Event<\/span>\r\n          <span class=\"news-arrow\"><i data-lucide=\"arrow-up-right\" style=\"width:12px;height:12px;\"><\/i><\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 GUIDELINES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"guidelines\" class=\"section-guidelines\">\r\n  <div class=\"container\">\r\n    <div class=\"reveal\">\r\n      <span class=\"section-eyebrow\">Preparation & Safety<\/span>\r\n      <h2 class=\"section-title\" style=\"margin-bottom:0;\">\r\n        <span class=\"lang-th\">\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33<em>\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07<\/em><\/span>\r\n        <span class=\"lang-en\">Travel <em>Guidelines<\/em><\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"guide-grid\">\r\n      <div class=\"guide-card reveal\">\r\n        <div class=\"guide-badge warn\"><i data-lucide=\"footprints\" style=\"width:20px;height:20px;\"><\/i><\/div>\r\n        <div class=\"guide-title\">\r\n          <span class=\"lang-th\">\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c<\/span>\r\n          <span class=\"lang-en\">Attire & Equipment<\/span>\r\n        <\/div>\r\n        <p class=\"guide-body\">\r\n          <span class=\"lang-th\">\u0e41\u0e19\u0e30\u0e19\u0e33\u0e2a\u0e27\u0e21 <strong>\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e2a\u0e49\u0e19\u0e41\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e40\u0e01\u0e32\u0e30<\/strong> \u0e1a\u0e19\u0e25\u0e32\u0e19\u0e2b\u0e34\u0e19\u0e17\u0e23\u0e32\u0e22 \u0e2b\u0e25\u0e35\u0e01\u0e40\u0e25\u0e35\u0e48\u0e22\u0e07\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e2a\u0e49\u0e19\u0e2a\u0e39\u0e07 \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21 <strong>\u0e2b\u0e21\u0e27\u0e01\u0e1b\u0e35\u0e01\u0e01\u0e27\u0e49\u0e32\u0e07 \u0e04\u0e23\u0e35\u0e21\u0e01\u0e31\u0e19\u0e41\u0e14\u0e14 \u0e23\u0e48\u0e21\u0e01\u0e31\u0e19<\/strong>\u0e41\u0e25\u0e30 <strong>\u0e01\u0e23\u0e30\u0e15\u0e34\u0e01\u0e19\u0e49\u0e33\u0e2a\u0e30\u0e2d\u0e32\u0e14<\/strong> \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e2a\u0e33\u0e23\u0e27\u0e08<\/span>\r\n          <span class=\"lang-en\">Wear <strong>slip-resistant flat shoes<\/strong> on sandstone plateaus. Bring <strong>wide-brimmed hats, sunscreen, umbrella<\/strong>, and a <strong>refillable water bottle<\/strong> for all-day exploration.<\/span>\r\n        <\/p>\r\n        <div class=\"guide-foot warn\">\r\n          <i data-lucide=\"shield-alert\" style=\"width:13px;height:13px;\"><\/i>\r\n          <span class=\"lang-th\">\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22<\/span><span class=\"lang-en\">Safety & Comfort First<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"guide-card reveal reveal-delay-1\">\r\n        <div class=\"guide-badge danger\"><i data-lucide=\"trash-2\" style=\"width:20px;height:20px;\"><\/i><\/div>\r\n        <div class=\"guide-title\">\r\n          <span class=\"lang-th\">\u0e02\u0e49\u0e2d\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e14\u0e47\u0e14\u0e02\u0e32\u0e14<\/span>\r\n          <span class=\"lang-en\">Strictly Prohibited<\/span>\r\n        <\/div>\r\n        <p class=\"guide-body\">\r\n          <span class=\"lang-th\"><strong>\u0e2b\u0e49\u0e32\u0e21\u0e02\u0e39\u0e14\u0e02\u0e35\u0e14 \u0e41\u0e01\u0e30\u0e2a\u0e25\u0e31\u0e01 \u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e32\u0e41\u0e25\u0e30\u0e20\u0e32\u0e1e\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2a\u0e35\u0e42\u0e1a\u0e23\u0e32\u0e13<\/strong> \u0e44\u0e21\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e2b\u0e34\u0e19 \u0e1f\u0e2d\u0e2a\u0e0b\u0e34\u0e25 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e19\u0e33\u0e02\u0e22\u0e30\u0e17\u0e38\u0e01\u0e0a\u0e34\u0e49\u0e19\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/span>\r\n          <span class=\"lang-en\"><strong>No carving, scratching, painting, or marking on any sandstone wall or ancient rock art.<\/strong> Do not collect rocks, fossils, or natural specimens. Carry all waste out of the area.<\/span>\r\n        <\/p>\r\n        <div class=\"guide-foot danger\">\r\n          <i data-lucide=\"shield-alert\" style=\"width:13px;height:13px;\"><\/i>\r\n          <span class=\"lang-th\">\u0e2d\u0e19\u0e38\u0e23\u0e31\u0e01\u0e29\u0e4c\u0e21\u0e23\u0e14\u0e01\u0e18\u0e23\u0e13\u0e35<\/span><span class=\"lang-en\">Protect the Heritage<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"guide-card reveal reveal-delay-2\">\r\n        <div class=\"guide-badge safe\"><i data-lucide=\"shield-check\" style=\"width:20px;height:20px;\"><\/i><\/div>\r\n        <div class=\"guide-title\">\r\n          <span class=\"lang-th\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span>\r\n          <span class=\"lang-en\">Access Permits Required<\/span>\r\n        <\/div>\r\n        <p class=\"guide-body\">\r\n          <span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 <strong>\u0e1c\u0e32\u0e42\u0e2a\u0e01 (\u0e08\u0e32\u0e01\u0e38\u0e0a\u0e0a\u0e35\u0e48\u0e25\u0e2d\u0e22\u0e1f\u0e49\u0e32)<\/strong> \u0e08\u0e33\u0e01\u0e31\u0e14 <strong>100 \u0e04\u0e19\u0e15\u0e48\u0e2d\u0e27\u0e31\u0e19<\/strong> \u0e15\u0e49\u0e2d\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e13 \u0e17\u0e35\u0e48\u0e17\u0e33\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e1c\u0e32\u0e41\u0e15\u0e49\u0e21<\/span>\r\n          <span class=\"lang-en\"><strong>Pha Sok Natural Jacuzzi<\/strong> is strictly limited to <strong>100 visitors per day<\/strong>. Present official ID to apply for an entry permit at Pha Taem National Park Head Office.<\/span>\r\n        <\/p>\r\n        <div class=\"guide-foot safe\">\r\n          <i data-lucide=\"shield-alert\" style=\"width:13px;height:13px;\"><\/i>\r\n          <span class=\"lang-th\">\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19<\/span><span class=\"lang-en\">Follow Park Regulations<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"contact\" class=\"section-contact\">\r\n  <div class=\"container\">\r\n    <div class=\"contact-header reveal\">\r\n      <span class=\"section-eyebrow\">Contact Geopark<\/span>\r\n      <h2 class=\"section-title\">\r\n        <span class=\"lang-th\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07<em>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/em>\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/span>\r\n        <span class=\"lang-en\">Official <em>Contact<\/em> Channels<\/span>\r\n      <\/h2>\r\n      <p class=\"section-desc\" style=\"color:rgba(250,248,244,0.5);font-size:14px;line-height:1.8;margin-top:16px;\">\r\n        <span class=\"lang-th\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e04\u0e13\u0e30\u0e19\u0e31\u0e01\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e37\u0e48\u0e2d\u0e21\u0e27\u0e25\u0e0a\u0e19 \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19 \u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e15\u0e48\u0e32\u0e07 \u0e46<\/span>\r\n        <span class=\"lang-en\">For institutions, educational groups, tour operators, media agencies, or researchers seeking information, coordination, or official permits.<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-cards reveal reveal-delay-1\">\r\n      <div class=\"contact-card\">\r\n        <div class=\"contact-icon\"><i data-lucide=\"mail\" style=\"width:22px;height:22px;\"><\/i><\/div>\r\n        <div class=\"contact-type\">Email Address<\/div>\r\n        <a href=\"mailto:kongsabubon@gmail.com\" class=\"contact-value\">kongsabubon@gmail.com<\/a>\r\n      <\/div>\r\n      <div class=\"contact-card\">\r\n        <div class=\"contact-icon\"><i data-lucide=\"phone\" style=\"width:22px;height:22px;\"><\/i><\/div>\r\n        <div class=\"contact-type\">Hotline<\/div>\r\n        <a href=\"tel:045210909\" class=\"contact-value\">045-210-909<\/a>\r\n        <p class=\"contact-note\">\r\n          <span class=\"lang-th\">\u0e01\u0e2d\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21 \u0e2d\u0e1a\u0e08.\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/span>\r\n          <span class=\"lang-en\">Dept. of Natural Resources, Ubon PAO<\/span>\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"contact-card\">\r\n        <div class=\"contact-icon\"><i data-lucide=\"facebook\" style=\"width:22px;height:22px;\"><\/i><\/div>\r\n        <div class=\"contact-type\">Official Facebook<\/div>\r\n        <a href=\"https:\/\/www.facebook.com\/Geopark.ubon\" target=\"_blank\" class=\"contact-value\" style=\"color:var(--rust-light);\">Ubon Geopark Page<\/a>\r\n        <p class=\"contact-note\">facebook.com\/Geopark.ubon<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<footer class=\"site-footer\">\r\n  <div class=\"footer-top\">\r\n    <div class=\"footer-brand\">\r\n      <div class=\"footer-brand-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/ubongeopark.org\/geopark\/wp-content\/uploads\/2025\/08\/cropped-cropped-cropped-cropped-42cf9823-b5f1-4d7d-b2d7-20be9fd996ae-e1755489177682-1-1-e1779091918702.png\" alt=\"Ubon Geopark\">\r\n        <span class=\"footer-brand-name\">\r\n          <span class=\"lang-th\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/span>\r\n          <span class=\"lang-en\">Ubon Ratchathani Geopark<\/span>\r\n        <\/span>\r\n      <\/div>\r\n      <p class=\"footer-brand-desc\">\r\n        <span class=\"lang-th\">\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e0a\u0e34\u0e07\u0e2d\u0e19\u0e38\u0e23\u0e31\u0e01\u0e29\u0e4c \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e41\u0e25\u0e30\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c\u0e21\u0e23\u0e14\u0e01\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e17\u0e35\u0e48\u0e17\u0e23\u0e07\u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e25\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/span>\r\n        <span class=\"lang-en\">Advancing green eco-tourism, supporting community economies, and safeguarding the world's precious geological heritage for a sustainable future.<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-col\">\r\n      <h5><span class=\"lang-th\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e40\u0e14\u0e48\u0e19<\/span><span class=\"lang-en\">Highlights<\/span><\/h5>\r\n      <ul>\r\n        <li><span class=\"lang-th\">\u0e2a\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e42\u0e1a\u0e01 \u2014 \u0e01\u0e38\u0e21\u0e20\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e42\u0e02\u0e07<\/span><span class=\"lang-en\">Sam Phan Bok Potholes<\/span><\/li>\r\n        <li><span class=\"lang-th\">\u0e1c\u0e32\u0e41\u0e15\u0e49\u0e21 \u2014 \u0e20\u0e32\u0e1e\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2a\u0e35\u0e42\u0e1a\u0e23\u0e32\u0e13<\/span><span class=\"lang-en\">Pha Taem Rock Art<\/span><\/li>\r\n        <li><span class=\"lang-th\">\u0e40\u0e2a\u0e32\u0e40\u0e09\u0e25\u0e35\u0e22\u0e07\u0e22\u0e31\u0e01\u0e29\u0e4c \u2014 \u0e40\u0e2a\u0e32\u0e2b\u0e34\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e2a\u0e38\u0e14<\/span><span class=\"lang-en\">Giant Earth Pillar<\/span><\/li>\r\n        <li><span class=\"lang-th\">\u0e1c\u0e32\u0e0a\u0e30\u0e19\u0e30\u0e44\u0e14 \u2014 \u0e08\u0e38\u0e14\u0e0a\u0e21\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e02\u0e36\u0e49\u0e19<\/span><span class=\"lang-en\">Pha Chanadai Sunrise Point<\/span><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"footer-col\">\r\n      <h5><span class=\"lang-th\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/span><span class=\"lang-en\">Contact<\/span><\/h5>\r\n      <p><span class=\"lang-th\">\u0e01\u0e2d\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21 \u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/span><span class=\"lang-en\">Department of Natural Resources & Environment, Ubon Ratchathani PAO<\/span><\/p>\r\n      <p>kongsabubon@gmail.com<\/p>\r\n      <p>045-210-909<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\" style=\"max-width:1240px;margin:0 auto;\">\r\n    <span class=\"footer-copy\">\u00a9 2026 Ubon Ratchathani Geopark \u2014 UNESCO Aspiring Global Geopark<\/span>\r\n    <div class=\"footer-links\">\r\n      <a href=\"https:\/\/ubongeopark.org\/geopark\/index\/\" target=\"_blank\">Travel Info<\/a>\r\n      <a href=\"https:\/\/ubongeopark.org\/geopark\/research\/\" target=\"_blank\">Research<\/a>\r\n      <a href=\"https:\/\/www.facebook.com\/Geopark.ubon\" target=\"_blank\">Facebook<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  \/\/ Init Lucide icons\r\n  if (typeof lucide !== 'undefined') lucide.createIcons();\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    if (typeof lucide !== 'undefined') lucide.createIcons();\r\n  });\r\n\r\n  \/\/ Language toggle\r\n  function toggleLanguage(lang) {\r\n    const root = document.getElementById('geopark-root');\r\n    const btnTh = document.getElementById('lang-btn-th');\r\n    const btnEn = document.getElementById('lang-btn-en');\r\n    if (lang === 'en') {\r\n      root.classList.add('lang-active-en');\r\n      btnEn.classList.add('active');\r\n      btnTh.classList.remove('active');\r\n    } else {\r\n      root.classList.remove('lang-active-en');\r\n      btnTh.classList.add('active');\r\n      btnEn.classList.remove('active');\r\n    }\r\n  }\r\n\r\n  \/\/ Scroll reveal\r\n  const reveals = document.querySelectorAll('.reveal');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n  reveals.forEach(el => observer.observe(el));\r\n\r\n  \/\/ Header scroll effect\r\n  const header = document.querySelector('.site-header');\r\n  window.addEventListener('scroll', () => {\r\n    if (window.scrollY > 60) {\r\n      header.style.background = 'rgba(250,248,244,0.97)';\r\n      header.style.boxShadow = '0 4px 24px rgba(14,13,11,0.06)';\r\n    } else {\r\n      header.style.background = 'rgba(250,248,244,0.88)';\r\n      header.style.boxShadow = 'none';\r\n    }\r\n  });\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 \u2014 Ubon Ratchathani Geopark \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37215","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/37215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/comments?post=37215"}],"version-history":[{"count":19,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/37215\/revisions"}],"predecessor-version":[{"id":37236,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/37215\/revisions\/37236"}],"wp:attachment":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/media?parent=37215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}