{"id":1041,"date":"2026-03-11T18:13:18","date_gmt":"2026-03-11T11:13:18","guid":{"rendered":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/?page_id=1041"},"modified":"2026-03-12T06:51:41","modified_gmt":"2026-03-11T23:51:41","slug":"p-news-announcement","status":"publish","type":"page","link":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/p-news-announcement\/","title":{"rendered":"p-news-announcement-\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28"},"content":{"rendered":"\n<style>\r\n\/* \u0e0b\u0e48\u0e2d\u0e19 Astra Header \u2014 \u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49 Wanon Nav \u0e41\u0e17\u0e19 *\/\r\n.site-header, #masthead { display:none !important; }\r\n\r\n\/* ASTRA FULL-WIDTH OVERRIDE *\/\r\n.ast-container,.site-content > .ast-container,#content .ast-container,.content-area,#primary,.site-main,.ast-article-single,.entry-content,\r\nbody.ast-plain-container .ast-container,body.ast-plain-container #content,body.ast-plain-container .content-area,body.ast-plain-container #primary,body.ast-plain-container .site-main,body.ast-plain-container .ast-article-single,body.ast-plain-container .entry-content,\r\nbody.ast-separate-container .ast-container,body.ast-separate-container #content,body.ast-separate-container #primary,body.ast-separate-container .content-area,body.ast-separate-container .site-main,body.ast-separate-container .ast-article-single,body.ast-separate-container .entry-content,\r\nbody.ast-no-sidebar .ast-container,body.ast-no-sidebar #content,body.ast-no-sidebar .entry-content,\r\n.ast-page-builder-template .site-content,.ast-page-builder-template .ast-container,.ast-page-builder-template .entry-content,\r\n.ast-full-width-layout .site-content,.ast-full-width-layout .ast-container,.ast-full-width-layout .entry-content{max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;}\r\n.ast-article-single,.entry-content,.ast-article-single .entry-content{padding:0 !important;margin:0 auto !important;max-width:100% !important;width:100% !important;}\r\nbody.ast-separate-container .ast-article-single{padding:0 !important;margin:0 !important;background:transparent !important;}\r\n.entry-content > *,.entry-content .wp-block-group,.entry-content .wp-block-html,.entry-content .alignfull,.entry-content .alignwide{max-width:100% !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}\r\n.ast-plain-container .site-main,.ast-plain-container .ast-article-single{overflow-x:visible;}\r\n\r\n\/* =========================================================\r\n   GOOGLE FONT : KANIT\r\n   ========================================================= *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY SYSTEM + DESIGN TOKENS\r\n   ========================================================= *\/\r\n:root{\r\n  \/* ================================================\r\n     \u0e42\u0e17\u0e19\u0e2a\u0e35\u0e2b\u0e25\u0e31\u0e01 4 \u0e2a\u0e35 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e01\u0e23\u0e21\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\r\n     ================================================ *\/\r\n\r\n  \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e42\u0e17\u0e19\u0e40\u0e02\u0e49\u0e21: \u0e2a\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Header, Footer, \u0e1b\u0e38\u0e48\u0e21 *\/\r\n  --wanon-green-dark:#2e753a;\r\n  --wanon-green-dark-rgb:46,117,58;\r\n\r\n  \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e42\u0e17\u0e19\u0e2d\u0e48\u0e2d\u0e19: \u0e2a\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Accent, Link, Hover *\/\r\n  --wanon-green:#5bba47;\r\n  --wanon-green-rgb:91,186,71;\r\n\r\n  \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e42\u0e17\u0e19\u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e32\u0e01: \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 Card, Badge, Chip *\/\r\n  --wanon-green-soft:#eaf6e7;\r\n\r\n  \/* \u0e2a\u0e35\u0e2a\u0e49\u0e21: Accent \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Call-to-Action, Highlight *\/\r\n  --wanon-orange:#f89831;\r\n  --wanon-orange-rgb:248,152,49;\r\n\r\n  \/* \u0e2a\u0e35\u0e02\u0e32\u0e27\u0e41\u0e25\u0e30 Neutral *\/\r\n  --wanon-white:#ffffff;\r\n  --wanon-cream:#fcf7f1;\r\n  --wanon-text:#253222;\r\n  --wanon-muted:#5a6b57;\r\n  --wanon-line:#deeadf;\r\n\r\n  \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07, \u0e40\u0e07\u0e32, \u0e02\u0e19\u0e32\u0e14 *\/\r\n  --wanon-radius:18px;\r\n  --wanon-radius-lg:28px;\r\n  --wanon-shadow:0 10px 30px rgba(0,0,0,.08);\r\n  --wanon-shadow-lg:0 24px 60px rgba(0,0,0,.14);\r\n  --wanon-max:1200px;\r\n}\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\nbody,\r\nbutton,\r\ninput,\r\ntextarea,\r\nselect{\r\n  font-family:'Kanit',sans-serif !important;\r\n  color:var(--wanon-text);\r\n  font-size:16px;\r\n  line-height:1.75;\r\n  font-weight:400;\r\n}\r\n\r\nh1,h2,h3,h4,h5,h6{\r\n  font-family:'Kanit',sans-serif !important;\r\n  color:var(--wanon-green-dark);\r\n  margin:0 0 14px;\r\n  line-height:1.3;\r\n}\r\n\r\nh1{font-size:clamp(2rem,4vw,3.4rem);font-weight:800;}\r\nh2{font-size:clamp(1.65rem,3vw,2.5rem);font-weight:700;}\r\nh3{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;}\r\nh4{font-size:1.1rem;font-weight:600;}\r\nh5{font-size:1rem;font-weight:600;}\r\nh6{font-size:.95rem;font-weight:600;}\r\n\r\np{margin:0 0 14px;}\r\nsmall{font-weight:300;}\r\n\r\n.wanon-title{\r\n  font-size:clamp(1.8rem,3vw,2.6rem);\r\n  font-weight:800;\r\n  line-height:1.25;\r\n  color:var(--wanon-green-dark);\r\n  margin:0 0 12px;\r\n}\r\n\r\n.wanon-subtitle{\r\n  font-size:1rem;\r\n  line-height:1.8;\r\n  color:var(--wanon-muted);\r\n  margin:0;\r\n}\r\n\r\n.wanon-kicker{\r\n  display:inline-block;\r\n  margin:0 0 12px;\r\n  padding:8px 14px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.72);\r\n  \/* \u0e02\u0e2d\u0e1a\u0e43\u0e0a\u0e49\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e15\u0e32\u0e21\u0e2a\u0e35\u0e01\u0e23\u0e21\u0e2f *\/\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.14);\r\n  color:var(--wanon-green-dark);\r\n  font-size:.92rem;\r\n  font-weight:700;\r\n  letter-spacing:.01em;\r\n}\r\n\r\n\/* =========================================================\r\n   GLOBAL LAYOUT\r\n   ========================================================= *\/\r\n.wanon-section{\r\n  padding:64px 20px;\r\n}\r\n\r\n.wanon-section-sm{\r\n  padding:36px 20px;\r\n}\r\n\r\n.wanon-container{\r\n  max-width:var(--wanon-max);\r\n  margin:0 auto;\r\n}\r\n\r\n.wanon-grid{\r\n  display:grid;\r\n  gap:24px;\r\n}\r\n\r\n@media (min-width:768px){\r\n  .wanon-grid-2{grid-template-columns:repeat(2,1fr);}\r\n  .wanon-grid-3{grid-template-columns:repeat(3,1fr);}\r\n  .wanon-grid-4{grid-template-columns:repeat(4,1fr);}\r\n}\r\n\r\n.wanon-card{\r\n  background:var(--wanon-white);\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n  border-radius:var(--wanon-radius);\r\n  box-shadow:var(--wanon-shadow);\r\n  padding:24px;\r\n}\r\n\r\n.wanon-section-head{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:end;\r\n  gap:16px;\r\n  flex-wrap:wrap;\r\n  margin-bottom:24px;\r\n}\r\n\r\n.wanon-section-link{\r\n  text-decoration:none;\r\n  color:var(--wanon-green);\r\n  font-weight:700;\r\n}\r\n\r\n.wanon-section-link:hover{\r\n  text-decoration:underline;\r\n}\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n.wanon-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  padding:13px 22px;\r\n  border-radius:999px;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  transition:.25s ease;\r\n}\r\n\r\n.wanon-btn-primary{\r\n  \/* \u0e1b\u0e38\u0e48\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e0a\u0e49\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22 *\/\r\n  background:var(--wanon-green-dark);\r\n  color:#fff;\r\n  box-shadow:0 12px 28px rgba(var(--wanon-green-dark-rgb),.30);\r\n}\r\n\r\n.wanon-btn-primary:hover{\r\n  background:var(--wanon-green);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.wanon-btn-outline{\r\n  background:#fff;\r\n  color:var(--wanon-green-dark);\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.20);\r\n}\r\n\r\n.wanon-btn-outline:hover{\r\n  background:var(--wanon-green-soft);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================================\r\n   HERO : MINISTRY STYLE ANIMATION\r\n   ========================================================= *\/\r\n.wanon-hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:96px 20px 72px;\r\n  \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 Hero \u0e43\u0e0a\u0e49\u0e42\u0e17\u0e19\u0e2a\u0e35\u0e04\u0e23\u0e35\u0e21-\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e48\u0e2d\u0e19 \u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e2a\u0e35\u0e01\u0e23\u0e21\u0e2f *\/\r\n  background:\r\n    radial-gradient(circle at 20% 20%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 35%),\r\n    linear-gradient(135deg,var(--wanon-cream) 0%, #eef7eb 48%, #e5f3e8 100%);\r\n}\r\n\r\n.wanon-hero::before,\r\n.wanon-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(2px);\r\n  pointer-events:none;\r\n}\r\n\r\n.wanon-hero::before{\r\n  width:620px;\r\n  height:620px;\r\n  \/* \u0e27\u0e07\u0e01\u0e25\u0e21\u0e40\u0e23\u0e37\u0e2d\u0e07\u0e41\u0e2a\u0e07\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21 *\/\r\n  background:radial-gradient(circle, rgba(var(--wanon-green-dark-rgb),.16) 0%, rgba(var(--wanon-green-dark-rgb),0) 68%);\r\n  top:-220px;\r\n  left:-180px;\r\n  animation:wanonFloatA 16s linear infinite;\r\n}\r\n\r\n.wanon-hero::after{\r\n  width:540px;\r\n  height:540px;\r\n  \/* \u0e27\u0e07\u0e01\u0e25\u0e21\u0e40\u0e23\u0e37\u0e2d\u0e07\u0e41\u0e2a\u0e07\u0e2a\u0e35\u0e2a\u0e49\u0e21 *\/\r\n  background:radial-gradient(circle, rgba(var(--wanon-orange-rgb),.18) 0%, rgba(var(--wanon-orange-rgb),0) 70%);\r\n  right:-180px;\r\n  bottom:-220px;\r\n  animation:wanonFloatB 18s linear infinite;\r\n}\r\n\r\n@keyframes wanonFloatA{\r\n  0%{transform:translate(0,0) scale(1);}\r\n  50%{transform:translate(80px,40px) scale(1.08);}\r\n  100%{transform:translate(0,0) scale(1);}\r\n}\r\n@keyframes wanonFloatB{\r\n  0%{transform:translate(0,0) scale(1);}\r\n  50%{transform:translate(-70px,-50px) scale(1.06);}\r\n  100%{transform:translate(0,0) scale(1);}\r\n}\r\n\r\n.wanon-hero-grid{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  gap:28px;\r\n  align-items:center;\r\n}\r\n\r\n@media (min-width:900px){\r\n  .wanon-hero-grid{\r\n    grid-template-columns:1.15fr .85fr;\r\n  }\r\n}\r\n\r\n.wanon-hero-box{\r\n  position:relative;\r\n  background:rgba(255,255,255,.74);\r\n  border:1px solid rgba(255,255,255,.45);\r\n  backdrop-filter:blur(8px);\r\n  border-radius:var(--wanon-radius-lg);\r\n  box-shadow:var(--wanon-shadow-lg);\r\n  padding:42px 30px;\r\n}\r\n\r\n.wanon-hero-title{\r\n  font-size:clamp(2.1rem,4vw,3.5rem);\r\n  line-height:1.18;\r\n  font-weight:800;\r\n  margin:0 0 14px;\r\n  color:var(--wanon-green-dark);\r\n}\r\n\r\n.wanon-hero-desc{\r\n  font-size:1.05rem;\r\n  line-height:1.85;\r\n  color:var(--wanon-muted);\r\n  max-width:60ch;\r\n}\r\n\r\n.wanon-hero-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:22px;\r\n}\r\n\r\n.wanon-hero-stats{\r\n  display:grid;\r\n  gap:16px;\r\n  margin-top:28px;\r\n}\r\n\r\n@media (min-width:640px){\r\n  .wanon-hero-stats{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n.wanon-hero-stat{\r\n  background:rgba(255,255,255,.86);\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n  border-radius:16px;\r\n  padding:14px 16px;\r\n}\r\n\r\n.wanon-hero-stat strong{\r\n  display:block;\r\n  font-size:1.25rem;\r\n  font-weight:800;\r\n  color:var(--wanon-green-dark);\r\n}\r\n\r\n.wanon-hero-stat span{\r\n  display:block;\r\n  margin-top:2px;\r\n  font-size:.9rem;\r\n  color:var(--wanon-muted);\r\n}\r\n\r\n.wanon-hero-panel{\r\n  position:relative;\r\n  min-height:320px;\r\n}\r\n\r\n.wanon-orb{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  animation:wanonOrb 12s ease-in-out infinite;\r\n}\r\n\r\n.wanon-orb-1{\r\n  width:220px;height:220px;\r\n  top:12%;left:10%;\r\n  background:radial-gradient(circle, rgba(var(--wanon-green-dark-rgb),.26) 0%, rgba(var(--wanon-green-dark-rgb),0) 72%);\r\n}\r\n.wanon-orb-2{\r\n  width:170px;height:170px;\r\n  top:0;right:16%;\r\n  \/* Orb \u0e2a\u0e35\u0e2a\u0e49\u0e21\u0e41\u0e17\u0e19\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e40\u0e14\u0e34\u0e21 *\/\r\n  background:radial-gradient(circle, rgba(var(--wanon-orange-rgb),.28) 0%, rgba(var(--wanon-orange-rgb),0) 72%);\r\n  animation-delay:1.5s;\r\n}\r\n.wanon-orb-3{\r\n  width:260px;height:260px;\r\n  bottom:0;right:0;\r\n  background:radial-gradient(circle, rgba(var(--wanon-green-rgb),.20) 0%, rgba(var(--wanon-green-rgb),0) 72%);\r\n  animation-delay:3s;\r\n}\r\n\r\n@keyframes wanonOrb{\r\n  0%,100%{transform:translateY(0) translateX(0);}\r\n  50%{transform:translateY(-14px) translateX(8px);}\r\n}\r\n\r\n.wanon-hero-info{\r\n  position:absolute;\r\n  inset:auto 0 0 auto;\r\n  width:min(100%,420px);\r\n  background:rgba(255,255,255,.9);\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.12);\r\n  border-radius:24px;\r\n  box-shadow:var(--wanon-shadow-lg);\r\n  padding:24px;\r\n}\r\n\r\n.wanon-hero-info h3{\r\n  margin:0 0 10px;\r\n}\r\n\r\n.wanon-hero-info ul{\r\n  margin:0;\r\n  padding-left:18px;\r\n}\r\n\r\n.wanon-hero-info li{\r\n  margin:0 0 8px;\r\n  color:var(--wanon-muted);\r\n}\r\n\r\n\/* ======== HERO 1 CLEAN (\u0e20\u0e32\u0e1e\u0e40\u0e15\u0e47\u0e21\u0e15\u0e32 \u0e44\u0e21\u0e48\u0e1a\u0e31\u0e07) ======== *\/\r\n.wanon-hero-clean {\r\n  padding: 80px 20px 40px;\r\n}\r\n.wanon-hero-main-grid {\r\n  display: grid;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n@media (min-width: 992px) {\r\n  .wanon-hero-main-grid {\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n.wanon-hero-content-left {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n.wanon-hero-mission-list {\r\n  margin: 24px 0 32px 0;\r\n}\r\n.wanon-hero-mission-list li {\r\n  margin: 0 0 12px;\r\n  font-size: 1.05rem;\r\n  color: var(--wanon-text);\r\n  font-weight: 500;\r\n}\r\n.wanon-hero-image-right {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 2;\r\n}\r\n.wanon-hero-image-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  border-radius: 32px;\r\n  overflow: hidden;\r\n  box-shadow: 0 24px 60px rgba(var(--wanon-green-dark-rgb),0.15);\r\n  border: 8px solid rgba(255,255,255,0.7);\r\n  transform: perspective(1000px) rotateY(-3deg);\r\n  transition: transform 0.5s ease;\r\n}\r\n.wanon-hero-image-wrapper:hover {\r\n  transform: perspective(1000px) rotateY(0deg) translateY(-8px);\r\n}\r\n.wanon-hero-image-wrapper img {\r\n  width: 100%;\r\n  aspect-ratio: 4\/3;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n.wanon-hero-bottom-stats {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: grid;\r\n  gap: 20px;\r\n  margin-top: 60px;\r\n}\r\n@media (min-width: 768px) {\r\n  .wanon-hero-bottom-stats {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n.wanon-stat-card-clean {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  background: rgba(255,255,255,0.95);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(var(--wanon-green-dark-rgb), 0.08);\r\n  border-radius: 20px;\r\n  padding: 24px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.wanon-stat-card-clean:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.08);\r\n}\r\n.wanon-stat-icon-clean {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.8rem;\r\n  flex-shrink: 0;\r\n}\r\n.wanon-stat-text-clean strong {\r\n  display: block;\r\n  font-size: 1.15rem;\r\n  font-weight: 800;\r\n  color: var(--wanon-green-dark);\r\n  line-height: 1.2;\r\n}\r\n.wanon-stat-text-clean span {\r\n  display: block;\r\n  font-size: 0.9rem;\r\n  color: var(--wanon-muted);\r\n  line-height: 1.4;\r\n  margin-top: 4px;\r\n}\r\n\r\nul.wanon-check-list {\r\n  list-style: none;\r\n  padding-left: 0;\r\n}\r\nul.wanon-check-list li {\r\n  position: relative;\r\n  padding-left: 32px;\r\n  margin: 0 0 10px;\r\n  color: var(--wanon-muted);\r\n}\r\nul.wanon-check-list li::before {\r\n  content: '\u2713';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 2px;\r\n  width: 22px;\r\n  height: 22px;\r\n  background: var(--wanon-green-soft);\r\n  color: var(--wanon-green-dark);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 13px;\r\n  font-weight: bold;\r\n}\r\n\r\n\/* \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e19 Hero2 (V2 \u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e04\u0e25\u0e37\u0e48\u0e19\u0e21\u0e34\u0e15\u0e34 3D) *\/\r\n.wanon-hero-image-v2 {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u0e01\u0e23\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e 3D *\/\r\n.wanon-hero-img-3d {\r\n  position: relative;\r\n  border-radius: 36px;\r\n  overflow: hidden;\r\n  box-shadow: 0 40px 80px rgba(0,0,0,0.12);\r\n  border: 8px solid rgba(255,255,255,0.6);\r\n  transform: perspective(1000px) rotateY(-5deg);\r\n  transition: transform 0.5s ease;\r\n  width: 100%;\r\n  max-width: 500px;\r\n}\r\n\r\n.wanon-hero-img-3d:hover {\r\n  transform: perspective(1000px) rotateY(0deg) translateY(-10px);\r\n}\r\n\r\n.wanon-hero-img-3d img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: cover;\r\n  min-height: 400px; \/* \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e2b\u0e19\u0e48\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e1e\u0e2d\u0e07\u0e32\u0e21 *\/\r\n}\r\n\r\n\/* Gradient Overlay \u0e1a\u0e19\u0e23\u0e39\u0e1b *\/\r\n.wanon-hero-img-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(0deg, rgba(var(--wanon-green-dark-rgb),0.3) 0%, rgba(0,0,0,0) 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Floating Card \u0e25\u0e2d\u0e22\u0e17\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n.wanon-hero-floating-card {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: -20px;\r\n  background: rgba(255,255,255,0.95);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  padding: 18px 24px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n  border: 1px solid rgba(255,255,255,1);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  animation: wanonFloatB 8s ease-in-out infinite;\r\n  z-index: 3;\r\n}\r\n\r\n.wanon-floating-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background: var(--wanon-green-soft);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.wanon-floating-text-small {\r\n  display: block;\r\n  font-size: 0.85rem;\r\n  color: var(--wanon-muted);\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.wanon-floating-text-large {\r\n  display: block;\r\n  font-size: 1.15rem;\r\n  color: var(--wanon-green-dark);\r\n  line-height: 1;\r\n}\r\n\r\n\/* \u0e02\u0e2d\u0e07\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e27\u0e07\u0e01\u0e25\u0e21\u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 (\u0e25\u0e2d\u0e22\u0e2b\u0e25\u0e31\u0e07\u0e23\u0e39\u0e1b) *\/\r\n.wanon-hero-dot-bg {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: -20px;\r\n  width: 100px;\r\n  height: 100px;\r\n  background: radial-gradient(circle, var(--wanon-orange) 10%, transparent 11%);\r\n  background-size: 14px 14px;\r\n  opacity: 0.4;\r\n  z-index: -1;\r\n  animation: wanonFloatA 10s ease-in-out infinite;\r\n}\r\n\r\n\/* Quick Stats (\u0e40\u0e0a\u0e47\u0e04\u0e16\u0e39\u0e01) *\/\r\n.wanon-quick-stats {\r\n  display: flex;\r\n  gap: 24px;\r\n  flex-wrap: wrap;\r\n  margin-top: 10px;\r\n}\r\n\r\n.wanon-stat-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.wanon-stat-icon-green {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  background: var(--wanon-green-soft);\r\n  color: var(--wanon-green-dark);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: bold;\r\n}\r\n\r\n.wanon-stat-icon-orange {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  background: rgba(var(--wanon-orange-rgb), 0.15);\r\n  color: var(--wanon-orange);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: bold;\r\n}\r\n\r\n.wanon-stat-text {\r\n  color: var(--wanon-text);\r\n  font-size: 0.95rem;\r\n  font-weight: bold;\r\n}\r\n\/* =========================================================\r\n   STICKY MEGA MENU\r\n   ========================================================= *\/\r\n.wanon-nav-wrap{\r\n  position:sticky;\r\n  top:0;\r\n  z-index:999;\r\n  padding:10px 20px;\r\n  \/* Gradient \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 Nav \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e40\u0e1a\u0e32\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 Nav \u0e14\u0e39\u0e40\u0e14\u0e48\u0e19\u0e2a\u0e32\u0e22\u0e15\u0e32\u0e21\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c *\/\r\n  background:linear-gradient(180deg,rgba(var(--wanon-green-dark-rgb),.96) 0%, rgba(var(--wanon-green-dark-rgb),.92) 100%);\r\n  backdrop-filter:blur(12px);\r\n  box-shadow:0 4px 24px rgba(var(--wanon-green-dark-rgb),.25);\r\n}\r\n\r\n.wanon-mega-nav{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n  max-width:var(--wanon-max);\r\n  margin:0 auto;\r\n  position:relative;\r\n}\r\n\r\n\/* \u0e42\u0e25\u0e42\u0e01\u0e49 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 + \u0e0a\u0e37\u0e48\u0e2d *\/\r\n.wanon-brand{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  text-decoration:none;\r\n  color:#fff;\r\n  font-weight:800;\r\n  font-size:1.05rem;\r\n  white-space:nowrap;\r\n  letter-spacing:.01em;\r\n}\r\n\r\n.wanon-brand-logo{\r\n  height:44px;\r\n  width:auto;\r\n  object-fit:contain;\r\n}\r\n.wanon-brand-text{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n.wanon-brand-text-sub{\r\n  font-size:0.75rem;\r\n  line-height:1;\r\n  font-weight:400;\r\n  color:rgba(255,255,255,0.85);\r\n}\r\n.wanon-brand-text-main{\r\n  font-size:1.1rem;\r\n  line-height:1.2;\r\n}\r\n\r\n\/* \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e21\u0e19\u0e39 *\/\r\n.wanon-menu{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:4px;\r\n}\r\n\r\n.wanon-menu-item{\r\n  position:relative;\r\n}\r\n\r\n\/* \u0e25\u0e34\u0e07\u0e04\u0e4c\u0e40\u0e21\u0e19\u0e39\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21 *\/\r\n.wanon-menu-link{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:5px;\r\n  text-decoration:none;\r\n  color:rgba(255,255,255,.92);\r\n  font-weight:600;\r\n  font-size:.95rem;\r\n  padding:9px 14px;\r\n  border-radius:10px;\r\n  white-space:nowrap;\r\n  transition:background .2s ease, color .2s ease;\r\n  position:relative;\r\n}\r\n\r\n\/* \u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49\u0e41\u0e1a\u0e1a Animate \u0e2a\u0e35\u0e2a\u0e49\u0e21 *\/\r\n.wanon-menu-link::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:4px;\r\n  left:14px;\r\n  right:14px;\r\n  height:2px;\r\n  background:var(--wanon-orange);\r\n  border-radius:999px;\r\n  transform:scaleX(0);\r\n  transition:transform .22s ease;\r\n}\r\n\r\n.wanon-menu-link:hover::after,\r\n.wanon-menu-item:hover > .wanon-menu-link::after{\r\n  transform:scaleX(1);\r\n}\r\n\r\n.wanon-menu-link:hover,\r\n.wanon-menu-item:hover > .wanon-menu-link{\r\n  background:rgba(255,255,255,.12);\r\n  color:#fff;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21 CTA \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32 \u0e2a\u0e35\u0e2a\u0e49\u0e21 *\/\r\n.wanon-menu-cta{\r\n  background:var(--wanon-orange) !important;\r\n  color:#fff !important;\r\n  border-radius:999px !important;\r\n  padding:9px 18px !important;\r\n  font-weight:700 !important;\r\n  box-shadow:0 4px 16px rgba(var(--wanon-orange-rgb),.35);\r\n  transition:transform .2s ease, box-shadow .2s ease !important;\r\n}\r\n\r\n.wanon-menu-cta:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 8px 20px rgba(var(--wanon-orange-rgb),.45) !important;\r\n}\r\n\r\n.wanon-menu-cta::after{\r\n  display:none !important;\r\n}\r\n\r\n\/* \u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e25\u0e39\u0e01\u0e28\u0e23 *\/\r\n.wanon-chevron{\r\n  font-size:.75rem;\r\n  opacity:.75;\r\n  transition:transform .22s ease;\r\n}\r\n\r\n.wanon-menu-item:hover > .wanon-menu-link .wanon-chevron{\r\n  transform:rotate(180deg);\r\n}\r\n\r\n\/* Mega Panel dropdown *\/\r\n.wanon-mega-panel{\r\n  position:absolute;\r\n  top:calc(100% + 10px);\r\n  left:0;\r\n  min-width:700px;\r\n  max-width:900px;\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transform:translateY(8px);\r\n  transition:opacity .22s ease, transform .22s ease, visibility .22s;\r\n}\r\n\r\n.wanon-menu-item:hover .wanon-mega-panel{\r\n  opacity:1;\r\n  visibility:visible;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u0e01\u0e32\u0e23\u0e4c\u0e14 Dropdown \u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19 *\/\r\n.wanon-mega-card{\r\n  background:#fff;\r\n  border-radius:20px;\r\n  box-shadow:0 20px 60px rgba(0,0,0,.14), 0 0 0 1px rgba(var(--wanon-green-dark-rgb),.07);\r\n  overflow:hidden;\r\n  \/* \u0e40\u0e2a\u0e49\u0e19\u0e2a\u0e35\u0e2a\u0e49\u0e21\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e02\u0e2d\u0e07 Card *\/\r\n  border-top:3px solid var(--wanon-orange);\r\n}\r\n\r\n.wanon-mega-grid{\r\n  display:grid;\r\n  grid-template-columns:1.1fr 1fr 1fr;\r\n}\r\n\r\n.wanon-mega-feature{\r\n  padding:28px 24px;\r\n  background:linear-gradient(160deg,var(--wanon-green-dark) 0%, #3a8f4a 100%);\r\n}\r\n\r\n.wanon-mega-feature h3{\r\n  margin:0 0 10px;\r\n  \/* \u0e2a\u0e35\u0e02\u0e32\u0e27\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21 *\/\r\n  color:#fff;\r\n}\r\n\r\n.wanon-mega-feature p{\r\n  color:rgba(255,255,255,.80);\r\n  line-height:1.7;\r\n  font-size:.95rem;\r\n}\r\n\r\n.wanon-mega-col{\r\n  padding:24px 22px;\r\n  border-left:1px solid rgba(var(--wanon-green-dark-rgb),.07);\r\n}\r\n\r\n.wanon-mega-col h4{\r\n  margin:0 0 14px;\r\n  font-size:.9rem;\r\n  text-transform:uppercase;\r\n  letter-spacing:.06em;\r\n  color:var(--wanon-orange);\r\n}\r\n\r\n.wanon-mega-links{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n}\r\n\r\n.wanon-mega-links li{\r\n  margin:0 0 10px;\r\n}\r\n\r\n\/* \u0e25\u0e34\u0e07\u0e04\u0e4c\u0e43\u0e19 Dropdown \u0e21\u0e35 Arrow \u0e40\u0e25\u0e47\u0e01\u0e46 \u0e40\u0e21\u0e37\u0e48\u0e2d Hover *\/\r\n.wanon-mega-links a{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  text-decoration:none;\r\n  color:var(--wanon-text);\r\n  font-size:.95rem;\r\n  transition:color .18s ease, gap .18s ease;\r\n}\r\n\r\n.wanon-mega-links a::before{\r\n  content:\"\u203a\";\r\n  color:var(--wanon-green);\r\n  font-weight:700;\r\n  font-size:1.1rem;\r\n  line-height:1;\r\n  transition:transform .18s ease;\r\n}\r\n\r\n.wanon-mega-links a:hover{\r\n  color:var(--wanon-green-dark);\r\n  gap:10px;\r\n}\r\n\r\n.wanon-mega-links a:hover::before{\r\n  transform:translateX(3px);\r\n}\r\n\r\n\/* =========================================================\r\n   HAMBURGER BUTTON (Pure CSS - \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 JS)\r\n   \u0e43\u0e0a\u0e49 Checkbox Hack: input:checked \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e21\u0e19\u0e39\r\n   ========================================================= *\/\r\n\r\n\/* \u0e0b\u0e48\u0e2d\u0e19 Checkbox \u0e08\u0e23\u0e34\u0e07\u0e46 \u0e44\u0e21\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 *\/\r\n.wanon-mobile-checkbox{\r\n  display:none;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21 Hamburger 3 \u0e02\u0e35\u0e14 - \u0e0b\u0e48\u0e2d\u0e19\u0e44\u0e27\u0e49\u0e1a\u0e19 Desktop *\/\r\n.wanon-hamburger{\r\n  display:none;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:5px;\r\n  width:40px;\r\n  height:40px;\r\n  border-radius:10px;\r\n  cursor:pointer;\r\n  \/* \u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 *\/\r\n  background:rgba(255,255,255,.12);\r\n  transition:background .2s ease;\r\n  flex-shrink:0;\r\n}\r\n\r\n.wanon-hamburger:hover{\r\n  background:rgba(255,255,255,.22);\r\n}\r\n\r\n\/* \u0e40\u0e2a\u0e49\u0e19 3 \u0e02\u0e35\u0e14\u0e43\u0e19\u0e1b\u0e38\u0e48\u0e21 *\/\r\n.wanon-hamburger span{\r\n  display:block;\r\n  width:22px;\r\n  height:2px;\r\n  background:#fff;\r\n  border-radius:999px;\r\n  transition:transform .3s ease, opacity .3s ease, width .3s ease;\r\n  transform-origin:center;\r\n}\r\n\r\n\/* Animation \u0e40\u0e21\u0e19\u0e39\u0e40\u0e1b\u0e34\u0e14: \u0e40\u0e2a\u0e49\u0e19\u0e1a\u0e19+\u0e25\u0e48\u0e32\u0e07 \u0e2b\u0e21\u0e38\u0e19\u0e40\u0e1b\u0e47\u0e19 X, \u0e40\u0e2a\u0e49\u0e19\u0e01\u0e25\u0e32\u0e07\u0e2b\u0e32\u0e22\u0e44\u0e1b *\/\r\n.wanon-mobile-checkbox:checked ~ .wanon-hamburger span:nth-child(1){\r\n  transform:translateY(7px) rotate(45deg) !important;\r\n}\r\n.wanon-mobile-checkbox:checked ~ .wanon-hamburger span:nth-child(2){\r\n  opacity:0 !important;\r\n  width:0 !important;\r\n}\r\n.wanon-mobile-checkbox:checked ~ .wanon-hamburger span:nth-child(3){\r\n  transform:translateY(-7px) rotate(-45deg) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE MENU (\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d <= 1024px)\r\n   ========================================================= *\/\r\n@media (max-width:1024px){\r\n\r\n  \/* \u0e41\u0e2a\u0e14\u0e07\u0e1b\u0e38\u0e48\u0e21 Hamburger \u0e1a\u0e19 Mobile *\/\r\n  .wanon-hamburger{\r\n    display:flex !important;\r\n  }\r\n\r\n  \/* Nav \u0e2b\u0e25\u0e31\u0e01: \u0e08\u0e31\u0e14\u0e41\u0e19\u0e27\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e2b\u0e49 Logo \u0e2d\u0e22\u0e39\u0e48\u0e0b\u0e49\u0e32\u0e22 Hamburger \u0e2d\u0e22\u0e39\u0e48\u0e02\u0e27\u0e32 *\/\r\n  .wanon-mega-nav{\r\n    flex-wrap:wrap;\r\n    align-items:center;\r\n    gap:0;\r\n  }\r\n\r\n  \/* Logo \u0e01\u0e34\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22 *\/\r\n  .wanon-brand{\r\n    flex:1;\r\n  }\r\n\r\n  \/* \u0e40\u0e21\u0e19\u0e39\u0e0b\u0e48\u0e2d\u0e19\u0e44\u0e27\u0e49\u0e42\u0e14\u0e22\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d Checkbox \u0e16\u0e39\u0e01 check *\/\r\n  .wanon-menu{\r\n    display:none !important;\r\n    flex-direction:column;\r\n    gap:4px;\r\n    width:100%;\r\n    padding:12px 0 4px;\r\n    \/* \u0e40\u0e2a\u0e49\u0e19\u0e04\u0e31\u0e48\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 *\/\r\n    border-top:1px solid rgba(255,255,255,.15);\r\n    margin-top:10px;\r\n  }\r\n\r\n  \/* \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e21\u0e19\u0e39\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 Hamburger *\/\r\n  .wanon-mobile-checkbox:checked ~ .wanon-menu{\r\n    display:flex !important;\r\n  }\r\n\r\n  \/* \u0e25\u0e34\u0e07\u0e04\u0e4c\u0e40\u0e21\u0e19\u0e39\u0e1a\u0e19 Mobile \u0e40\u0e15\u0e47\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07 *\/\r\n  .wanon-menu-item{\r\n    width:100%;\r\n  }\r\n\r\n  .wanon-menu-link{\r\n    width:100%;\r\n    justify-content:space-between;\r\n    padding:12px 16px;\r\n    border-radius:10px;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n\r\n  \/* \u0e25\u0e1a underline animation \u0e1a\u0e19 Mobile *\/\r\n  .wanon-menu-link::after{\r\n    display:none;\r\n  }\r\n\r\n  \/* Dropdown Panel \u0e1a\u0e19 Mobile: \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d hover (\u0e43\u0e0a\u0e49 focus-within \u0e41\u0e17\u0e19 hover) *\/\r\n  .wanon-mega-panel{\r\n    position:static;\r\n    min-width:0;\r\n    max-width:none;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:none;\r\n    max-height:0;\r\n    overflow:hidden;\r\n    transition:opacity .25s ease, max-height .35s ease, visibility .25s;\r\n    padding-top:0;\r\n  }\r\n\r\n  \/* \u0e41\u0e2a\u0e14\u0e07 Dropdown \u0e40\u0e21\u0e37\u0e48\u0e2d hover \u0e1a\u0e19 item *\/\r\n  .wanon-menu-item:hover .wanon-mega-panel{\r\n    opacity:1;\r\n    visibility:visible;\r\n    max-height:600px;\r\n  }\r\n\r\n  \/* Mega Grid \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19 1 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e1a\u0e19 Mobile *\/\r\n  .wanon-mega-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wanon-mega-feature{\r\n    padding:16px 18px;\r\n    border-radius:10px 10px 0 0;\r\n  }\r\n\r\n  .wanon-mega-col{\r\n    border-left:0;\r\n    border-top:1px solid rgba(var(--wanon-green-dark-rgb),.07);\r\n    padding:14px 18px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   ICON SERVICE MENU\r\n   ========================================================= *\/\r\n.wanon-icon-menu-grid{\r\n  display:grid;\r\n  gap:20px;\r\n}\r\n\r\n@media (min-width:768px){\r\n  .wanon-icon-menu-grid{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n@media (min-width:1024px){\r\n  .wanon-icon-menu-grid{\r\n    grid-template-columns:repeat(6,1fr);\r\n  }\r\n}\r\n\r\n.wanon-icon-card{\r\n  display:block;\r\n  text-decoration:none;\r\n  color:var(--wanon-text);\r\n  background:#fff;\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n  border-radius:20px;\r\n  box-shadow:var(--wanon-shadow);\r\n  padding:24px 16px;\r\n  text-align:center;\r\n  transition:transform .25s ease, box-shadow .25s ease;\r\n}\r\n\r\n.wanon-icon-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 16px 36px rgba(0,0,0,.10);\r\n}\r\n\r\n.wanon-icon-badge{\r\n  width:72px;\r\n  height:72px;\r\n  margin:0 auto 16px;\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  \/* Badge \u0e43\u0e0a\u0e49 Gradient \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e48\u0e2d\u0e19\u0e01\u0e23\u0e21\u0e2f *\/\r\n  background:linear-gradient(135deg,var(--wanon-green-soft) 0%, var(--wanon-cream) 100%);\r\n  color:var(--wanon-green-dark);\r\n  font-size:30px;\r\n  font-weight:700;\r\n}\r\n\r\n.wanon-icon-card h3{\r\n  margin:0 0 8px;\r\n  font-size:1rem;\r\n}\r\n\r\n.wanon-icon-card p{\r\n  margin:0;\r\n  font-size:.92rem;\r\n  line-height:1.6;\r\n  color:var(--wanon-muted);\r\n}\r\n\r\n\/* =========================================================\r\n   NEWS \/ QUERY LOOP CARD\r\n   ========================================================= *\/\r\n.wanon-query-wrap{\r\n  max-width:var(--wanon-max);\r\n  margin:0 auto;\r\n  padding:0 20px 64px;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-template{\r\n  display:grid;\r\n  gap:24px;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n@media (min-width:768px){\r\n  .wanon-query-wrap .wp-block-post-template{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post{\r\n  list-style:none;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  box-shadow:var(--wanon-shadow);\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n  transition:.25s ease;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post:hover{\r\n  transform:translateY(-6px);\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-featured-image{\r\n  margin:0;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-featured-image img{\r\n  width:100%;\r\n  height:220px;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-date,\r\n.wanon-query-wrap .wp-block-post-author,\r\n.wanon-query-wrap .wp-block-post-terms{\r\n  font-size:.85rem;\r\n  \/* \u0e43\u0e0a\u0e49\u0e2a\u0e35 muted \u0e15\u0e32\u0e21\u0e2a\u0e35\u0e2a\u0e32\u0e0f\u0e23\u0e30\u0e1a\u0e1a *\/\r\n  color:var(--wanon-muted);\r\n  margin:16px 20px 0;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-title{\r\n  margin:10px 20px 0;\r\n  font-size:1.08rem;\r\n  line-height:1.45;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-title a{\r\n  text-decoration:none;\r\n  color:var(--wanon-green-dark);\r\n}\r\n\r\n.wanon-query-wrap .wp-block-post-excerpt{\r\n  margin:10px 20px 18px;\r\n  color:var(--wanon-muted);\r\n  line-height:1.75;\r\n  font-size:.95rem;\r\n}\r\n\r\n.wanon-query-wrap .wp-block-read-more{\r\n  display:inline-block;\r\n  margin:0 20px 22px;\r\n  text-decoration:none;\r\n  font-weight:700;\r\n  color:var(--wanon-green);\r\n}\r\n\r\n\/* =========================================================\r\n   KNOWLEDGE SECTION + AUTO POSTS\r\n   ========================================================= *\/\r\n.wanon-knowledge{\r\n  background:var(--wanon-cream);\r\n}\r\n\r\n.wanon-knowledge-wrap{\r\n  max-width:var(--wanon-max);\r\n  margin:0 auto;\r\n  padding:0 20px 64px;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-template{\r\n  display:grid;\r\n  gap:24px;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n@media (min-width:768px){\r\n  .wanon-knowledge-wrap .wp-block-post-template{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post{\r\n  list-style:none;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  box-shadow:var(--wanon-shadow);\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-featured-image{\r\n  margin:0;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-featured-image img{\r\n  width:100%;\r\n  height:220px;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-terms{\r\n  margin:16px 20px 0;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-terms a{\r\n  display:inline-block;\r\n  background:var(--wanon-green-soft);\r\n  color:var(--wanon-green-dark);\r\n  text-decoration:none;\r\n  padding:6px 10px;\r\n  border-radius:999px;\r\n  font-size:.82rem;\r\n  font-weight:700;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-title{\r\n  margin:12px 20px 0;\r\n  font-size:1.08rem;\r\n  line-height:1.45;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-title a{\r\n  text-decoration:none;\r\n  color:var(--wanon-green-dark);\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-post-excerpt{\r\n  margin:10px 20px 18px;\r\n  color:var(--wanon-muted);\r\n  line-height:1.75;\r\n  font-size:.95rem;\r\n}\r\n\r\n.wanon-knowledge-wrap .wp-block-read-more{\r\n  display:inline-block;\r\n  margin:0 20px 22px;\r\n  text-decoration:none;\r\n  font-weight:700;\r\n  color:var(--wanon-green);\r\n}\r\n\r\n\/* =========================================================\r\n   DASHBOARD SUMMARY\r\n   ========================================================= *\/\r\n.wanon-dashboard{\r\n  \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 Dashboard \u0e43\u0e0a\u0e49\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e32\u0e01\u0e15\u0e32\u0e21\u0e2a\u0e35\u0e01\u0e23\u0e21\u0e2f *\/\r\n  background:linear-gradient(135deg,var(--wanon-green-soft) 0%, #f5fbf4 100%);\r\n}\r\n\r\n.wanon-dashboard-grid{\r\n  display:grid;\r\n  gap:20px;\r\n}\r\n\r\n@media (min-width:768px){\r\n  .wanon-dashboard-grid{\r\n    grid-template-columns:repeat(4,1fr);\r\n  }\r\n}\r\n\r\n.wanon-stat-card{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n  box-shadow:var(--wanon-shadow);\r\n  padding:24px 20px;\r\n}\r\n\r\n.wanon-stat-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:auto -30px -30px auto;\r\n  width:110px;height:110px;\r\n  border-radius:50%;\r\n  \/* Orb \u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e40\u0e1a\u0e32\u0e46 \u0e43\u0e19 Card *\/\r\n  background:radial-gradient(circle, rgba(var(--wanon-green-dark-rgb),.10) 0%, rgba(var(--wanon-green-dark-rgb),0) 72%);\r\n}\r\n\r\n.wanon-stat-label{\r\n  font-size:.9rem;\r\n  color:var(--wanon-muted);\r\n  margin-bottom:8px;\r\n}\r\n\r\n.wanon-stat-value{\r\n  font-size:2rem;\r\n  line-height:1.1;\r\n  font-weight:800;\r\n  color:var(--wanon-green-dark);\r\n  margin:0 0 8px;\r\n}\r\n\r\n.wanon-stat-note{\r\n  font-size:.92rem;\r\n  color:var(--wanon-muted);\r\n  line-height:1.65;\r\n  margin:0;\r\n}\r\n\r\n.wanon-dashboard-panel{\r\n  margin-top:24px;\r\n  background:#fff;\r\n  border:1px solid rgba(var(--wanon-green-dark-rgb),.09);\r\n  border-radius:24px;\r\n  box-shadow:var(--wanon-shadow);\r\n  padding:26px;\r\n}\r\n\r\n.wanon-mini-bars{\r\n  display:grid;\r\n  gap:16px;\r\n  margin-top:18px;\r\n}\r\n\r\n.wanon-bar-row{\r\n  display:grid;\r\n  gap:10px;\r\n}\r\n\r\n.wanon-bar-row strong{\r\n  font-size:.95rem;\r\n}\r\n\r\n.wanon-bar-track{\r\n  width:100%;\r\n  height:12px;\r\n  \/* Track \u0e43\u0e0a\u0e49\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e32\u0e01\u0e15\u0e32\u0e21\u0e18\u0e35\u0e21 *\/\r\n  background:rgba(var(--wanon-green-dark-rgb),.08);\r\n  border-radius:999px;\r\n  overflow:hidden;\r\n}\r\n\r\n.wanon-bar-fill{\r\n  height:100%;\r\n  border-radius:999px;\r\n  \/* Gradient \u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e48\u0e2d\u0e19 \u2192 \u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e15\u0e32\u0e21\u0e2a\u0e35\u0e01\u0e23\u0e21\u0e2f *\/\r\n  background:linear-gradient(90deg,var(--wanon-green) 0%, var(--wanon-green-dark) 100%);\r\n}\r\n\r\n\/* =========================================================\r\n   07 CONTACT V2 (Redesigned)\r\n   ========================================================= *\/\r\n.wanon-contact-v2-wrap {\r\n  background: linear-gradient(135deg, #fbfdfb 0%, #eef6ef 100%);\r\n  padding: 80px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.wanon-contact-bg-shape {\r\n  position: absolute;\r\n  top: -100px;\r\n  right: -50px;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(var(--wanon-green-rgb), 0.03) 0%, transparent 60%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.wanon-contact-grid {\r\n  display: grid;\r\n  gap: 32px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .wanon-contact-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: stretch;\r\n  }\r\n}\r\n\r\n.wanon-contact-box {\r\n  background: #ffffff;\r\n  border-radius: 32px;\r\n  padding: 48px;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.03);\r\n  border: 1px solid rgba(0,0,0,0.03);\r\n  position: relative;\r\n}\r\n\r\n.wanon-contact-box-glass {\r\n  background: rgba(255,255,255,0.75);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  border: 1px solid rgba(255,255,255,0.9);\r\n  box-shadow: 0 24px 50px rgba(var(--wanon-green-dark-rgb), 0.05);\r\n}\r\n\r\n.wanon-contact-title {\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  color: var(--wanon-green-dark);\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.wanon-contact-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--wanon-muted);\r\n  margin-bottom: 32px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.wanon-contact-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n  gap: 24px;\r\n}\r\n\r\n.wanon-contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n  text-align: left;\r\n  width: 100%;\r\n  gap: 20px;\r\n}\r\n\r\n.wanon-contact-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 16px;\r\n  background: var(--wanon-green-soft);\r\n  color: var(--wanon-green-dark);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.wanon-contact-text {\r\n  text-align: left;\r\n  width: 100%;\r\n}\r\n\r\n.wanon-contact-text strong {\r\n  display: block;\r\n  font-size: 1.1rem;\r\n  color: var(--wanon-text);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.wanon-contact-text span {\r\n  font-size: 0.95rem;\r\n  color: var(--wanon-muted);\r\n  line-height: 1.5;\r\n  display: block;\r\n}\r\n\r\n.wanon-social-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.wanon-social-card {\r\n  background: #ffffff;\r\n  border-radius: 20px;\r\n  padding: 24px 16px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  border: 1px solid rgba(0,0,0,0.04);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.02);\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.wanon-social-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(var(--wanon-green-rgb), 0.1);\r\n  border-color: rgba(var(--wanon-green-rgb), 0.2);\r\n}\r\n\r\n.wanon-social-icon {\r\n  font-size: 2.2rem;\r\n  line-height: 1;\r\n}\r\n\r\n.wanon-social-title {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: var(--wanon-text);\r\n}\r\n\r\n\/* =========================================================\r\n   CSS-ONLY TABS SYSTEM (Radio Hack) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\r\n   ========================================================= *\/\r\n\r\n\/* \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07 Tabs *\/\r\n.wanon-css-tabs-wrapper {\r\n  margin-top: 24px;\r\n}\r\n\r\n\/* \u0e0b\u0e48\u0e2d\u0e19 Radio Inputs \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 *\/\r\n.wanon-tab-radio {\r\n  display: none !important;\r\n}\r\n\r\n\/* 1. \u0e1b\u0e38\u0e48\u0e21 Tabs (Labels) *\/\r\n.wanon-news-tabs-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-bottom: 32px;\r\n  justify-content: center;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .wanon-news-tabs-buttons {\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n.wanon-tab-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 10px 24px;\r\n  background-color: #f1f5f9;\r\n  color: var(--wanon-text);\r\n  font-weight: 500;\r\n  font-size: 0.95rem;\r\n  border-radius: 30px; \/* Pill shape *\/\r\n  border: 1px solid rgba(0,0,0,0.05);\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 4px rgba(0,0,0,0.02);\r\n  cursor: pointer;\r\n}\r\n\r\n.wanon-tab-label:hover {\r\n  background-color: #fff;\r\n  color: var(--wanon-green);\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n  transform: translateY(-2px);\r\n  border-color: rgba(0,0,0,0.1);\r\n}\r\n\r\n.wanon-tab-icon {\r\n  font-size: 1.1rem;\r\n}\r\n\r\n\/* \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e1b\u0e38\u0e48\u0e21 (Active State) \u0e40\u0e21\u0e37\u0e48\u0e2d Checkbox \u0e16\u0e39\u0e01\u0e40\u0e0a\u0e47\u0e04\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e1b\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07 *\/\r\n#wanon-tab-activity:checked ~ .wanon-news-tabs-buttons label[for=\"wanon-tab-activity\"],\r\n#wanon-tab-announcement:checked ~ .wanon-news-tabs-buttons label[for=\"wanon-tab-announcement\"],\r\n#wanon-tab-alert:checked ~ .wanon-news-tabs-buttons label[for=\"wanon-tab-alert\"] {\r\n  background-color: var(--wanon-orange);\r\n  color: #fff;\r\n  border-color: var(--wanon-orange);\r\n  box-shadow: 0 4px 12px rgba(220,104,40,0.3);\r\n}\r\n\r\n\/* 2. \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e2d\u0e07 Tabs (Content Panels) *\/\r\n.wanon-tabs-content-area {\r\n  position: relative;\r\n}\r\n\r\n\/* \u0e0b\u0e48\u0e2d\u0e19\u0e15\u0e31\u0e27\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e42\u0e14\u0e22\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 *\/\r\n.wanon-tab-content-panel {\r\n  display: none;\r\n  animation: wanonFadeInUp 0.4s ease forwards;\r\n}\r\n\r\n\/* \u0e04\u0e35\u0e22\u0e4c\u0e40\u0e1f\u0e23\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e25\u0e39\u0e01\u0e40\u0e25\u0e48\u0e19\u0e40\u0e14\u0e49\u0e07\u0e01\u0e23\u0e30\u0e1e\u0e23\u0e34\u0e1a\u0e19\u0e34\u0e14\u0e46 \u0e15\u0e2d\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 Tab *\/\r\n@keyframes wanonFadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30 Tab \u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e40\u0e25\u0e37\u0e2d\u0e01 *\/\r\n#wanon-tab-activity:checked ~ .wanon-tabs-content-area #wanon-panel-activity,\r\n#wanon-tab-announcement:checked ~ .wanon-tabs-content-area #wanon-panel-announcement,\r\n#wanon-tab-alert:checked ~ .wanon-tabs-content-area #wanon-panel-alert {\r\n  display: block;\r\n}\r\n\r\n\/* =========================================================\r\n   MOCKUP STYLES FOR TAB CONTENTS (\u0e43\u0e0a\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27)\r\n   ========================================================= *\/\r\n.wanon-tab-mockup {\r\n  background: var(--wanon-cream);\r\n  border: 2px dashed rgba(var(--wanon-green-dark-rgb),0.3);\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  text-align: center;\r\n}\r\n\r\n.wanon-tab-mockup-alert {\r\n  background: rgba(var(--wanon-orange-rgb),0.1);\r\n  border: 2px dashed rgba(var(--wanon-orange-rgb),0.5);\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  text-align: center;\r\n}\r\n\r\n.wanon-tab-mockup-title {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.wanon-tab-mockup-title-alert {\r\n  margin-bottom: 10px;\r\n  color: var(--wanon-orange);\r\n}\r\n\r\n.wanon-tab-mockup-desc {\r\n  color: var(--wanon-muted);\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTACT + FOOTER\r\n   ========================================================= *\/\r\n\/* =========================================================\r\n   FOOTER V2\r\n   ========================================================= *\/\r\n.wanon-footer {\r\n  background: linear-gradient(135deg, var(--wanon-green-dark) 0%, #1f5a2c 100%);\r\n  color: #fff;\r\n  padding: 60px 20px 24px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e25\u0e40\u0e22\u0e2d\u0e23\u0e4c\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\r\n.wanon-footer::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: radial-gradient(circle at top right, rgba(255,255,255,0.06) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.wanon-footer-inner {\r\n  display: grid;\r\n  gap: 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .wanon-footer-inner {\r\n    grid-template-columns: 2fr 1fr 1fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n\r\n\/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 1: \u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d *\/\r\n.wanon-footer-brand-wrap {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  align-items: center !important;\r\n  gap: 16px !important;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.wanon-footer-logo {\r\n  width: 80px !important;\r\n  height: 80px !important;\r\n  min-width: 80px !important;\r\n  max-width: 80px !important;\r\n  flex-shrink: 0 !important;\r\n  object-fit: contain;\r\n  background: #fff;\r\n  border-radius: 50%;\r\n  padding: 6px;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.wanon-footer-title {\r\n  margin: 0;\r\n  font-size: 1.4rem;\r\n  line-height: 1.3;\r\n  color: #fff;\r\n  font-weight: 700;\r\n}\r\n\r\n.wanon-footer-subtitle {\r\n  font-size: 0.95rem;\r\n  color: rgba(255,255,255,0.9);\r\n  margin-top: 4px;\r\n}\r\n\r\n.wanon-footer-desc {\r\n  color: rgba(255,255,255,0.85);\r\n  line-height: 1.8;\r\n  margin-bottom: 24px;\r\n  max-width: 400px;\r\n}\r\n\r\n.wanon-footer-socials {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.wanon-footer-social-link {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 40px;\r\n  height: 40px;\r\n  background: rgba(255,255,255,0.1);\r\n  color: #fff;\r\n  border-radius: 50%;\r\n  font-size: 1.2rem;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.wanon-footer-social-link:hover {\r\n  background: var(--wanon-orange);\r\n  transform: translateY(-3px);\r\n  color: #fff;\r\n}\r\n\r\n\/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e2d\u0e37\u0e48\u0e19\u0e46: \u0e40\u0e21\u0e19\u0e39\u0e19\u0e33\u0e17\u0e32\u0e07 \u0e41\u0e25\u0e30 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d *\/\r\n.wanon-footer-heading {\r\n  margin: 0 0 20px;\r\n  font-size: 1.1rem;\r\n  color: #fff;\r\n  font-weight: 600;\r\n  position: relative;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.wanon-footer-heading::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 40px;\r\n  height: 3px;\r\n  background: var(--wanon-orange);\r\n  border-radius: 2px;\r\n}\r\n\r\n.wanon-footer-links {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.wanon-footer-links li {\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 8px;\r\n  color: rgba(255,255,255,0.85);\r\n  line-height: 1.6;\r\n}\r\n\r\n.wanon-footer-links a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: rgba(255,255,255,0.85);\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n}\r\n\r\n.wanon-footer-links a:hover {\r\n  color: #fff;\r\n  padding-left: 5px;\r\n}\r\n\r\n.wanon-footer-links a:hover .icon-list {\r\n  color: var(--wanon-orange);\r\n}\r\n\r\n\/* \u0e25\u0e1a\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e32\u0e41\u0e25\u0e30\u0e40\u0e27\u0e49\u0e19\u0e23\u0e30\u0e22\u0e30\u0e25\u0e34\u0e2a\u0e15\u0e4c\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d *\/\r\n.wanon-footer-links .icon-list {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.1rem;\r\n  color: rgba(255,255,255,0.5);\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.wanon-footer-bottom {\r\n  border-top: 1px solid rgba(255,255,255,0.1);\r\n  margin-top: 40px;\r\n  padding-top: 20px;\r\n  font-size: 0.9rem;\r\n  color: rgba(255,255,255,0.6);\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .wanon-footer-bottom {\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    text-align: left;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   ASTRA THEME FULL-WIDTH OVERRIDE\r\n   \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e2b\u0e49 Astra \u0e22\u0e2d\u0e21\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e41\u0e1a\u0e1a Full-Width\r\n   \u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a Page \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 Template \u0e40\u0e1b\u0e47\u0e19 \"Full Width \/ Elementor\"\r\n   \u0e2b\u0e23\u0e37\u0e2d Page \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 Gutenberg Full-Width\r\n   ========================================================= *\/\r\n\r\n\/* \u0e1b\u0e34\u0e14 max-width \u0e02\u0e2d\u0e07 Astra Container \u0e2b\u0e25\u0e31\u0e01 *\/\r\n.ast-page-builder-template .site-content,\r\n.ast-page-builder-template .ast-container,\r\n.ast-page-builder-template .entry-content,\r\n.ast-full-width-layout .site-content,\r\n.ast-full-width-layout .ast-container,\r\n.ast-full-width-layout .entry-content,\r\n.page-template-page-builder .site-content,\r\n.page-template-page-builder .ast-container {\r\n  max-width:100% !important;\r\n  padding-left:0 !important;\r\n  padding-right:0 !important;\r\n}\r\n\r\n\/* \u0e1b\u0e34\u0e14 Padding \u0e02\u0e2d\u0e07 Content Area \u0e17\u0e35\u0e48 Astra \u0e01\u0e31\u0e49\u0e19\u0e44\u0e27\u0e49 *\/\r\n.ast-page-builder-template .entry-content .wp-block-group,\r\n.ast-page-builder-template .entry-content .wp-block-html,\r\n.ast-full-width-layout .entry-content .wp-block-group,\r\n.ast-full-width-layout .entry-content .wp-block-html {\r\n  max-width:100% !important;\r\n  margin-left:0 !important;\r\n  margin-right:0 !important;\r\n}\r\n\r\n\/* Gutenberg: \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a Alignfull \/ Alignwide \u0e43\u0e2b\u0e49\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d *\/\r\n.entry-content .alignfull,\r\n.entry-content .alignwide,\r\n.wp-block-group.alignfull,\r\n.wp-block-cover.alignfull,\r\n.wp-block-columns.alignfull,\r\n.wp-block-html.alignfull {\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n}\r\n\r\n\/* Section \u0e02\u0e2d\u0e07 Wanon \u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e15\u0e47\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e2a\u0e21\u0e2d *\/\r\n.wanon-hero,\r\n.wanon-nav-wrap,\r\n.wanon-dashboard,\r\n.wanon-knowledge,\r\n.wanon-footer {\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n\/* =========================================================\r\n   ASTRA + GUTENTOR FULL WIDTH OVERRIDE\r\n   \u0e43\u0e0a\u0e49 class \u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01 DevTools (F12):\r\n   - ast-plain-container  (Astra layout class)\r\n   - page-template-gutentor-full-width  (Gutentor template)\r\n   - ast-no-sidebar  (\u0e44\u0e21\u0e48\u0e21\u0e35 Sidebar)\r\n   ========================================================= *\/\r\n\r\n\/* \u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 1: \u0e1b\u0e34\u0e14 max-width \u0e43\u0e19 Astra Container pipeline *\/\r\n.ast-plain-container .ast-container,\r\n.ast-plain-container #content,\r\n.ast-plain-container .content-area,\r\n.ast-plain-container #primary,\r\n.ast-plain-container .site-main,\r\n.ast-plain-container .ast-article-single,\r\n.ast-plain-container .entry-content,\r\n.ast-no-sidebar .ast-container,\r\n.ast-no-sidebar #content,\r\n.ast-no-sidebar .entry-content {\r\n  max-width:100% !important;\r\n  padding-left:0 !important;\r\n  padding-right:0 !important;\r\n  width:100% !important;\r\n}\r\n\r\n\/* \u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 2: \u0e1b\u0e34\u0e14 Padding \u0e02\u0e2d\u0e07 article wrapper *\/\r\n.page-template-template-gutentor-full-width .ast-article-single,\r\n.page-template-template-gutentor-full-width .entry-content {\r\n  padding:0 !important;\r\n  margin-left:0 !important;\r\n  margin-right:0 !important;\r\n  max-width:100% !important;\r\n}\r\n\r\n\/* \u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 3: \u0e1a\u0e25\u0e47\u0e2d\u0e01 Custom HTML \u0e41\u0e25\u0e30 Group \u0e43\u0e2b\u0e49\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d *\/\r\n.ast-plain-container .entry-content .wp-block-html,\r\n.ast-plain-container .entry-content .wp-block-group,\r\n.page-template-template-gutentor-full-width .entry-content .wp-block-html,\r\n.page-template-template-gutentor-full-width .entry-content .wp-block-group {\r\n  max-width:100% !important;\r\n  width:100% !important;\r\n  margin-left:0 !important;\r\n  margin-right:0 !important;\r\n  padding-left:0 !important;\r\n  padding-right:0 !important;\r\n}\r\n\r\n\/* \u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 4: \u0e40\u0e1b\u0e34\u0e14 overflow \u0e40\u0e09\u0e1e\u0e32\u0e30 .site-main \u0e41\u0e25\u0e30 article wrapper\r\n   \u0e44\u0e21\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 #page, #content \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49 layout \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e1e\u0e31\u0e07 *\/\r\n.ast-plain-container .site-main,\r\n.ast-plain-container .ast-article-single {\r\n  overflow-x:visible;\r\n}\r\n\r\n\/* =========================================================\r\n   FULL-WIDTH NUCLEAR OVERRIDE (\u0e1b\u0e31\u0e0d\u0e2b\u0e32 1)\r\n   \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01 body class \u0e17\u0e35\u0e48 Astra \u0e43\u0e2a\u0e48\u0e43\u0e2b\u0e49\r\n   ast-separate-container \/ ast-plain-container \/ ast-page-builder-template\r\n   ========================================================= *\/\r\n\r\n\/* Override .ast-container \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07 \u2014 \u0e44\u0e21\u0e48\u0e2a\u0e19\u0e27\u0e48\u0e32 body class \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e30\u0e44\u0e23 *\/\r\n.ast-container,\r\n.site-content > .ast-container,\r\n#content .ast-container,\r\n.content-area,\r\n#primary {\r\n  max-width:100% !important;\r\n  width:100% !important;\r\n  padding-left:0 !important;\r\n  padding-right:0 !important;\r\n}\r\n\r\n\/* ast-separate-container: Astra \u0e43\u0e0a\u0e49 class \u0e19\u0e35\u0e49\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01 layout \u0e41\u0e1a\u0e1a boxed *\/\r\nbody.ast-separate-container .ast-container,\r\nbody.ast-separate-container #content,\r\nbody.ast-separate-container #primary,\r\nbody.ast-separate-container .content-area,\r\nbody.ast-separate-container .site-main,\r\nbody.ast-separate-container .ast-article-single,\r\nbody.ast-separate-container .entry-content {\r\n  max-width:100% !important;\r\n  width:100% !important;\r\n  padding-left:0 !important;\r\n  padding-right:0 !important;\r\n}\r\n\r\n\/* \u0e1b\u0e34\u0e14 padding\/margin \u0e02\u0e2d\u0e07 article + entry-content \u0e17\u0e38\u0e01\u0e01\u0e23\u0e13\u0e35 *\/\r\n.ast-article-single,\r\n.entry-content,\r\n.ast-article-single .entry-content {\r\n  padding:0 !important;\r\n  margin:0 auto !important;\r\n  max-width:100% !important;\r\n  width:100% !important;\r\n}\r\n\r\n\/* \u0e17\u0e38\u0e01 wp-block \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19 entry-content \u0e25\u0e49\u0e27\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d *\/\r\n.entry-content > * {\r\n  max-width:100% !important;\r\n}\r\n\r\n\/* ast-separate-container \u0e21\u0e31\u0e01\u0e43\u0e2a\u0e48 padding 5.34em \u0e43\u0e2b\u0e49 content *\/\r\nbody.ast-separate-container .ast-article-single {\r\n  padding:0 !important;\r\n  margin:0 !important;\r\n  background:transparent !important;\r\n}\r\n\r\n\/* =========================================================\r\n   DASHBOARD \/ FOOTER SAFEGUARD (\u0e1b\u0e31\u0e0d\u0e2b\u0e32 3)\r\n   \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a display: grid \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 layout \u0e44\u0e21\u0e48\u0e1e\u0e31\u0e07\r\n   \u0e41\u0e21\u0e49 Astra \u0e08\u0e30 override display property\r\n   ========================================================= *\/\r\n\r\n\/* Section \u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07 Wanon \u0e15\u0e49\u0e2d\u0e07 display block \u0e40\u0e15\u0e47\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e2a\u0e21\u0e2d *\/\r\n.wanon-dashboard,\r\n.wanon-footer,\r\n.wanon-hero,\r\n.wanon-nav-wrap,\r\n.wanon-knowledge {\r\n  display:block !important;\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n\/* Dashboard grid: \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e1a\u0e19 Desktop *\/\r\n.wanon-dashboard-grid {\r\n  display:grid !important;\r\n}\r\n\r\n\/* Footer inner: \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a 3 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e1a\u0e19 Desktop *\/\r\n.wanon-footer-inner {\r\n  display:grid !important;\r\n}\r\n\r\n\/* Dashboard panel: \u0e41\u0e16\u0e1a Bar Chart *\/\r\n.wanon-dashboard-panel {\r\n  display:block !important;\r\n}\r\n\r\n\/* Mini bars: grid \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a bar rows *\/\r\n.wanon-mini-bars {\r\n  display:grid !important;\r\n}\r\n\r\n\/* Bar track + fill: \u0e15\u0e49\u0e2d\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e16\u0e1a progress *\/\r\n.wanon-bar-track {\r\n  display:block !important;\r\n}\r\n\r\n.wanon-bar-fill {\r\n  display:block !important;\r\n}\r\n\r\n\/* =========================================================\r\n   ABOUT PAGE CONTENT V2 (Redesign \u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32)\r\n   ========================================================= *\/\r\n\r\n\/* Header \u0e22\u0e48\u0e2d\u0e22 (Glassmorphism & Orbs) *\/\r\n.wanon-about-header-v2 {\r\n  position: relative;\r\n  background: var(--wanon-cream);\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  border-bottom: 1px solid rgba(var(--wanon-green-dark-rgb), 0.05);\r\n}\r\n\r\n.wanon-about-header-bg {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n.wanon-about-header-orb1 {\r\n  position: absolute;\r\n  top: -50px; left: -50px;\r\n  width: 300px; height: 300px;\r\n  background: radial-gradient(circle, rgba(var(--wanon-green-rgb), 0.08) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n}\r\n.wanon-about-header-orb2 {\r\n  position: absolute;\r\n  bottom: -50px; right: -50px;\r\n  width: 400px; height: 400px;\r\n  background: radial-gradient(circle, rgba(var(--wanon-orange-rgb), 0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n}\r\n\r\n.wanon-about-header-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  background: rgba(255, 255, 255, 0.6);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  backdrop-filter: blur(20px);\r\n  padding: 40px;\r\n  border-radius: 32px;\r\n  border: 1px solid rgba(255, 255, 255, 0.8);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.03);\r\n}\r\n\r\n\/* Section \u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34 (\u0e0b\u0e49\u0e2d\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e34\u0e15\u0e34\u0e43\u0e2b\u0e21\u0e48) *\/\r\n.wanon-about-history-v2 {\r\n  display: grid;\r\n  gap: 50px;\r\n  align-items: center;\r\n}\r\n@media(min-width: 992px) {\r\n  .wanon-about-history-v2 {\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n  }\r\n}\r\n\r\n.wanon-history-img-wrapper {\r\n  position: relative;\r\n  padding: 20px 0 0 20px;\r\n}\r\n.wanon-history-img-bg {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 90%; height: 90%;\r\n  background: linear-gradient(135deg, var(--wanon-green-soft) 0%, rgba(var(--wanon-green-rgb), 0.1) 100%);\r\n  border-radius: 30px;\r\n  z-index: 1;\r\n}\r\n.wanon-history-img-main {\r\n  position: relative;\r\n  z-index: 2;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.12);\r\n  border: 6px solid #fff;\r\n  transform: translate(15px, 15px);\r\n  transition: transform 0.4s ease;\r\n}\r\n.wanon-history-img-main:hover {\r\n  transform: translate(5px, 5px);\r\n}\r\n.wanon-history-img-main img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.wanon-history-text-v2 {\r\n  font-size: 1.1rem;\r\n  line-height: 1.85;\r\n  color: var(--wanon-text);\r\n  margin-bottom: 20px;\r\n}\r\n.wanon-history-text-v2 strong {\r\n  color: var(--wanon-green-dark);\r\n  font-size: 1.2rem;\r\n}\r\n\r\n\/* Section \u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c & \u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 (Gradient Card) *\/\r\n.wanon-vision-section-v2 {\r\n  background: linear-gradient(to bottom, #fff 0%, var(--wanon-cream) 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.wanon-vision-grid-v2 {\r\n  display: grid;\r\n  gap: 40px;\r\n}\r\n@media(min-width: 768px) {\r\n  .wanon-vision-grid-v2 {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n.wanon-vision-card-premium {\r\n  position: relative;\r\n  background: #fff;\r\n  border-radius: 32px;\r\n  padding: 50px 40px;\r\n  box-shadow: 0 15px 50px rgba(0,0,0,0.04);\r\n  border: 1px solid rgba(0,0,0,0.03);\r\n  text-align: center;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  z-index: 2;\r\n}\r\n.wanon-vision-card-premium::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: 0; width: 100%; height: 6px;\r\n  background: linear-gradient(90deg, var(--wanon-green) 0%, var(--wanon-orange) 100%);\r\n  opacity: 0.8;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.wanon-vision-card-premium:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 30px 60px rgba(var(--wanon-green-rgb), 0.1);\r\n}\r\n.wanon-vision-card-premium:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.wanon-vision-icon-premium {\r\n  width: 90px;\r\n  height: 90px;\r\n  background: linear-gradient(135deg, var(--wanon-green-soft) 0%, #fff 100%);\r\n  color: var(--wanon-green-dark);\r\n  font-size: 2.8rem;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 30px;\r\n  box-shadow: inset 0 2px 10px rgba(255,255,255,1), 0 10px 20px rgba(var(--wanon-green-rgb), 0.08);\r\n}\r\n.wanon-vision-card-premium h3 {\r\n  font-size: 1.8rem;\r\n  font-weight: 800;\r\n  color: var(--wanon-green-dark);\r\n  margin-bottom: 20px;\r\n}\r\n.wanon-vision-card-premium p {\r\n  color: var(--wanon-muted);\r\n  line-height: 1.8;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n\/* Section \u0e2d\u0e33\u0e19\u0e32\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48 (Grid \u0e2a\u0e44\u0e15\u0e25\u0e4c Dashboard) *\/\r\n.wanon-duty-grid-v2 {\r\n  display: grid;\r\n  gap: 24px;\r\n}\r\n@media(min-width: 768px) {\r\n  .wanon-duty-grid-v2 {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n@media(min-width: 992px) {\r\n  .wanon-duty-grid-v2 {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n.wanon-duty-item-v2 {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #fff;\r\n  padding: 30px;\r\n  border-radius: 24px;\r\n  border: 1px solid rgba(var(--wanon-green-dark-rgb), 0.05);\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.wanon-duty-item-v2:hover {\r\n  border-color: rgba(var(--wanon-orange-rgb), 0.3);\r\n  box-shadow: 0 10px 30px rgba(var(--wanon-orange-rgb), 0.08);\r\n  transform: translateY(-5px);\r\n}\r\n.wanon-duty-item-v2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -20px; right: -20px;\r\n  width: 100px; height: 100px;\r\n  background: radial-gradient(circle, rgba(var(--wanon-orange-rgb), 0.04) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n}\r\n\r\n.wanon-duty-icon-v2 {\r\n  width: 56px;\r\n  height: 56px;\r\n  background: rgba(var(--wanon-orange-rgb), 0.12);\r\n  color: var(--wanon-orange);\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.6rem;\r\n  margin-bottom: 20px;\r\n}\r\n.wanon-duty-text-v2 {\r\n  color: var(--wanon-text);\r\n  line-height: 1.7;\r\n  font-size: 1.05rem;\r\n  z-index: 2;\r\n}\r\n\r\n\/* =========================================================\r\n   PERSONNEL PAGE (\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23)\r\n   ========================================================= *\/\r\n\r\n\/* \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e48\u0e27\u0e19 (\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\/\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d) *\/\r\n.wanon-executive-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 0 auto 60px;\r\n  max-width: 600px;\r\n}\r\n\r\n.wanon-exec-img-box {\r\n  position: relative;\r\n  width: 240px;\r\n  height: 240px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.wanon-exec-img-box::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -10px;\r\n  border-radius: 50%;\r\n  background: conic-gradient(from 0deg, var(--wanon-green-soft), var(--wanon-green), var(--wanon-orange), var(--wanon-green-soft));\r\n  animation: wanonSpin 10s linear infinite;\r\n  z-index: 0;\r\n}\r\n\r\n@keyframes wanonSpin {\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n.wanon-exec-img-box img {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n  border: 6px solid #fff;\r\n  z-index: 2;\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n}\r\n\r\n.wanon-executive-wrap h3 {\r\n  font-size: 1.6rem;\r\n  margin-bottom: 4px;\r\n}\r\n.wanon-executive-wrap p {\r\n  color: var(--wanon-orange);\r\n  font-weight: 600;\r\n  font-size: 1.15rem;\r\n  margin-bottom: 12px;\r\n}\r\n.wanon-executive-wrap span {\r\n  display: block;\r\n  color: var(--wanon-muted);\r\n  font-size: 0.95rem;\r\n  background: var(--wanon-cream);\r\n  padding: 8px 16px;\r\n  border-radius: 99px;\r\n  border: 1px solid rgba(var(--wanon-green-dark-rgb), 0.08);\r\n}\r\n\r\n\/* \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48 (Staff Grid) *\/\r\n.wanon-staff-grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.wanon-staff-card {\r\n  width: 100%;\r\n}\r\n\r\n@media(min-width: 640px) {\r\n  .wanon-staff-card {\r\n    width: calc(50% - 15px);\r\n  }\r\n}\r\n@media(min-width: 900px) {\r\n  .wanon-staff-card {\r\n    width: calc(33.333% - 20px);\r\n  }\r\n}\r\n@media(min-width: 1200px) {\r\n  .wanon-staff-card {\r\n    width: calc(25% - 22.5px);\r\n  }\r\n}\r\n\r\n.wanon-staff-card {\r\n  background: #fbfdfb; \/* Subtle green-tinted off-white background *\/\r\n  border-radius: 24px;\r\n  padding: 30px 20px;\r\n  text-align: center;\r\n  border: 1px solid rgba(var(--wanon-green-dark-rgb), 0.1); \/* Stronger border *\/\r\n  box-shadow: 0 10px 30px rgba(var(--wanon-green-dark-rgb), 0.08); \/* More pronounced shadow *\/\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.wanon-staff-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 20px 40px rgba(var(--wanon-green-rgb), 0.08);\r\n  border-color: rgba(var(--wanon-green-rgb), 0.2);\r\n}\r\n\r\n.wanon-staff-img {\r\n  width: 120px;\r\n  height: 120px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 20px;\r\n  overflow: hidden;\r\n  border: 4px solid var(--wanon-green-soft);\r\n  transition: border-color 0.3s ease;\r\n}\r\n\r\n.wanon-staff-card:hover .wanon-staff-img {\r\n  border-color: var(--wanon-green);\r\n}\r\n\r\n.wanon-staff-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.wanon-staff-card h4 {\r\n  font-size: 1.15rem;\r\n  margin-bottom: 4px;\r\n  color: var(--wanon-text);\r\n}\r\n\r\n.wanon-staff-card p {\r\n  font-size: 0.95rem;\r\n  color: var(--wanon-muted);\r\n  margin-bottom: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT PAGE (\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32)\r\n   ========================================================= *\/\r\n\r\n\/* Contact Cards (\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d) *\/\r\n.wanon-contact-info-grid {\r\n  display: grid;\r\n  gap: 24px;\r\n}\r\n\r\n@media(min-width: 768px) {\r\n  .wanon-contact-info-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n.wanon-contact-card {\r\n  background: #fff;\r\n  border-radius: 24px;\r\n  padding: 40px 30px;\r\n  text-align: center;\r\n  border: 1px solid rgba(var(--wanon-green-dark-rgb), 0.06);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.02);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.wanon-contact-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.06);\r\n}\r\n\r\n.wanon-contact-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 20px;\r\n  background: var(--wanon-green-soft);\r\n  color: var(--wanon-green-dark);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 2rem;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.wanon-contact-card h3 {\r\n  font-size: 1.35rem;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.wanon-contact-card p,\r\n.wanon-contact-card a {\r\n  color: var(--wanon-muted);\r\n  font-size: 1.05rem;\r\n  line-height: 1.6;\r\n  text-decoration: none;\r\n  font-weight: 400;\r\n}\r\n\r\n.wanon-contact-card a:hover {\r\n  color: var(--wanon-green);\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* \u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e40\u0e15\u0e47\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07 (Full-width Map) *\/\r\n.wanon-contact-map-wrapper {\r\n  margin-top: 60px;\r\n  border-radius: 32px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n  border: 8px solid #fff;\r\n  background: var(--wanon-cream);\r\n  height: 480px;\r\n  position: relative;\r\n}\r\n\r\n\/* \u0e17\u0e33\u0e43\u0e2b\u0e49 iframe \u0e22\u0e37\u0e14\u0e40\u0e15\u0e47\u0e21\u0e01\u0e23\u0e2d\u0e1a *\/\r\n.wanon-contact-map-wrapper iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n<\/style>\n\n\n\n<section class=\"wanon-nav-wrap\">\n  <div class=\"wanon-container\">\n    <nav class=\"wanon-mega-nav\">\n\n      <!-- \u0e42\u0e25\u0e42\u0e01\u0e49 \/ \u0e0a\u0e37\u0e48\u0e2d\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 -->\n      <a class=\"wanon-brand\" href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/\">\n        <img decoding=\"async\" src=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-content\/uploads\/sites\/32\/2026\/03\/LOGO-DOAE.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a\" class=\"wanon-brand-logo\">\n        <div class=\"wanon-brand-text\">\n          <span class=\"wanon-brand-text-sub\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d<\/span>\n          <strong class=\"wanon-brand-text-main\">\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a<\/strong>\n        <\/div>\n      <\/a>\n\n      <!-- Checkbox Hack: \u0e43\u0e0a\u0e49 CSS toggle \u0e40\u0e21\u0e19\u0e39\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e17\u0e19 JS -->\n      <input type=\"checkbox\" id=\"wanon-mobile-toggle\" class=\"wanon-mobile-checkbox\">\n      <label for=\"wanon-mobile-toggle\" class=\"wanon-hamburger\" aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e21\u0e19\u0e39\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/label>\n\n      <div class=\"wanon-menu\">\n\n\n        <div class=\"wanon-menu-item\">\n          <a class=\"wanon-menu-link\" href=\"#!\">\n            <span>\ud83c\udfe2 \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/span><span class=\"wanon-chevron\">\u25be<\/span>\n          <\/a>\n          <div class=\"wanon-mega-panel\">\n            <div class=\"wanon-mega-card\">\n              <div class=\"wanon-mega-grid\">\n                <div class=\"wanon-mega-feature\">\n                  <h3>\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/h3>\n                  <p>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c \u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/p>\n                <\/div>\n                <div class=\"wanon-mega-col\">\n                  <h4>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/h4>\n                  <ul class=\"wanon-mega-links\">\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/about\/\">\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/about\/\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c \/ \u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/about\/\">\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48<\/a><\/li>\n                  <\/ul>\n                <\/div>\n                <div class=\"wanon-mega-col\">\n                  <h4>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07<\/h4>\n                  <ul class=\"wanon-mega-links\">\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/about\/\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/peson\/\">\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/contact\/\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/a><\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wanon-menu-item\">\n          <a class=\"wanon-menu-link\" href=\"#!\">\n            <span>\ud83d\udc68\u200d\ud83c\udf3e \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/span><span class=\"wanon-chevron\">\u25be<\/span>\n          <\/a>\n          <div class=\"wanon-mega-panel\">\n            <div class=\"wanon-mega-card\">\n              <div class=\"wanon-mega-grid\">\n                <div class=\"wanon-mega-feature\">\n                  <h3>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10<\/h3>\n                  <p>\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22<\/p>\n                <\/div>\n                <div class=\"wanon-mega-col\">\n                  <h4>\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/h4>\n                  <ul class=\"wanon-mega-links\">\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/p-agridata\/\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/services\/update-farmer\/\">\u0e01\u0e32\u0e23\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/downloads\/\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21<\/a><\/li>\n                  <\/ul>\n                <\/div>\n                <div class=\"wanon-mega-col\">\n                  <h4>\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21<\/h4>\n                  <ul class=\"wanon-mega-links\">\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/community-enterprise\/\">\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/farmer-groups\/\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/services\/\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/a><\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wanon-menu-item\">\n          <a class=\"wanon-menu-link\" href=\"#!\">\n            <span>\ud83d\udcda \u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23<\/span><span class=\"wanon-chevron\">\u25be<\/span>\n          <\/a>\n          <div class=\"wanon-mega-panel\">\n            <div class=\"wanon-mega-card\">\n              <div class=\"wanon-mega-grid\">\n                <div class=\"wanon-mega-feature\">\n                  <h3>\u0e04\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23<\/h3>\n                  <p>\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e25\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23<\/p>\n                <\/div>\n                <div class=\"wanon-mega-col\">\n                  <h4>\u0e2b\u0e21\u0e27\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49<\/h4>\n                  <ul class=\"wanon-mega-links\">\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/category\/km-plant\/\">\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e39\u0e01\u0e1e\u0e37\u0e0a<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/category\/km-soil\/\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e14\u0e34\u0e19<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/category\/km-water\/\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e19\u0e49\u0e33<\/a><\/li>\n                  <\/ul>\n                <\/div>\n                <div class=\"wanon-mega-col\">\n                  <h4>\u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e41\u0e25\u0e30\u0e14\u0e39\u0e41\u0e25<\/h4>\n                  <ul class=\"wanon-mega-links\">\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/category\/km-pest\/\">\u0e28\u0e31\u0e15\u0e23\u0e39\u0e1e\u0e37\u0e0a<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/category\/km-tech\/\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e01\u0e29\u0e15\u0e23<\/a><\/li>\n                    <li><a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/category\/knowledge\/\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/a><\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        \n        <div class=\"wanon-menu-item\">\n          <a class=\"wanon-menu-link\" href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/p-news\/\"><span>\ud83d\udce2 \u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span><\/a>\n        <\/div>\n\n        <div class=\"wanon-menu-item\">\n          <a class=\"wanon-menu-link\" href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/downloads\/\"><span>\ud83d\udce5 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/span><\/a>\n        <\/div>\n\n\n      <\/div><!-- end .wanon-menu -->\n    <\/nav>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"wanon-section\">\n  <div class=\"wanon-container\">\n    <div class=\"wanon-section-head\">\n      <div>\n        <p class=\"wanon-kicker\">\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/p>\n        <h2 class=\"wanon-title\">\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28<\/h2>\n        <p class=\"wanon-subtitle\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 (\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35 Tab) -->\n    <div class=\"wanon-news-content\" style=\"margin-top: 24px;\">\n         <div class=\"wanon-query-wrap\">\n\n\n\n<div class=\"wp-block-stackable-posts alignfull stk-block-posts stk--has-container stk-block stk-8ebd525 is-style-default\" data-v=\"2\" id=\"wanon-query-wrap\" data-block-id=\"8ebd525\"><style>.stk-8ebd525 {--stk-columns:3 !important;--stk-column-gap:0px !important;padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;}.stk-8ebd525-container{border-top-left-radius:9px !important;border-top-right-radius:9px !important;border-bottom-right-radius:9px !important;border-bottom-left-radius:9px !important;overflow:hidden !important;align-items:flex-start !important;padding-top:5px !important;padding-right:5px !important;padding-bottom:5px !important;padding-left:5px !important;display:flex !important;}.stk-8ebd525 .stk-img-wrapper{aspect-ratio:3\/2 !important;width:100% !important;height:auto !important;}.stk-8ebd525 .stk-img-wrapper img{border-radius:9px !important;}.stk-8ebd525 .stk-block-posts__title a{color:#2e753a !important;font-weight:normal !important;font-family:\"Kanit\", Sans-serif !important;letter-spacing:0.5px !important;}.stk-8ebd525 .stk-block-posts__excerpt p{font-size:17px !important;font-weight:300 !important;font-style:normal !important;font-family:\"Kanit\", Sans-serif !important;}.stk-8ebd525 .stk-block-posts__meta{font-family:\"Kanit\", Sans-serif !important;}.stk-8ebd525 .stk-block-posts__readmore{font-size:15px !important;font-weight:300 !important;font-style:normal !important;font-family:\"Kanit\", Sans-serif !important;}.stk-8ebd525 .stk-block-posts__items{row-gap:0px !important;}@media screen and (max-width: 1023px){.stk-8ebd525 .stk-img-wrapper{height:auto !important;}.stk-8ebd525 .stk-block-posts__excerpt p{font-size:17px !important;}.stk-8ebd525 .stk-block-posts__readmore{font-size:15px !important;}}@media screen and (max-width: 767px){.stk-8ebd525 {--stk-columns:1 !important;}.stk-8ebd525 .stk-img-wrapper{height:auto !important;}}<\/style><div class=\"stk-inner-blocks stk-content-align stk-8ebd525-column alignfull\"><div class=\"stk-block-posts__items\">&lt;!\u2013- \/stk-start:posts\/template \u2013-><div class=\"stk-block-posts__item\"><div class=\"stk-container stk-8ebd525-container stk-hover-parent\"><article><a href=\"!#postLink!#\" class=\"stk-block-posts__image-link\"><figure class=\"stk-img-wrapper stk-image--shape-stretch\"><img class=\"stk-img\" width=\"100\" height=\"300\"\/><\/figure><\/a><div class=\"stk-block-posts__meta stk-subtitle\"><time datetime=\"!#dateTime!#\">!#date!#<\/time><\/div><h5 class=\"stk-block-posts__title has-text-color\"><a href='!#postLink!#'>!#title!#<\/a><\/h5><\/article><\/div><\/div>&lt;!\u2013- \/stk-end:post\/template \u2013-><\/div><div class=\"stk-inner-blocks\"><\/div><\/div><\/div>\n\n\n\n<\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\n\n\n\n<footer class=\"wanon-footer\">\r\n  <div class=\"wanon-container\">\r\n    <div class=\"wanon-footer-inner\">\r\n      <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 1: \u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48 -->\r\n      <div>\r\n        <div class=\"wanon-footer-brand-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-content\/uploads\/sites\/32\/2026\/03\/LOGO-DOAE.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a\" class=\"wanon-footer-logo\">\r\n          <div>\r\n            <h2 class=\"wanon-footer-title\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d<\/h2>\r\n            <div class=\"wanon-footer-title\">\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"wanon-footer-desc\">\r\n          \u0e01\u0e23\u0e21\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c<br>\r\n          \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d \u0e15\u0e33\u0e1a\u0e25\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a<br>\r\n          \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e01\u0e25\u0e19\u0e04\u0e23 47120\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 2: \u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01 -->\r\n      <div>\r\n        <h4 class=\"wanon-footer-heading\">\u0e40\u0e21\u0e19\u0e39\u0e19\u0e33\u0e17\u0e32\u0e07<\/h4>\r\n        <ul class=\"wanon-footer-links\">\r\n          <li>\r\n            <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/\">\r\n              <span class=\"icon-list\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/span> \u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/about\/\">\r\n              <span class=\"icon-list\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/span> \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/p-news\/\">\r\n              <span class=\"icon-list\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/span> \u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/knowledge\/\">\r\n              <span class=\"icon-list\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/span> \u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/services\/\">\r\n              <span class=\"icon-list\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/span> \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/downloads\/\">\r\n              <span class=\"icon-list\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/span> \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n            <\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 3: \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d -->\r\n      <div>\r\n        <h4 class=\"wanon-footer-heading\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h4>\r\n        <ul class=\"wanon-footer-links\">\r\n          <li><span class=\"icon-list\">\ud83d\udcde<\/span> \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c: 042-791-147<\/li>\r\n          <li><span class=\"icon-list\">\u2709\ufe0f<\/span> \u0e2d\u0e35\u0e40\u0e21\u0e25: wanonniwat.skn@doae.go.th<\/li>\r\n          <li><span class=\"icon-list\">\u23f0<\/span> \u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c &#8211; \u0e28\u0e38\u0e01\u0e23\u0e4c : 08.30 &#8211; 16.30 \u0e19.<\/li>\r\n        <\/ul>\r\n        <div class=\"wanon-footer-socials\" style=\"margin-top: 16px;\">\r\n          <a href=\"https:\/\/www.facebook.com\/Wanorn4708\" class=\"wanon-footer-social-link\" title=\"Facebook Page\" target=\"_blank\" rel=\"noopener\" style=\"color: #1877F2;\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"wanon-footer-social-link\" title=\"LINE Official\" target=\"_blank\" rel=\"noopener\" style=\"color: #00B900;\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 10.304c0-5.369-5.383-9.738-12-9.738-6.616 0-12 4.369-12 9.738 0 4.814 4.269 8.846 10.036 9.608.391.084.922.258 1.057.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.074 9.436-6.97h.003c1.605-1.745 2.545-3.811 2.545-5.973zm-14.5 3.415c0 .327-.266.592-.592.592h-1.632c-.327 0-.592-.266-.592-.592v-5.232c0-.327.266-.592.592-.592s.591.265.591.592v4.64h1.041c.327 0 .592.266.592.592zm3 0c0 .327-.266.592-.592.592s-.592-.266-.592-.592v-5.232c0-.327.266-.592.592-.592s.592.265.592.592v5.232zm4.184-2.274l.975 1.579c.15.243.078.587-.145.762-.062.048-.133.064-.204.064-.17 0-.333-.089-.418-.246l-1.054-1.708v1.231c0 .327-.266.592-.592.592s-.592-.266-.592-.592v-5.232c0-.327.266-.592.592-.592s.592.265.592.592v1.543l1.026-1.511c.174-.256.516-.322.772-.148.256.174.321.515.148.771l-.928 1.365zm3.111.455h-1.041v-1.044h1.041c.327 0 .592.266.592.592s-.265.452-.592.452zm0-2.035h-1.041v-1.044h1.041c.327 0 .592.266.592.592s-.265.452-.592.452zm.592 2.709c0 .327-.266.592-.592.592h-1.632c-.327 0-.592-.266-.592-.592v-5.232c0-.327.266-.592.592-.592h1.632c.327 0 .592.266.592.592s-.266.592-.592.592h-1.041v1.034h1.041c.327 0 .592.266.592.592s-.266.592-.592.592h-1.041v1.044h1.041c.327 0 .592.266.592.592z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/contact\/\" class=\"wanon-footer-social-link\" title=\"\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\" target=\"_blank\" rel=\"noopener\">\r\n            \ud83d\uddfa\ufe0f\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0e41\u0e16\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07: \u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c -->\r\n    <div class=\"wanon-footer-bottom\">\r\n      <div>\r\n        \u00a9 2026 \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e27\u0e32\u0e19\u0e23\u0e19\u0e34\u0e27\u0e32\u0e2a \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e01\u0e25\u0e19\u0e04\u0e23\r\n      <\/div>\r\n      <div style=\"opacity: 0.8; font-size: 0.85rem;\">\r\n        \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e1a\u0e31\u0e0d\u0e0d\u0e31\u0e15\u0e34\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e33\u0e40\u0e20\u0e2d \u0e27 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-gutentor-full-width.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1041","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/pages\/1041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/comments?post=1041"}],"version-history":[{"count":80,"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/pages\/1041\/revisions"}],"predecessor-version":[{"id":1239,"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/pages\/1041\/revisions\/1239"}],"wp:attachment":[{"href":"https:\/\/sakonnakhon.doae.go.th\/wanonniwat\/wp-json\/wp\/v2\/media?parent=1041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}