{"id":758,"date":"2026-02-17T01:48:47","date_gmt":"2026-02-17T01:48:47","guid":{"rendered":"https:\/\/medkorat.mcu.ac.th\/?page_id=758"},"modified":"2026-02-20T02:13:01","modified_gmt":"2026-02-20T02:13:01","slug":"%e0%b8%82%e0%b8%b1%e0%b9%89%e0%b8%99%e0%b8%95%e0%b8%ad%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%aa%e0%b8%99%e0%b8%ad%e0%b8%82%e0%b8%ad%e0%b8%aa%e0%b8%ad%e0%b8%9a%e0%b8%94%e0%b8%b8%e0%b8%a9","status":"publish","type":"page","link":"https:\/\/medkorat.mcu.ac.th\/?page_id=758","title":{"rendered":"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c"},"content":{"rendered":"\n<figure class=\"wp-block-image alignfull size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"508\" height=\"666\" src=\"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48-1.png\" alt=\"\" class=\"wp-image-792\" srcset=\"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48-1.png 508w, https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48-1-229x300.png 229w\" sizes=\"(max-width: 508px) 100vw, 508px\" \/><\/figure>\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\" class=\"h-full\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/title>\n  <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;family=Prompt:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    * {\n      font-family: 'Sarabun', sans-serif;\n    }\n    \n    .gradient-bg {\n      background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 50%, #3d7ab5 100%);\n    }\n    \n    .card-gradient {\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);\n    }\n    \n    .step-card {\n      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n    \n    .step-card:hover {\n      transform: translateY(-8px) scale(1.02);\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    }\n    \n    .step-number {\n      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n      box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\n    }\n    \n    .download-btn {\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .download-btn:hover {\n      background: linear-gradient(135deg, #059669 0%, #047857 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);\n    }\n    \n    .floating-icon {\n      animation: float 3s ease-in-out infinite;\n    }\n    \n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-10px); }\n    }\n    \n    .pulse-ring {\n      animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;\n    }\n    \n    @keyframes pulse-ring {\n      0% { transform: scale(0.8); opacity: 1; }\n      100% { transform: scale(1.5); opacity: 0; }\n    }\n    \n    .progress-line {\n      background: linear-gradient(90deg, #f59e0b 0%, #10b981 100%);\n    }\n    \n    .glass-effect {\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(10px);\n    }\n    \n    .thai-pattern {\n      background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n    }\n\n    .scroll-container {\n      scrollbar-width: thin;\n      scrollbar-color: #cbd5e1 #f1f5f9;\n    }\n    \n    .scroll-container::-webkit-scrollbar {\n      width: 8px;\n    }\n    \n    .scroll-container::-webkit-scrollbar-track {\n      background: #f1f5f9;\n      border-radius: 4px;\n    }\n    \n    .scroll-container::-webkit-scrollbar-thumb {\n      background: #cbd5e1;\n      border-radius: 4px;\n    }\n    \n    .scroll-container::-webkit-scrollbar-thumb:hover {\n      background: #94a3b8;\n    }\n  <\/style>\n<\/head>\n<body class=\"h-full gradient-bg thai-pattern\">\n  <div class=\"h-full overflow-auto scroll-container\">\n    <div class=\"min-h-full py-8 px-4 md:px-8\">\n      <!-- Header Section -->\n      <header class=\"max-w-6xl mx-auto mb-10\">\n        <div class=\"glass-effect rounded-3xl p-8 shadow-2xl border border-white\/20\">\n          <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\n            <div class=\"flex items-center gap-5\">\n              <div class=\"relative\">\n                <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-amber-400 to-amber-600 flex items-center justify-center shadow-lg floating-icon\">\n                  <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"absolute -top-1 -right-1 w-6 h-6 bg-green-500 rounded-full flex items-center justify-center\">\n                  <svg class=\"w-4 h-4 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div>\n                <h1 id=\"mainTitle\" class=\"text-2xl md:text-3xl font-bold text-slate-800 leading-tight\" style=\"font-family: 'Prompt', sans-serif;\">\n                  \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\n                <\/h1>\n                <p id=\"subtitle\" class=\"text-lg text-slate-600 mt-1\">\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u2022 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/p>\n              <\/div>\n            <\/div>\n            <button onclick=\"downloadPDF()\" class=\"download-btn text-white px-6 py-3 rounded-xl font-semibold flex items-center gap-3 shadow-lg\">\n              <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n              <\/svg>\n              <span>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<\/span>\n            <\/button>\n          <\/div>\n          \n          <!-- Progress Bar -->\n          <div class=\"mt-8\">\n            <div class=\"flex items-center justify-between mb-3\">\n              <span class=\"text-sm font-medium text-slate-600\">\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23<\/span>\n              <span class=\"text-sm font-semibold text-amber-600\">9 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/span>\n            <\/div>\n            <div class=\"h-3 bg-slate-200 rounded-full overflow-hidden\">\n              <div class=\"progress-line h-full w-full rounded-full\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <!-- Steps Container -->\n      <main class=\"max-w-6xl mx-auto\">\n        <div class=\"grid gap-5\">\n          \n          <!-- Step 1 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e51\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e08\u0e33\u0e19\u0e27\u0e19 <span class=\"font-semibold text-amber-600 bg-amber-50 px-2 py-0.5 rounded\">\u0e51 \u0e0a\u0e38\u0e14<\/span> \u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n                <\/p>\n                <div class=\"mt-3 flex items-center gap-2\">\n                  <span class=\"inline-flex items-center gap-1 text-xs font-medium text-blue-600 bg-blue-50 px-3 py-1 rounded-full\">\n                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                    <\/svg>\n                    \u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 2 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e52\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e04\u0e27\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e17\u0e38\u0e01\u0e04\u0e19\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e19\u0e1b\u0e01\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e08\u0e33\u0e19\u0e27\u0e19 <span class=\"font-semibold text-amber-600 bg-amber-50 px-2 py-0.5 rounded\">\u0e51 \u0e09\u0e1a\u0e31\u0e1a<\/span>\n                <\/p>\n                <div class=\"mt-3 flex items-center gap-2\">\n                  <span class=\"inline-flex items-center gap-1 text-xs font-medium text-purple-600 bg-purple-50 px-3 py-1 rounded-full\">\n                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path>\n                    <\/svg>\n                    \u0e25\u0e07\u0e19\u0e32\u0e21\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 3 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e53\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 \u0e1a\u0e11 \u0e58<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c <span class=\"font-semibold text-emerald-600 bg-emerald-50 px-2 py-0.5 rounded\">(\u0e1a\u0e11 \u0e58)<\/span> \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n                <\/p>\n                <div class=\"mt-3 flex items-center gap-2\">\n                  <span class=\"inline-flex items-center gap-1 text-xs font-medium text-emerald-600 bg-emerald-50 px-3 py-1 rounded-full\">\n                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                    <\/svg>\n                    \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e1a\u0e11 \u0e58\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 4 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e54\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e41\u0e25\u0e49\u0e27\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e04\u0e27\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n                <\/p>\n                <div class=\"mt-3 flex items-center gap-2\">\n                  <span class=\"inline-flex items-center gap-1 text-xs font-medium text-orange-600 bg-orange-50 px-3 py-1 rounded-full\">\n                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path>\n                    <\/svg>\n                    \u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 5 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e55\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e22\u0e37\u0e48\u0e19\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 (\u0e1a\u0e11 \u0e58) \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07:\n                <\/p>\n                <div class=\"mt-3 grid grid-cols-1 md:grid-cols-2 gap-3\">\n                  <div class=\"bg-blue-50 rounded-xl p-4 border border-blue-100\">\n                    <div class=\"flex items-center gap-2 mb-2\">\n                      <svg class=\"w-5 h-5 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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\"><\/path>\n                      <\/svg>\n                      <span class=\"font-semibold text-blue-800\">\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/span>\n                    <\/div>\n                    <p class=\"text-blue-700 text-sm\">\u0e08\u0e33\u0e19\u0e27\u0e19 <span class=\"font-bold\">\u0e56 \u0e0a\u0e38\u0e14<\/span><\/p>\n                  <\/div>\n                  <div class=\"bg-teal-50 rounded-xl p-4 border border-teal-100\">\n                    <div class=\"flex items-center gap-2 mb-2\">\n                      <svg class=\"w-5 h-5 text-teal-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                      <\/svg>\n                      <span class=\"font-semibold text-teal-800\">\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/span>\n                    <\/div>\n                    <p class=\"text-teal-700 text-sm\">\u0e08\u0e33\u0e19\u0e27\u0e19 <span class=\"font-bold\">\u0e51 \u0e0a\u0e38\u0e14<\/span><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 6 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e56\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e2a\u0e48\u0e07\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e27\u0e34\u0e18\u0e35\u0e27\u0e34\u0e08\u0e31\u0e22 (\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13)<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13 \u0e19\u0e34\u0e2a\u0e34\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e48\u0e07\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e27\u0e34\u0e18\u0e35\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e01\u0e48\u0e2d\u0e19\u0e27\u0e31\u0e19\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f\n                <\/p>\n                <div class=\"mt-3 inline-flex items-center gap-2 bg-red-50 text-red-700 px-4 py-2 rounded-xl border border-red-100\">\n                  <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                  <\/svg>\n                  <span class=\"font-semibold\">\u0e44\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 \u0e53 \u0e27\u0e31\u0e19 \u0e01\u0e48\u0e2d\u0e19\u0e27\u0e31\u0e19\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 7 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e57\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e02\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e49\u0e27 \u0e02\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e41\u0e25\u0e30\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a:\n                <\/p>\n                <div class=\"mt-3 grid grid-cols-1 md:grid-cols-2 gap-3\">\n                  <div class=\"bg-indigo-50 rounded-xl p-4 border border-indigo-100\">\n                    <span class=\"inline-block px-3 py-1 bg-indigo-600 text-white text-xs font-semibold rounded-full mb-2\">\u0e1a\u0e11 \u0e58.\u0e51<\/span>\n                    <p class=\"text-indigo-800 text-sm font-medium\">\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/p>\n                  <\/div>\n                  <div class=\"bg-pink-50 rounded-xl p-4 border border-pink-100\">\n                    <span class=\"inline-block px-3 py-1 bg-pink-600 text-white text-xs font-semibold rounded-full mb-2\">\u0e1a\u0e11 \u0e58.\u0e52<\/span>\n                    <p class=\"text-pink-800 text-sm font-medium\">\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/p>\n                  <\/div>\n                <\/div>\n                <div class=\"mt-4 bg-slate-50 rounded-xl p-4 border border-slate-200\">\n                  <p class=\"text-sm text-slate-600\">\n                    <span class=\"font-semibold\">\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a:<\/span><br>\n                    \u0e51. \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2f \u2192 \u0e52. \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2f\n                  <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 8 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold\">\n                  \u0e58\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <h3 class=\"text-lg font-semibold text-slate-800 mb-2\">\u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07<\/h3>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22:\n                <\/p>\n                <div class=\"mt-3 flex flex-wrap gap-3\">\n                  <div class=\"inline-flex items-center gap-2 bg-blue-100 text-blue-800 px-4 py-2 rounded-xl\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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\"><\/path>\n                    <\/svg>\n                    <span class=\"font-semibold\">\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c: \u0e52 \u0e0a\u0e38\u0e14<\/span>\n                  <\/div>\n                  <div class=\"inline-flex items-center gap-2 bg-teal-100 text-teal-800 px-4 py-2 rounded-xl\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                    <\/svg>\n                    <span class=\"font-semibold\">\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c: \u0e52 \u0e0a\u0e38\u0e14<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Step 9 -->\n          <div class=\"step-card card-gradient rounded-2xl p-6 shadow-xl border border-slate-100 ring-2 ring-green-400 ring-offset-2\">\n            <div class=\"flex gap-5\">\n              <div class=\"flex-shrink-0 relative\">\n                <div class=\"step-number w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold bg-gradient-to-br from-green-500 to-emerald-600\">\n                  \u0e59\n                <\/div>\n                <div class=\"absolute -top-1 -right-1\">\n                  <div class=\"w-6 h-6 bg-green-500 rounded-full flex items-center justify-center\">\n                    <svg class=\"w-4 h-4 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"flex-1\">\n                <div class=\"flex items-center gap-2 mb-2\">\n                  <h3 class=\"text-lg font-semibold text-slate-800\">\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/h3>\n                  <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800\">\n                    \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\n                  <\/span>\n                <\/div>\n                <p class=\"text-slate-600 leading-relaxed\">\n                  \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e41\u0e25\u0e49\u0e27 \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 <span class=\"font-semibold text-emerald-600 bg-emerald-50 px-2 py-0.5 rounded\">(\u0e1a\u0e11 \u0e59)<\/span> \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n                <\/p>\n                <div class=\"mt-4 bg-gradient-to-r from-amber-50 to-orange-50 rounded-xl p-4 border border-amber-200\">\n                  <div class=\"flex items-start gap-3\">\n                    <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-amber-100 flex items-center justify-center\">\n                      <svg class=\"w-5 h-5 text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div>\n                      <p class=\"font-semibold text-amber-800\">\u0e2a\u0e33\u0e04\u0e31\u0e0d: \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e27\u0e25\u0e32\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/p>\n                      <p class=\"text-amber-700 mt-1\">\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 <span class=\"font-bold text-red-600\">\u0e53\u0e50 \u0e27\u0e31\u0e19<\/span> \u0e19\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Download Section -->\n        <div class=\"mt-10 glass-effect rounded-2xl p-8 shadow-xl border border-white\/20\">\n          <div class=\"text-center\">\n            <div class=\"inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-emerald-400 to-emerald-600 mb-4 floating-icon\">\n              <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <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>\n              <\/svg>\n            <\/div>\n            <h2 class=\"text-2xl font-bold text-slate-800 mb-2\" style=\"font-family: 'Prompt', sans-serif;\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h2>\n            <p class=\"text-slate-600 mb-6\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1f\u0e25\u0e4c PDF \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/p>\n            <button onclick=\"downloadPDF()\" class=\"download-btn text-white px-8 py-4 rounded-xl font-semibold text-lg inline-flex items-center gap-3 shadow-lg\">\n              <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n              <\/svg>\n              <span>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Footer -->\n        <footer class=\"mt-10 text-center pb-8\">\n          <p class=\"text-white\/70 text-sm\">\n            \u00a9 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 | \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n          <\/p>\n        <\/footer>\n      <\/main>\n    <\/div>\n  <\/div>\n\n  <script>\n    const defaultConfig = {\n      main_title: '\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07',\n      subtitle: '\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u2022 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22',\n      background_color: '#1e3a5f',\n      card_color: '#ffffff',\n      text_color: '#1e293b',\n      accent_color: '#f59e0b',\n      button_color: '#10b981'\n    };\n\n    async function onConfigChange(config) {\n      const mainTitle = document.getElementById('mainTitle');\n      const subtitle = document.getElementById('subtitle');\n      \n      if (mainTitle) {\n        mainTitle.textContent = config.main_title || defaultConfig.main_title;\n      }\n      if (subtitle) {\n        subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n      }\n    }\n\n    function mapToCapabilities(config) {\n      return {\n        recolorables: [\n          {\n            get: () => config.background_color || defaultConfig.background_color,\n            set: (value) => {\n              config.background_color = value;\n              window.elementSdk.setConfig({ background_color: value });\n            }\n          },\n          {\n            get: () => config.card_color || defaultConfig.card_color,\n            set: (value) => {\n              config.card_color = value;\n              window.elementSdk.setConfig({ card_color: value });\n            }\n          },\n          {\n            get: () => config.text_color || defaultConfig.text_color,\n            set: (value) => {\n              config.text_color = value;\n              window.elementSdk.setConfig({ text_color: value });\n            }\n          },\n          {\n            get: () => config.accent_color || defaultConfig.accent_color,\n            set: (value) => {\n              config.accent_color = value;\n              window.elementSdk.setConfig({ accent_color: value });\n            }\n          },\n          {\n            get: () => config.button_color || defaultConfig.button_color,\n            set: (value) => {\n              config.button_color = value;\n              window.elementSdk.setConfig({ button_color: value });\n            }\n          }\n        ],\n        borderables: [],\n        fontEditable: undefined,\n        fontSizeable: undefined\n      };\n    }\n\n    function mapToEditPanelValues(config) {\n      return new Map([\n        ['main_title', config.main_title || defaultConfig.main_title],\n        ['subtitle', config.subtitle || defaultConfig.subtitle]\n      ]);\n    }\n\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange,\n        mapToCapabilities,\n        mapToEditPanelValues\n      });\n    }\n\n    function downloadPDF() {\n      const content = `\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n================================================================================\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e51: \u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n- \u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e51 \u0e0a\u0e38\u0e14 \u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e52: \u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\n- \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e04\u0e27\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e17\u0e38\u0e01\u0e04\u0e19\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e19\u0e1b\u0e01\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e51 \u0e09\u0e1a\u0e31\u0e1a\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e53: \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 \u0e1a\u0e11 \u0e58\n- \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c (\u0e1a\u0e11 \u0e58) \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e54: \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\n- \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e41\u0e25\u0e49\u0e27\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e04\u0e27\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e55: \u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\n- \u0e22\u0e37\u0e48\u0e19\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 (\u0e1a\u0e11 \u0e58) \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07:\n  \u2022 \u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c: \u0e56 \u0e0a\u0e38\u0e14\n  \u2022 \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c: \u0e51 \u0e0a\u0e38\u0e14\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e56: \u0e2a\u0e48\u0e07\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e27\u0e34\u0e18\u0e35\u0e27\u0e34\u0e08\u0e31\u0e22 (\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13)\n- \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13 \u0e19\u0e34\u0e2a\u0e34\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e48\u0e07\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e27\u0e34\u0e18\u0e35\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e01\u0e48\u0e2d\u0e19\u0e27\u0e31\u0e19\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e44\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 \u0e53 \u0e27\u0e31\u0e19\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e57: \u0e02\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\n- \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e49\u0e27 \u0e02\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e41\u0e25\u0e30\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\n  \u2022 \u0e1a\u0e11 \u0e58.\u0e51 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n  \u2022 \u0e1a\u0e11 \u0e58.\u0e52 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n- \u0e25\u0e33\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a: \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2f \u2192 \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2f\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e58: \u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\n- \u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e1a\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22:\n  \u2022 \u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c: \u0e52 \u0e0a\u0e38\u0e14\n  \u2022 \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c: \u0e52 \u0e0a\u0e38\u0e14\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e59: \u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n- \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e41\u0e25\u0e49\u0e27 \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 (\u0e1a\u0e11 \u0e59) \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n- *** \u0e2a\u0e33\u0e04\u0e31\u0e0d: \u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 \u0e53\u0e50 \u0e27\u0e31\u0e19 \u0e19\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28 ***\n\n================================================================================\n\u00a9 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n      `.trim();\n\n      const blob = new Blob([content], { type: 'text\/plain;charset=utf-8' });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = '\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c.txt';\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n      URL.revokeObjectURL(url);\n      \n      showToast('\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!');\n    }\n\n    function showToast(message) {\n      const toast = document.createElement('div');\n      toast.className = 'fixed bottom-6 left-1\/2 transform -translate-x-1\/2 bg-slate-800 text-white px-6 py-3 rounded-xl shadow-2xl flex items-center gap-3 z-50';\n      toast.style.animation = 'slideUp 0.3s ease-out';\n      toast.innerHTML = `\n        <svg class=\"w-5 h-5 text-green-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n        <\/svg>\n        <span>${message}<\/span>\n      `;\n      \n      const style = document.createElement('style');\n      style.textContent = `\n        @keyframes slideUp {\n          from { opacity: 0; transform: translate(-50%, 20px); }\n          to { opacity: 1; transform: translate(-50%, 0); }\n        }\n      `;\n      document.head.appendChild(style);\n      \n      document.body.appendChild(toast);\n      \n      setTimeout(() => {\n        toast.style.animation = 'slideUp 0.3s ease-out reverse';\n        setTimeout(() => {\n          document.body.removeChild(toast);\n        }, 300);\n      }, 3000);\n    }\n  <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cf19b9ce6688941',t:'MTc3MTI5Mjc1My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07 \u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u2022 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23 9 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 \u0e51 \u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e40\u0e2a\u0e19\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e51 \u0e0a\u0e38\u0e14 \u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e52 \u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e2a\u0e19\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e04\u0e27\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e17\u0e38\u0e01\u0e04\u0e19\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e19\u0e1b\u0e01\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e51 \u0e09\u0e1a\u0e31\u0e1a \u0e25\u0e07\u0e19\u0e32\u0e21&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-758","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=758"}],"version-history":[{"count":4,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/758\/revisions"}],"predecessor-version":[{"id":881,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/758\/revisions\/881"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}