\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f8fafc;\n scroll-behavior: smooth;\n }\n .hero-gradient {\n background: linear-gradient(135deg, #166534 0%, #15803d 100%);\n background-size: 200% 200%;\n animation: gradientBG 10s ease infinite;\n }\n @keyframes gradientBG {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .card {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\n }\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n .logo-hover {\n transition: transform 0.5s ease;\n }\n .logo-hover:hover {\n transform: rotate(5deg) scale(1.05);\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800\">\n\n \n <header class=\"hero-gradient text-white py-12 px-4 shadow-lg overflow-hidden relative\">\n <div class=\"max-w-4xl mx-auto text-center relative z-10 animate__animated animate__fadeIn\">\n <div class=\"mb-6 inline-block bg-white p-2 rounded-xl shadow-md logo-hover\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2021\/03\/doa-logo.png\" alt=\"\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 Logo\" class=\"h-20 md:h-24 mx-auto object-contain\">\n <\/div>\n <p class=\"text-sm uppercase tracking-widest opacity-90 mb-2 animate__animated animate__slideInDown\">\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 (Together Changing)<\/p>\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4 animate__animated animate__zoomIn\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32<\/h1>\n <div class=\"h-1 w-24 bg-yellow-400 mx-auto rounded-full animate__animated animate__stretchWidth\"><\/div>\n <\/div>\n \n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\n <svg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"absolute -top-10 -left-10 w-64 h-64\">\n <path fill=\"#FFFFFF\" d=\"M44.7,-76.4C58.2,-69.2,69.8,-57.1,77.4,-43.2C85.1,-29.3,88.8,-13.7,87.9,1.6C87.1,16.8,81.7,31.7,73.1,44.7C64.5,57.7,52.7,68.8,39,75.3C25.3,81.8,9.7,83.7,-5.4,81.2C-20.5,78.7,-35.1,71.8,-48.1,62.7C-61.1,53.5,-72.5,42.1,-79.6,28.6C-86.7,15.1,-89.5,-0.5,-86.6,-15.1C-83.7,-29.7,-75,-43.3,-63.3,-51.3C-51.6,-59.4,-36.8,-61.8,-23.7,-69.1C-10.6,-76.5,0.7,-88.7,14,-87.6C27.4,-86.6,44.7,-76.4Z\" transform=\"translate(100 100)\" \/>\n <\/svg>\n <\/div>\n <\/header>\n\n <main class=\"max-w-5xl mx-auto px-4 py-12 -mt-8 mb-12\">\n \n \n <section class=\"bg-white rounded-2xl shadow-xl p-8 mb-8 border-t-4 border-green-600 animate__animated animate__fadeInUp\">\n <h2 class=\"text-2xl font-bold text-green-800 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 mr-2 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n <\/svg>\n \u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\n <\/h2>\n <p class=\"text-lg leading-relaxed mb-4\">\n \u0e1c\u0e39\u0e49\u0e43\u0e14\u0e08\u0e30\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 <span class=\"font-bold text-red-600\">\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/span> \u0e15\u0e32\u0e21 <span class=\"font-semibold\">\u0e1e.\u0e23.\u0e1a. \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e22\u0e32\u0e07 2542<\/span> \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e08\u0e32\u0e01\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\n <\/p>\n <\/section>\n\n \n <section class=\"mb-12\">\n <h3 class=\"text-xl font-bold mb-6 text-center text-slate-700 reveal\">\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 \u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e27\u0e34\u0e18\u0e35\u0e43\u0e14\u0e27\u0e34\u0e18\u0e35\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49:<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"card bg-white p-6 rounded-xl shadow-md border-b-4 border-green-500 text-center reveal\" style=\"transition-delay: 0.1s;\">\n <div class=\"w-16 h-16 bg-green-100 text-green-700 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl font-bold border border-green-200 shadow-inner\">1<\/div>\n <h4 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07<\/h4>\n <p class=\"text-sm text-slate-500 italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/p>\n <\/div>\n \n <div class=\"card bg-white p-6 rounded-xl shadow-md border-b-4 border-green-500 text-center reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"w-16 h-16 bg-green-100 text-green-700 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl font-bold border border-green-200 shadow-inner\">2<\/div>\n <h4 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e49\u0e19\u0e15\u0e2d\u0e15\u0e32\u0e22\u0e32\u0e07<\/h4>\n <p class=\"text-sm text-slate-500 italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/p>\n <\/div>\n \n <div class=\"card bg-white p-6 rounded-xl shadow-md border-b-4 border-green-500 text-center reveal\" style=\"transition-delay: 0.3s;\">\n <div class=\"w-16 h-16 bg-green-100 text-green-700 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl font-bold border border-green-200 shadow-inner\">3<\/div>\n <h4 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e0a\u0e33\u0e16\u0e38\u0e07<\/h4>\n <p class=\"text-sm text-slate-500 italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <section class=\"bg-white p-8 rounded-2xl shadow-lg border-l-4 border-blue-500 reveal\">\n <h2 class=\"text-xl font-bold text-blue-800 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-blue-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" \/>\n <\/svg>\n \u0e2b\u0e25\u0e31\u0e01\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e43\u0e2b\u0e49\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n <\/h2>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">1.<\/span>\n <span>\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19 <span class=\"font-semibold\">\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/span> \u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c \u0e1e.\u0e28. 2556<\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">2.<\/span>\n <span>\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e32\u0e21 <span class=\"font-semibold text-blue-700\">\u0e01\u0e0e\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e2f \u0e1e.\u0e28. 2564 \u0e2b\u0e21\u0e27\u0e14 4<\/span><\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">3.<\/span>\n <span>\u0e43\u0e0a\u0e49\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e32\u0e21 <span class=\"font-semibold\">\u0e2b\u0e25\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span><\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">4.<\/span>\n <span>\u0e08\u0e31\u0e14\u0e41\u0e1a\u0e48\u0e07\u0e15\u0e49\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 <span class=\"font-semibold\">\u0e44\u0e21\u0e48\u0e1b\u0e30\u0e1b\u0e19\u0e01\u0e31\u0e19 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e49\u0e32\u0e22\u0e41\u0e2a\u0e14\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/span><\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-8 p-4 bg-blue-50 rounded-lg text-blue-700 text-sm font-medium border border-blue-100 flex items-center animate__animated animate__pulse animate__infinite\">\n <svg class=\"w-5 h-5 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"><\/path><\/svg>\n \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15: \u0e42\u0e1b\u0e23\u0e14\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-8 rounded-2xl shadow-lg border-l-4 border-yellow-500 reveal\">\n <h2 class=\"text-xl font-bold text-yellow-800 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-yellow-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n <\/svg>\n \u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n <\/h2>\n <ul class=\"space-y-5\">\n <li class=\"flex group\">\n <div class=\"bg-yellow-100 p-2 rounded-lg mr-4 h-fit group-hover:bg-yellow-200 transition-colors\">\n <svg class=\"w-5 h-5 text-yellow-700\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z\"><\/path><\/svg>\n <\/div>\n <p>\u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e1b\u0e49\u0e32\u0e22 <span class=\"italic font-semibold text-yellow-900 underline decoration-yellow-300\">\u201c\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e42\u0e14\u0e22 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u201d<\/span> \u0e13 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07<\/p>\n <\/li>\n <li class=\"flex group\">\n <div class=\"bg-yellow-100 p-2 rounded-lg mr-4 h-fit group-hover:bg-yellow-200 transition-colors\">\n <svg class=\"w-5 h-5 text-yellow-700\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9 2a1 1 0 000 2h2a1 1 0 100-2H9z\"><\/path><path fill-rule=\"evenodd\" d=\"M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2H7a1 1 0 100-2h.01zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <\/div>\n <p>\u0e08\u0e31\u0e14\u0e17\u0e33\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e04\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d <span class=\"font-bold underline\">\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/span> \u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22<\/p>\n <\/li>\n <li class=\"flex group\">\n <div class=\"bg-yellow-100 p-2 rounded-lg mr-4 h-fit group-hover:bg-yellow-200 transition-colors\">\n <svg class=\"w-5 h-5 text-yellow-700\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z\"><\/path><path fill-rule=\"evenodd\" d=\"M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9zm5 0a1 1 0 100 2h1a1 1 0 100-2h-1z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <\/div>\n <p>\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19 \u0e23\u0e30\u0e1a\u0e38\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e0a\u0e19\u0e34\u0e14 \u0e41\u0e25\u0e30\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c <span class=\"font-semibold underline text-red-700\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e19\u0e1a\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e0b\u0e37\u0e49\u0e2d\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/span><\/p>\n <\/li>\n <\/ul>\n <\/section>\n <\/div>\n\n \n <section class=\"mt-8 bg-red-50 p-8 rounded-2xl shadow-lg border-2 border-red-200 reveal\">\n <h2 class=\"text-xl font-bold text-red-700 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-red-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" \/>\n <\/svg>\n \u0e1a\u0e17\u0e25\u0e07\u0e42\u0e17\u0e29 (\u0e02\u0e49\u0e2d\u0e1e\u0e36\u0e07\u0e23\u0e30\u0e27\u0e31\u0e07)\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <div class=\"bg-white p-5 rounded-lg border border-red-100 shadow-sm hover:border-red-400 transition-colors\">\n <span class=\"block text-red-600 font-bold mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e32 50<\/span>\n \u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 <br>\n <span class=\"text-red-800 font-bold text-lg\">\u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 10,000 \u0e1a\u0e32\u0e17<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg border border-red-100 shadow-sm hover:border-red-400 transition-colors\">\n <span class=\"block text-red-600 font-bold mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e32 57<\/span>\n \u0e2b\u0e32\u0e01\u0e1c\u0e34\u0e14\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e32 50 <br>\n <span class=\"text-red-800 font-bold\">\u0e23\u0e34\u0e1a\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e41\u0e25\u0e30\u0e17\u0e33\u0e25\u0e32\u0e22\u0e17\u0e34\u0e49\u0e07<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg border border-red-100 shadow-sm hover:border-red-400 transition-colors\">\n <span class=\"block text-red-600 font-bold mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e32 53<\/span>\n \u0e44\u0e21\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e43\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 <br>\n <span class=\"text-red-800 font-bold text-lg\">\u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 5,000 \u0e1a\u0e32\u0e17<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mt-12 bg-white p-8 rounded-2xl shadow-inner border border-slate-200 reveal\">\n <div class=\"flex items-center mb-6\">\n <div class=\"bg-slate-800 p-2 rounded-lg mr-3\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-lg font-bold text-slate-800 uppercase tracking-wide\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/h2>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start p-4 rounded-xl hover:bg-slate-50 transition-colors border border-transparent hover:border-slate-100\">\n <div class=\"flex-shrink-0 mt-1\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2021\/03\/doa-logo.png\" class=\"h-6 w-6 grayscale opacity-70\" alt=\"DOA Logo Small\">\n <\/div>\n <div class=\"ml-4\">\n <h3 class=\"text-sm font-bold text-slate-700\">\u0e01\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/h3>\n <p class=\"text-sm text-slate-500 mb-2\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34<\/p>\n <a href=\"https:\/\/www.doa.go.th\/rubber\/?p=5875\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center group\">\n \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01 (doa.go.th)\n <svg class=\"w-4 h-4 ml-1 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start p-4 rounded-xl hover:bg-slate-50 transition-colors border border-transparent hover:border-slate-100\">\n <div class=\"flex-shrink-0 mt-1\">\n <svg class=\"h-6 w-6 text-red-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h3 class=\"text-sm font-bold text-slate-700\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 (PDF)<\/h3>\n <p class=\"text-sm text-slate-500 mb-2\">\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e22\u0e32\u0e07<\/p>\n <a href=\"https:\/\/www.doa.go.th\/rubber\/wp-content\/uploads\/dlm_uploads\/2024\/06\/%E0%B9%83%E0%B8%9A%E0%B8%AD%E0%B8%99%E0%B8%B8%E0%B8%8D%E0%B8%B2%E0%B8%95%E0%B9%80%E0%B8%9B%E0%B9%87%E0%B8%99%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B8%82%E0%B8%A2%E0%B8%B2%E0%B8%A2%E0%B8%9E%E0%B8%B1%E0%B8%99%E0%B8%98%E0%B8%B8%E0%B9%8C%E0%B8%95%E0%B9%89%E0%B8%99%E0%B8%A2%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%9E%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B9%89%E0%B8%B2.pdf\" target=\"_blank\" class=\"text-red-600 hover:text-red-800 text-sm font-medium flex items-center group\">\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\n <svg class=\"w-4 h-4 ml-1 transform group-hover:translate-y-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Scroll Reveal Effect\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 150;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n\n window.addEventListener(\"scroll\", reveal);\n\n \/\/ \u0e23\u0e31\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\n window.onload = function() {\n reveal();\n \/\/ \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 animate__stretchedWidth \u0e41\u0e1a\u0e1a manual\n const bars = document.querySelectorAll('.animate__animated');\n bars.forEach(bar => {\n if(bar.classList.contains('animate__stretchWidth')) {\n bar.style.width = '0px';\n setTimeout(() => {\n bar.style.transition = 'width 1.5s ease-out';\n bar.style.width = '96px';\n }, 500);\n }\n });\n };\n <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-13186","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/comments?post=13186"}],"version-history":[{"count":2,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13186\/revisions"}],"predecessor-version":[{"id":13188,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13186\/revisions\/13188"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=13186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n \n \n \u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f8fafc;\n scroll-behavior: smooth;\n }\n .hero-gradient {\n background: linear-gradient(135deg, #166534 0%, #15803d 100%);\n background-size: 200% 200%;\n animation: gradientBG 10s ease infinite;\n }\n @keyframes gradientBG {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .card {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\n }\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n .logo-hover {\n transition: transform 0.5s ease;\n }\n .logo-hover:hover {\n transform: rotate(5deg) scale(1.05);\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800\">\n\n \n <header class=\"hero-gradient text-white py-12 px-4 shadow-lg overflow-hidden relative\">\n <div class=\"max-w-4xl mx-auto text-center relative z-10 animate__animated animate__fadeIn\">\n <div class=\"mb-6 inline-block bg-white p-2 rounded-xl shadow-md logo-hover\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2021\/03\/doa-logo.png\" alt=\"\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 Logo\" class=\"h-20 md:h-24 mx-auto object-contain\">\n <\/div>\n <p class=\"text-sm uppercase tracking-widest opacity-90 mb-2 animate__animated animate__slideInDown\">\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 (Together Changing)<\/p>\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4 animate__animated animate__zoomIn\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32<\/h1>\n <div class=\"h-1 w-24 bg-yellow-400 mx-auto rounded-full animate__animated animate__stretchWidth\"><\/div>\n <\/div>\n \n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\n <svg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"absolute -top-10 -left-10 w-64 h-64\">\n <path fill=\"#FFFFFF\" d=\"M44.7,-76.4C58.2,-69.2,69.8,-57.1,77.4,-43.2C85.1,-29.3,88.8,-13.7,87.9,1.6C87.1,16.8,81.7,31.7,73.1,44.7C64.5,57.7,52.7,68.8,39,75.3C25.3,81.8,9.7,83.7,-5.4,81.2C-20.5,78.7,-35.1,71.8,-48.1,62.7C-61.1,53.5,-72.5,42.1,-79.6,28.6C-86.7,15.1,-89.5,-0.5,-86.6,-15.1C-83.7,-29.7,-75,-43.3,-63.3,-51.3C-51.6,-59.4,-36.8,-61.8,-23.7,-69.1C-10.6,-76.5,0.7,-88.7,14,-87.6C27.4,-86.6,44.7,-76.4Z\" transform=\"translate(100 100)\" \/>\n <\/svg>\n <\/div>\n <\/header>\n\n <main class=\"max-w-5xl mx-auto px-4 py-12 -mt-8 mb-12\">\n \n \n <section class=\"bg-white rounded-2xl shadow-xl p-8 mb-8 border-t-4 border-green-600 animate__animated animate__fadeInUp\">\n <h2 class=\"text-2xl font-bold text-green-800 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 mr-2 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n <\/svg>\n \u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\n <\/h2>\n <p class=\"text-lg leading-relaxed mb-4\">\n \u0e1c\u0e39\u0e49\u0e43\u0e14\u0e08\u0e30\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 <span class=\"font-bold text-red-600\">\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/span> \u0e15\u0e32\u0e21 <span class=\"font-semibold\">\u0e1e.\u0e23.\u0e1a. \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e22\u0e32\u0e07 2542<\/span> \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e08\u0e32\u0e01\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\n <\/p>\n <\/section>\n\n \n <section class=\"mb-12\">\n <h3 class=\"text-xl font-bold mb-6 text-center text-slate-700 reveal\">\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 \u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e27\u0e34\u0e18\u0e35\u0e43\u0e14\u0e27\u0e34\u0e18\u0e35\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49:<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"card bg-white p-6 rounded-xl shadow-md border-b-4 border-green-500 text-center reveal\" style=\"transition-delay: 0.1s;\">\n <div class=\"w-16 h-16 bg-green-100 text-green-700 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl font-bold border border-green-200 shadow-inner\">1<\/div>\n <h4 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07<\/h4>\n <p class=\"text-sm text-slate-500 italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/p>\n <\/div>\n \n <div class=\"card bg-white p-6 rounded-xl shadow-md border-b-4 border-green-500 text-center reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"w-16 h-16 bg-green-100 text-green-700 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl font-bold border border-green-200 shadow-inner\">2<\/div>\n <h4 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e49\u0e19\u0e15\u0e2d\u0e15\u0e32\u0e22\u0e32\u0e07<\/h4>\n <p class=\"text-sm text-slate-500 italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/p>\n <\/div>\n \n <div class=\"card bg-white p-6 rounded-xl shadow-md border-b-4 border-green-500 text-center reveal\" style=\"transition-delay: 0.3s;\">\n <div class=\"w-16 h-16 bg-green-100 text-green-700 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl font-bold border border-green-200 shadow-inner\">3<\/div>\n <h4 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e0a\u0e33\u0e16\u0e38\u0e07<\/h4>\n <p class=\"text-sm text-slate-500 italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <section class=\"bg-white p-8 rounded-2xl shadow-lg border-l-4 border-blue-500 reveal\">\n <h2 class=\"text-xl font-bold text-blue-800 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-blue-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" \/>\n <\/svg>\n \u0e2b\u0e25\u0e31\u0e01\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e43\u0e2b\u0e49\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n <\/h2>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">1.<\/span>\n <span>\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19 <span class=\"font-semibold\">\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/span> \u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c \u0e1e.\u0e28. 2556<\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">2.<\/span>\n <span>\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e32\u0e21 <span class=\"font-semibold text-blue-700\">\u0e01\u0e0e\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e2f \u0e1e.\u0e28. 2564 \u0e2b\u0e21\u0e27\u0e14 4<\/span><\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">3.<\/span>\n <span>\u0e43\u0e0a\u0e49\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e32\u0e21 <span class=\"font-semibold\">\u0e2b\u0e25\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span><\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"text-blue-500 mr-2 font-bold group-hover:scale-125 transition-transform\">4.<\/span>\n <span>\u0e08\u0e31\u0e14\u0e41\u0e1a\u0e48\u0e07\u0e15\u0e49\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 <span class=\"font-semibold\">\u0e44\u0e21\u0e48\u0e1b\u0e30\u0e1b\u0e19\u0e01\u0e31\u0e19 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e49\u0e32\u0e22\u0e41\u0e2a\u0e14\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/span><\/span>\n <\/li>\n <\/ul>\n <div class=\"mt-8 p-4 bg-blue-50 rounded-lg text-blue-700 text-sm font-medium border border-blue-100 flex items-center animate__animated animate__pulse animate__infinite\">\n <svg class=\"w-5 h-5 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"><\/path><\/svg>\n \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15: \u0e42\u0e1b\u0e23\u0e14\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-8 rounded-2xl shadow-lg border-l-4 border-yellow-500 reveal\">\n <h2 class=\"text-xl font-bold text-yellow-800 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-yellow-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n <\/svg>\n \u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n <\/h2>\n <ul class=\"space-y-5\">\n <li class=\"flex group\">\n <div class=\"bg-yellow-100 p-2 rounded-lg mr-4 h-fit group-hover:bg-yellow-200 transition-colors\">\n <svg class=\"w-5 h-5 text-yellow-700\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z\"><\/path><\/svg>\n <\/div>\n <p>\u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e1b\u0e49\u0e32\u0e22 <span class=\"italic font-semibold text-yellow-900 underline decoration-yellow-300\">\u201c\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e42\u0e14\u0e22 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u201d<\/span> \u0e13 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07<\/p>\n <\/li>\n <li class=\"flex group\">\n <div class=\"bg-yellow-100 p-2 rounded-lg mr-4 h-fit group-hover:bg-yellow-200 transition-colors\">\n <svg class=\"w-5 h-5 text-yellow-700\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9 2a1 1 0 000 2h2a1 1 0 100-2H9z\"><\/path><path fill-rule=\"evenodd\" d=\"M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2H7a1 1 0 100-2h.01zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <\/div>\n <p>\u0e08\u0e31\u0e14\u0e17\u0e33\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e04\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d <span class=\"font-bold underline\">\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/span> \u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22<\/p>\n <\/li>\n <li class=\"flex group\">\n <div class=\"bg-yellow-100 p-2 rounded-lg mr-4 h-fit group-hover:bg-yellow-200 transition-colors\">\n <svg class=\"w-5 h-5 text-yellow-700\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z\"><\/path><path fill-rule=\"evenodd\" d=\"M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9zm5 0a1 1 0 100 2h1a1 1 0 100-2h-1z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <\/div>\n <p>\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19 \u0e23\u0e30\u0e1a\u0e38\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e0a\u0e19\u0e34\u0e14 \u0e41\u0e25\u0e30\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c <span class=\"font-semibold underline text-red-700\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e19\u0e1a\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e0b\u0e37\u0e49\u0e2d\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/span><\/p>\n <\/li>\n <\/ul>\n <\/section>\n <\/div>\n\n \n <section class=\"mt-8 bg-red-50 p-8 rounded-2xl shadow-lg border-2 border-red-200 reveal\">\n <h2 class=\"text-xl font-bold text-red-700 mb-6 flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-red-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" \/>\n <\/svg>\n \u0e1a\u0e17\u0e25\u0e07\u0e42\u0e17\u0e29 (\u0e02\u0e49\u0e2d\u0e1e\u0e36\u0e07\u0e23\u0e30\u0e27\u0e31\u0e07)\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <div class=\"bg-white p-5 rounded-lg border border-red-100 shadow-sm hover:border-red-400 transition-colors\">\n <span class=\"block text-red-600 font-bold mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e32 50<\/span>\n \u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 <br>\n <span class=\"text-red-800 font-bold text-lg\">\u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 10,000 \u0e1a\u0e32\u0e17<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg border border-red-100 shadow-sm hover:border-red-400 transition-colors\">\n <span class=\"block text-red-600 font-bold mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e32 57<\/span>\n \u0e2b\u0e32\u0e01\u0e1c\u0e34\u0e14\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e32 50 <br>\n <span class=\"text-red-800 font-bold\">\u0e23\u0e34\u0e1a\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e41\u0e25\u0e30\u0e17\u0e33\u0e25\u0e32\u0e22\u0e17\u0e34\u0e49\u0e07<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg border border-red-100 shadow-sm hover:border-red-400 transition-colors\">\n <span class=\"block text-red-600 font-bold mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e32 53<\/span>\n \u0e44\u0e21\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e43\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 <br>\n <span class=\"text-red-800 font-bold text-lg\">\u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 5,000 \u0e1a\u0e32\u0e17<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mt-12 bg-white p-8 rounded-2xl shadow-inner border border-slate-200 reveal\">\n <div class=\"flex items-center mb-6\">\n <div class=\"bg-slate-800 p-2 rounded-lg mr-3\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-lg font-bold text-slate-800 uppercase tracking-wide\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/h2>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start p-4 rounded-xl hover:bg-slate-50 transition-colors border border-transparent hover:border-slate-100\">\n <div class=\"flex-shrink-0 mt-1\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2021\/03\/doa-logo.png\" class=\"h-6 w-6 grayscale opacity-70\" alt=\"DOA Logo Small\">\n <\/div>\n <div class=\"ml-4\">\n <h3 class=\"text-sm font-bold text-slate-700\">\u0e01\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/h3>\n <p class=\"text-sm text-slate-500 mb-2\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34<\/p>\n <a href=\"https:\/\/www.doa.go.th\/rubber\/?p=5875\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center group\">\n \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01 (doa.go.th)\n <svg class=\"w-4 h-4 ml-1 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start p-4 rounded-xl hover:bg-slate-50 transition-colors border border-transparent hover:border-slate-100\">\n <div class=\"flex-shrink-0 mt-1\">\n <svg class=\"h-6 w-6 text-red-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z\" clip-rule=\"evenodd\"><\/path><\/svg>\n <\/div>\n <div class=\"ml-4\">\n <h3 class=\"text-sm font-bold text-slate-700\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 (PDF)<\/h3>\n <p class=\"text-sm text-slate-500 mb-2\">\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e22\u0e32\u0e07<\/p>\n <a href=\"https:\/\/www.doa.go.th\/rubber\/wp-content\/uploads\/dlm_uploads\/2024\/06\/%E0%B9%83%E0%B8%9A%E0%B8%AD%E0%B8%99%E0%B8%B8%E0%B8%8D%E0%B8%B2%E0%B8%95%E0%B9%80%E0%B8%9B%E0%B9%87%E0%B8%99%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B8%82%E0%B8%A2%E0%B8%B2%E0%B8%A2%E0%B8%9E%E0%B8%B1%E0%B8%99%E0%B8%98%E0%B8%B8%E0%B9%8C%E0%B8%95%E0%B9%89%E0%B8%99%E0%B8%A2%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%9E%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B9%89%E0%B8%B2.pdf\" target=\"_blank\" class=\"text-red-600 hover:text-red-800 text-sm font-medium flex items-center group\">\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\n <svg class=\"w-4 h-4 ml-1 transform group-hover:translate-y-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Scroll Reveal Effect\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 150;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n\n window.addEventListener(\"scroll\", reveal);\n\n \/\/ \u0e23\u0e31\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\n window.onload = function() {\n reveal();\n \/\/ \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 animate__stretchedWidth \u0e41\u0e1a\u0e1a manual\n const bars = document.querySelectorAll('.animate__animated');\n bars.forEach(bar => {\n if(bar.classList.contains('animate__stretchWidth')) {\n bar.style.width = '0px';\n setTimeout(() => {\n bar.style.transition = 'width 1.5s ease-out';\n bar.style.width = '96px';\n }, 500);\n }\n });\n };\n <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-13186","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/comments?post=13186"}],"version-history":[{"count":2,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13186\/revisions"}],"predecessor-version":[{"id":13188,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13186\/revisions\/13188"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=13186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}