{"id":14977,"date":"2025-10-25T19:57:58","date_gmt":"2025-10-25T19:57:58","guid":{"rendered":"https:\/\/o2nb.site\/?page_id=14977"},"modified":"2025-10-26T21:17:57","modified_gmt":"2025-10-26T21:17:57","slug":"o2b-report","status":"publish","type":"page","link":"https:\/\/o2nb.site\/vi\/o2b-report\/","title":{"rendered":"O2&B-Report"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n O2&B VIETNAM PARTNERSHIP<\/title>\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Fonts: Pretendard (Korean) & Inter (Fallback\/Other languages) -->\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* --- \uae30\ubcf8 & \uc2a4\ud06c\ub864 \uc124\uc815 --- *\/\r\n html, body {\r\n height: 100%;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow: hidden; \/* \uc804\uccb4 \ud398\uc774\uc9c0 \uc2a4\ud06c\ub864 \ubc29\uc9c0 *\/\r\n background-color: #0d1117; \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd \uae30\ubcf8\uac12 *\/\r\n \/* \ud83d\udd25 Font Family: Pretendard \uc6b0\uc120, Inter \ub300\uccb4 *\/\r\n font-family: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* \uc6cc\ub4dc\ud504\ub808\uc2a4 \uad00\ub9ac\uc790 \ubc14 \uc228\uae30\uae30 (\ud544\uc694\uc2dc \uc8fc\uc11d \ud574\uc81c) *\/\r\n \/* #wpadminbar { display: none !important; } *\/\r\n\r\n \/* \ud504\ub808\uc820\ud14c\uc774\uc158 \uc804\uccb4 \ucee8\ud14c\uc774\ub108 *\/\r\n .presentation-container {\r\n height: 100vh; \/* \ubdf0\ud3ec\ud2b8 \ub192\uc774 100% *\/\r\n width: 100vw; \/* \ubdf0\ud3ec\ud2b8 \ub108\ube44 100% *\/\r\n overflow-y: scroll; \/* \uc2ac\ub77c\uc774\ub4dc \uc2a4\ud06c\ub864 *\/\r\n overflow-x: hidden; \/* \uac00\ub85c \uc2a4\ud06c\ub864 \ubc29\uc9c0 *\/\r\n scroll-snap-type: y mandatory; \/* Y\ucd95 \uc2a4\ud06c\ub864 \uc2a4\ub0c5 \uac15\uc81c *\/\r\n scroll-behavior: smooth; \/* \ubd80\ub4dc\ub7ec\uc6b4 \uc2a4\ud06c\ub864 *\/\r\n position: fixed; \/* \uc6cc\ub4dc\ud504\ub808\uc2a4 \ub808\uc774\uc544\uc6c3 \ubb34\uc2dc *\/\r\n top: 0;\r\n left: 0;\r\n z-index: 9990; \/* \uc624\ubc84\ub808\uc774\ubcf4\ub2e4 \ub0ae\uac8c *\/\r\n background-color: #0d1117; \/* \ucee8\ud14c\uc774\ub108 \ubc30\uacbd *\/\r\n }\r\n\r\n \/* \uac1c\ubcc4 \uc2ac\ub77c\uc774\ub4dc \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\r\n .slide {\r\n min-height: 100vh; \/* \ucd5c\uc18c \ub192\uc774 100% *\/\r\n width: 100%; \/* \ucee8\ud14c\uc774\ub108 \ub108\ube44\uc5d0 \ub9de\ucda4 *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center; \/* \uae30\ubcf8 \uc138\ub85c \uc911\uc559 \uc815\ub82c *\/\r\n align-items: center; \/* \uae30\ubcf8 \uac00\ub85c \uc911\uc559 \uc815\ub82c *\/\r\n scroll-snap-align: start; \/* \uc2ac\ub77c\uc774\ub4dc \uc0c1\ub2e8\uc744 \uc2a4\ub0c5 \uc9c0\uc810 *\/\r\n position: relative;\r\n box-sizing: border-box;\r\n padding: 3rem 4rem; \/* \uae30\ubcf8 \ud328\ub529 (\ubc18\uc751\ud615\uc73c\ub85c \uc870\uc815\ub420 \uc218 \uc788\uc74c) *\/\r\n color: #e2e8f0; \/* \uae30\ubcf8 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 (\ubc1d\uc740 \ud68c\uc0c9) *\/\r\n opacity: 0; \/* \uae30\ubcf8\uc801\uc73c\ub85c \uc228\uae40 (\uc560\ub2c8\uba54\uc774\uc158\uc6a9) *\/\r\n animation: fadeIn 0.8s ease-out forwards; \/* \ud83d\udd25 \ud398\uc774\ub4dc \uc778 \uc560\ub2c8\uba54\uc774\uc158 *\/\r\n overflow: hidden; \/* \ub0b4\ubd80 \uc694\uc18c \ub118\uce68 \ubc29\uc9c0 *\/\r\n }\r\n\r\n \/* \uc2ac\ub77c\uc774\ub4dc \ub0b4\ubd80 \ucf58\ud150\uce20 \ub798\ud37c (\ud328\ub529 \ub4f1 \uc138\ubd80 \uc870\uc815\uc6a9) *\/\r\n .slide-content {\r\n width: 100%;\r\n max-width: 1200px; \/* \ucf58\ud150\uce20 \ucd5c\ub300 \ub108\ube44 *\/\r\n margin: auto; \/* \uc790\ub3d9 \uc911\uc559 \uc815\ub82c *\/\r\n padding: 2rem 0; \/* \uc704\uc544\ub798 \ucd94\uac00 \uc5ec\ubc31 *\/\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \/* \ub0b4\ubd80 \uc694\uc18c \uc911\uc559 \uc815\ub82c *\/\r\n justify-content: center; \/* \ub0b4\ubd80 \uc694\uc18c \uc911\uc559 \uc815\ub82c *\/\r\n flex-grow: 1; \/* \uc2ac\ub77c\uc774\ub4dc \ub192\uc774\ub97c \ucc44\uc6b0\ub3c4\ub85d *\/\r\n }\r\n\r\n \/* \ud83d\udd25 \ud398\uc774\ub4dc \uc778 \uc560\ub2c8\uba54\uc774\uc158 *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* --- \uc2ac\ub77c\uc774\ub4dc \ubc30\uacbd \uadf8\ub77c\ub370\uc774\uc158 --- *\/\r\n .bg-gradient-main { \r\n background: linear-gradient(145deg, #1e3a8a 0%, #0d1a2b 100%); \/* \ub2e4\ud06c \ub124\uc774\ube44 *\/\r\n }\r\n .bg-gradient-dark { \r\n background: linear-gradient(145deg, #1f2937 0%, #111827 100%); \/* \uc774\uc804\ubcf4\ub2e4 \uc57d\uac04 \ubc1d\uc740 \ub2e4\ud06c \uadf8\ub808\uc774 *\/\r\n }\r\n .bg-gradient-red {\r\n background: linear-gradient(145deg, #991b1b 0%, #450a0a 100%); \/* \ub2e4\ud06c \ub808\ub4dc *\/\r\n }\r\n .bg-gradient-green {\r\n background: linear-gradient(145deg, #15803d 0%, #052e16 100%); \/* \ub2e4\ud06c \uadf8\ub9b0 *\/\r\n }\r\n .bg-gradient-purple {\r\n background: linear-gradient(145deg, #6d28d9 0%, #3b0764 100%); \/* \ub2e4\ud06c \ud37c\ud50c *\/\r\n }\r\n .bg-gradient-grey { \/* Comparison table \uc6a9 *\/\r\n background: linear-gradient(145deg, #374151 0%, #111827 100%); \/* \ubbf8\ub514\uc5c4 \uadf8\ub808\uc774 *\/\r\n }\r\n\r\n \/* --- \uacf5\ud1b5 \uc694\uc18c \uc2a4\ud0c0\uc77c --- *\/\r\n\r\n \/* \uad6d\uae30 \ucee8\ud14c\uc774\ub108 & \uc544\uc774\ucf58 (1\ubc88 \uc2ac\ub77c\uc774\ub4dc) *\/\r\n .flag-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1.5rem; \/* \uad6d\uae30 \uc0ac\uc774 \uac04\uaca9 *\/\r\n margin-bottom: 3rem; \/* \uc544\ub798\ucabd \uc5ec\ubc31 *\/\r\n }\r\n .flag-icon {\r\n width: clamp(3rem, 6vw, 5rem); \/* \ubc18\uc751\ud615 \uad6d\uae30 \ud06c\uae30 *\/\r\n height: auto;\r\n border-radius: 6px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n background-color: rgba(255,255,255,0.1); \/* \uc774\ubbf8\uc9c0 \ub85c\ub4dc \uc2e4\ud328 \uc2dc *\/\r\n }\r\n\r\n \/* \uc139\uc158 \ubc43\uc9c0 (\uc88c\uce21 \uc0c1\ub2e8) - \uc720\ub9ac \ud6a8\uacfc *\/\r\n .section-badge {\r\n position: absolute;\r\n top: 2rem;\r\n left: 2rem;\r\n background: rgba(255, 255, 255, 0.1); \r\n color: #cbd5e1; \r\n padding: 0.6rem 1.5rem;\r\n border-radius: 9999px; \r\n font-size: clamp(0.75rem, 1.5vw, 0.9rem); \r\n font-weight: 600;\r\n letter-spacing: 0.05em;\r\n backdrop-filter: blur(10px); \/* \ud83d\udd25 \ube14\ub7ec \ud6a8\uacfc *\/\r\n border: 1px solid rgba(255, 255, 255, 0.15); \r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n }\r\n\r\n \/* \uc2ac\ub77c\uc774\ub4dc \ubc88\ud638 (\uc6b0\uce21 \ud558\ub2e8) *\/\r\n .slide-number {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n right: 1.5rem;\r\n font-size: clamp(0.75rem, 1.5vw, 0.9rem);\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.4); \r\n z-index: 5;\r\n }\r\n\r\n \/* \ud1b5\uacc4 \uce74\ub4dc (\uc720\ub9ac \ud6a8\uacfc) *\/\r\n .stat-card {\r\n background: rgba(255, 255, 255, 0.05); \r\n border-radius: 1.25rem; \r\n padding: 1.5rem 2rem; \r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n backdrop-filter: blur(12px); \/* \ud83d\udd25 \ube14\ub7ec \ud6a8\uacfc *\/\r\n border: 1px solid rgba(255, 255, 255, 0.1); \r\n transition: all 0.3s ease;\r\n height: 100%; \/* \uadf8\ub9ac\ub4dc \ub192\uc774 \ub9de\ucda4 *\/\r\n }\r\n .stat-card:hover {\r\n transform: translateY(-6px) scale(1.02); \/* \ud83d\udd25 \ud638\ubc84 \ud6a8\uacfc *\/\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\r\n background: rgba(255, 255, 255, 0.08); \r\n }\r\n\r\n \/* \uc544\uc774\ucf58 \ub798\ud37c *\/\r\n .icon-wrapper {\r\n width: clamp(60px, 10vw, 80px); \/* \ubc18\uc751\ud615 \ud06c\uae30 *\/\r\n height: clamp(60px, 10vw, 80px);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: clamp(2rem, 5vw, 3rem); \/* \ubc18\uc751\ud615 \uc544\uc774\ucf58 \ud06c\uae30 *\/\r\n background: rgba(255, 255, 255, 0.1); \/* \uc544\uc774\ucf58 \ubc30\uacbd *\/\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \ub370\uc774\ud130 \ucd9c\ucc98 \ub9c1\ud06c (\ud558\ub2e8 \uc911\uc559) *\/\r\n .data-source {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: clamp(0.65rem, 1.2vw, 0.75rem);\r\n color: rgba(255, 255, 255, 0.4);\r\n text-align: center;\r\n max-width: 90%;\r\n font-style: italic;\r\n z-index: 5;\r\n }\r\n .source-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n text-decoration: none;\r\n border-bottom: 1px dotted rgba(255, 255, 255, 0.5);\r\n transition: all 0.2s ease;\r\n }\r\n .source-link:hover {\r\n color: rgba(255, 255, 255, 0.9);\r\n border-bottom-color: rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n \/* \uac15\uc870 \ubc15\uc2a4 (\ub178\ub780\uc0c9 \uc720\ub9ac \ud6a8\uacfc) *\/\r\n .highlight-box {\r\n background: rgba(250, 204, 21, 0.15); \/* Slightly more opaque *\/\r\n border-left: 5px solid #facc15; \r\n padding: 1.5rem 2rem;\r\n border-radius: 0.75rem;\r\n margin: 1.5rem 0;\r\n backdrop-filter: blur(10px); \r\n border: 1px solid rgba(250, 204, 21, 0.25); \/* Slightly stronger border *\/\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n .highlight-box p, .highlight-box h4 { \/* Ensure text inside is readable *\/\r\n color: #fef3c7; \/* Lighter yellow for text *\/\r\n }\r\n .highlight-box strong { \/* Make strong text stand out *\/\r\n color: #fde047; \/* Brighter yellow *\/\r\n }\r\n\r\n\r\n \/* \uacbd\uace0 \ubc15\uc2a4 (\ube68\uac04\uc0c9 \uc720\ub9ac \ud6a8\uacfc) *\/\r\n .warning-box {\r\n background: rgba(239, 68, 68, 0.1); \r\n border-left: 5px solid #f87171; \r\n padding: 1.5rem 2rem;\r\n border-radius: 0.75rem;\r\n margin: 1.5rem 0;\r\n backdrop-filter: blur(10px); \r\n border: 1px solid rgba(239, 68, 68, 0.2);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \ube44\uad50 \ud14c\uc774\ube14 (\uc720\ub9ac \ud6a8\uacfc) *\/\r\n .comparison-table {\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n border-radius: 1rem;\r\n overflow: hidden; \r\n background: rgba(255, 255, 255, 0.05); \r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(8px); \/* \ud83d\udd25 \ube14\ub7ec \ud6a8\uacfc *\/\r\n }\r\n .comparison-table thead {\r\n background: rgba(59, 130, 246, 0.2); \r\n }\r\n .comparison-table th {\r\n padding: 1rem 1.25rem;\r\n font-weight: 600;\r\n font-size: clamp(0.8rem, 1.8vw, 1rem);\r\n color: #bfdbfe; \r\n text-align: left;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n .comparison-table th:nth-child(n+2),\r\n .comparison-table td:nth-child(n+2) {\r\n text-align: center; \r\n }\r\n .comparison-table td {\r\n padding: 1rem 1.25rem;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n color: #e2e8f0; \r\n font-size: clamp(0.8rem, 1.8vw, 1rem);\r\n vertical-align: middle;\r\n }\r\n .comparison-table tbody tr:last-child td {\r\n border-bottom: none;\r\n }\r\n .comparison-table tbody tr {\r\n transition: background-color 0.2s ease;\r\n }\r\n .comparison-table tbody tr:hover {\r\n background: rgba(255, 255, 255, 0.03); \/* \ud83d\udd25 \ud638\ubc84 \ud6a8\uacfc *\/\r\n }\r\n\r\n \/* \ud0c0\uc784\ub77c\uc778 *\/\r\n .timeline-item {\r\n position: relative;\r\n padding-left: 2.5rem; \/* \uc544\uc774\ucf58 \uacf5\uac04 *\/\r\n padding-bottom: 1.5rem;\r\n border-left: 2px solid rgba(255, 255, 255, 0.15); \/* \ub77c\uc778 \uc0c9 *\/\r\n }\r\n .timeline-item:before { \/* \ud0c0\uc784\ub77c\uc778 \uc810 *\/\r\n content: '';\r\n position: absolute;\r\n left: -11px; \/* \ub77c\uc778 \uc704\uc5d0 \uc704\uce58 *\/\r\n top: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #60a5fa; \/* \ud30c\ub780\uc0c9 400 *\/\r\n border: 3px solid #111827; \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd\uacfc \uc720\uc0ac\ud558\uac8c *\/\r\n box-shadow: 0 0 0 3px #60a5fa; \/* \ubc14\uae65\ucabd \ube5b \ud6a8\uacfc *\/\r\n }\r\n .timeline-item:last-child {\r\n border-left: 2px solid transparent; \/* \ub9c8\uc9c0\ub9c9 \uc544\uc774\ud15c \ub77c\uc778 \uc228\uae40 *\/\r\n padding-bottom: 0;\r\n }\r\n\r\n \/* \ucc28\ud2b8 \ubc14 *\/\r\n .chart-bar {\r\n height: clamp(20px, 4vw, 30px); \/* \ubc18\uc751\ud615 \ub192\uc774 *\/\r\n background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%); \/* \ud30c\ub780\uc0c9 \uadf8\ub77c\ub370\uc774\uc158 *\/\r\n border-radius: 0 999px 999px 0; \/* \uc6b0\uce21\ub9cc \ub465\uae00\uac8c *\/\r\n display: flex;\r\n align-items: center;\r\n padding: 0 1rem;\r\n color: white;\r\n font-weight: 600;\r\n font-size: clamp(0.7rem, 1.5vw, 0.85rem);\r\n transition: all 0.4s ease;\r\n box-shadow: 0 2px 5px rgba(59, 130, 246, 0.3);\r\n white-space: nowrap; \/* \ud14d\uc2a4\ud2b8 \uc904\ubc14\uafc8 \ubc29\uc9c0 *\/\r\n overflow: hidden; \/* \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8 \uc228\uae40 *\/\r\n text-overflow: ellipsis; \/* \ub9d0\uc904\uc784\ud45c *\/\r\n }\r\n .chart-bar:hover {\r\n transform: scaleX(1.03); \/* \ud83d\udd25 \uc0b4\uc9dd \ub298\uc5b4\ub098\ub294 \ud6a8\uacfc *\/\r\n box-shadow: 0 4px 10px rgba(59, 130, 246, 0.4);\r\n }\r\n\r\n \/* --- \ubc18\uc751\ud615 \ub808\uc774\uc544\uc6c3 \uc870\uc815 (Tailwind Breakpoints \uae30\uc900) --- *\/\r\n @media (max-width: 1024px) { \/* lg \uc774\ud558 *\/\r\n .slide {\r\n padding: 2.5rem 3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) { \/* md \uc774\ud558 *\/\r\n .slide {\r\n padding: 2rem 1.5rem; \/* \ubaa8\ubc14\uc77c \ud328\ub529 \ub354 \uc904\uc784 *\/\r\n justify-content: flex-start; \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc0c1\ub2e8 \uc815\ub82c *\/\r\n }\r\n .slide-content {\r\n padding: 4rem 0 2rem 0; \/* \uc704\ucabd \uc5ec\ubc31 \ud655\ubcf4 *\/\r\n }\r\n .section-badge {\r\n top: 1rem;\r\n left: 1rem;\r\n padding: 0.5rem 1rem;\r\n }\r\n .slide-number {\r\n bottom: 1rem;\r\n right: 1rem;\r\n }\r\n .flag-container {\r\n margin-bottom: 2rem;\r\n }\r\n \/* Tailwind \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub9ac\ub4dc \uc870\uc815 \uad8c\uc7a5 *\/\r\n \/* \uc608: <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"> *\/\r\n \r\n .stat-card {\r\n padding: 1.5rem;\r\n }\r\n .comparison-table th, .comparison-table td {\r\n padding: 0.75rem 1rem;\r\n }\r\n .timeline-item {\r\n padding-left: 2rem;\r\n }\r\n .timeline-item:before {\r\n left: -9px;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n .highlight-box, .warning-box {\r\n padding: 1rem 1.5rem;\r\n }\r\n }\r\n\r\n \/* --- \ub9c8\uc9c0\ub9c9 \uc2ac\ub77c\uc774\ub4dc \ud2b9\ubcc4 \uc2a4\ud0c0\uc77c --- *\/\r\n .vietnam-star { \/* \ubca0\ud2b8\ub0a8 \ubcc4 \uc544\uc774\ucf58 (\ub9c8\uc9c0\ub9c9 \uc2ac\ub77c\uc774\ub4dc) *\/\r\n font-size: clamp(4rem, 15vw, 8rem);\r\n color: #facc15; \/* \ub178\ub780\uc0c9 *\/\r\n text-shadow: 0 0 15px rgba(250, 204, 21, 0.5); \/* \ube5b \ud6a8\uacfc *\/\r\n margin-bottom: 2rem;\r\n }\r\n .contact-info p {\r\n margin-bottom: 0.5rem; \/* \uc5f0\ub77d\ucc98 \uc815\ubcf4 \uac04\uaca9 *\/\r\n }\r\n .contact-info strong {\r\n color: #93c5fd; \/* \ubc1d\uc740 \ud30c\ub780\uc0c9 *\/\r\n }\r\n .contact-info a {\r\n transition: color 0.2s ease;\r\n }\r\n .contact-info a:hover {\r\n color: #e0f2fe; \/* Light blue on hover *\/\r\n }\r\n\r\n\r\n \/* --- \uc804\uccb4 \ud654\uba74 \uc2dc\uc791 \uc624\ubc84\ub808\uc774 --- *\/\r\n \/* Fade In \uc560\ub2c8\uba54\uc774\uc158 for Overlay *\/\r\n @keyframes fadeInOverlay {\r\n to { opacity: 1; }\r\n }\r\n .animate-fade-in-overlay {\r\n animation: fadeInOverlay 0.5s 0.2s ease-out forwards; \/* \ubd80\ub4dc\ub7fd\uac8c \ub098\ud0c0\ub0a8 (0.2\ucd08 \ub51c\ub808\uc774) *\/\r\n }\r\n \/* Fade Out for Overlay (using transition) *\/\r\n #fullscreen-overlay {\r\n transition: opacity 0.5s ease-out; \/* \uc0ac\ub77c\uc9c8 \ub54c \ud6a8\uacfc *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- \r\n \uc774 \ucee8\ud14c\uc774\ub108\ub294 Part 3\uc5d0\uc11c \ub2eb\ud799\ub2c8\ub2e4.\r\n -->\r\n <div class=\"presentation-container\" id=\"presentationContainer\">\r\n \r\n <!-- Slide 1: Cover -->\r\n <div class=\"slide bg-gradient-main text-white\">\r\n <div class=\"slide-content justify-center\"> <!-- justify-center \ucd94\uac00 -->\r\n <div class=\"flag-container\">\r\n <!-- \ub300\ud55c\ubbfc\uad6d \uad6d\uae30 -->\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/09\/Flag_of_South_Korea.svg\/1280px-Flag_of_South_Korea.svg.png\" \r\n alt=\"\ub300\ud55c\ubbfc\uad6d \uad6d\uae30\" class=\"flag-icon\"\r\n onerror=\"this.style.backgroundColor='#eee'; this.alt='\ub300\ud55c\ubbfc\uad6d \uad6d\uae30 \ub85c\ub4dc \uc2e4\ud328'\">\r\n <!-- \ubca0\ud2b8\ub0a8 \uad6d\uae30 -->\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/21\/Flag_of_Vietnam.svg\/1280px-Flag_of_Vietnam.svg.png\" \r\n alt=\"\ubca0\ud2b8\ub0a8 \uad6d\uae30\" class=\"flag-icon\"\r\n onerror=\"this.style.backgroundColor='#da251d'; this.alt='\ubca0\ud2b8\ub0a8 \uad6d\uae30 \ub85c\ub4dc \uc2e4\ud328'\">\r\n <\/div>\r\n\r\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black tracking-tight text-center leading-tight\">\r\n O2&B VI\u1ec6T NAM\r\n <\/h1>\r\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black tracking-tight text-center leading-tight mt-2 md:mt-4\">\r\n H\u1ee2P T\u00c1C\r\n <\/h1>\r\n \r\n <div class=\"h-1.5 w-32 bg-yellow-400 mx-auto mt-8 md:mt-12 rounded-full shadow-lg\"><\/div>\r\n \r\n <h2 class=\"text-2xl md:text-3xl lg:text-4xl font-light mt-8 md:mt-12 text-center max-w-4xl leading-relaxed text-slate-200\">\r\n Gi\u1ea3i ph\u00e1p c\u1ea5p n\u01b0\u1edbc th\u1ebf h\u1ec7 ti\u1ebfp theo<br\/>v\u00ec m\u1ed9t Vi\u1ec7t Nam b\u1ec1n v\u1eefng\r\n <\/h2>\r\n \r\n <div class=\"mt-12 md:mt-16 text-xl md:text-2xl font-semibold text-center text-slate-100\">\r\n <p>Bu\u1ed5i h\u1ecdp gi\u1edbi thi\u1ec7u d\u1ef1 \u00e1n tr\u00ecnh di\u1ec5n c\u00f4ng ngh\u1ec7 MCDI t\u1ea1i Vi\u1ec7t Nam<\/p>\r\n <\/div>\r\n \r\n <!-- \ud83d\udd25 CEO\/\ub0a0\uc9dc \uc815\ubcf4 \uc81c\uac70\ub428 -->\r\n <!-- \r\n <div class=\"mt-auto pt-12 text-lg md:text-xl font-light text-center text-slate-300\">\r\n <p class=\"font-semibold\">O2 & B Co., Ltd. | CEO \uc2b9\ud604 \ubc18<\/p>\r\n <p class=\"mt-3 opacity-80\">2025\ub144 10\uc6d4 26\uc77c<\/p>\r\n <\/div> \r\n -->\r\n <\/div>\r\n <div class=\"slide-number\">1 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- Slide 2: Vietnam Water Reality - \ubc30\uacbd\uc0c9\ub9cc \uc218\uc815\ub428 (\uc5c5\ub85c\ub4dc \ucf54\ub4dc \uae30\ubc18) -->\r\n<div class=\"slide bg-gradient-main\"> \r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div> \r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8 md:mb-12 text-center\">\r\n Vi\u1ec7t Nam l\u00e0 m\u1ed9t qu\u1ed1c gia gi\u00e0u t\u00e0i nguy\u00ean n\u01b0\u1edbc, nh\u01b0ng c\u00f2n g\u00ec n\u1eefa?\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udf0a<\/span> Ngu\u1ed3n n\u01b0\u1edbc d\u1ed3i d\u00e0o so v\u1edbi kh\u1ea3 n\u0103ng ti\u1ebfp c\u1eadn h\u1ea1n ch\u1ebf\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p>\r\n T\u1ed5ng l\u01b0\u1ee3ng t\u00e0i nguy\u00ean n\u01b0\u1edbc ng\u1ecdt t\u00e1i t\u1ea1o h\u00e0ng n\u0103m tr\u00ean \u0111\u1ea7u ng\u01b0\u1eddi <strong class=\"text-blue-300\">9.350 m\u00b2<\/strong> (Trung b\u00ecnh th\u1ebf gi\u1edbi 6.000 m\u00b2)<br\/>\r\n <span class=\"text-sm text-slate-400\">(Ngu\u1ed3n: FAO Aquastat)<\/span>\r\n <\/p>\r\n <p class=\"text-red-300 font-bold\">\r\n Tuy nhi\u00ean, vi\u1ec7c ti\u1ebfp c\u1eadn n\u01b0\u1edbc u\u1ed1ng an to\u00e0n v\u1eabn l\u00e0 m\u1ed9t th\u00e1ch th\u1ee9c:\r\n <\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-red-300\">H\u01a1n 7 tri\u1ec7u tr\u1ebb em:<\/strong> Thi\u1ebfu n\u01b0\u1edbc s\u1ea1ch \u1edf tr\u01b0\u1eddng h\u1ecdc <span class=\"text-xs text-slate-400\">(UNICEF 2025)<\/span><\/li>\r\n <li><strong class=\"text-red-300\">Khu v\u1ef1c n\u00f4ng th\u00f4n 50% tr\u1edf l\u00ean:<\/strong> S\u1eed d\u1ee5ng n\u01b0\u1edbc b\u1ecb \u00f4 nhi\u1ec5m <span class=\"text-xs text-slate-400\">(MONRE 2024)<\/span><\/li>\r\n <li><strong class=\"text-red-300\">N\u01b0\u1edbc ng\u1ea7m 80%+:<\/strong> Nhi\u1ec5m khu\u1ea9n E. coli (v\u00f9ng n\u00fai\/n\u00f4ng th\u00f4n)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\u2620\ufe0f<\/span> T\u00ecnh tr\u1ea1ng \u00f4 nhi\u1ec5m nghi\u00eam tr\u1ecdng\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p>\r\n <strong class=\"text-red-300\">\u00d4 nhi\u1ec5m Asen (As):<\/strong> Trung b\u00ecnh s\u00f4ng Mekong\/\u0110\u1ed3ng b\u1eb1ng s\u00f4ng H\u1ed3ng <strong class=\"text-red-300\">159\u03bcg\/L<\/strong><br\/>\r\n <span class=\"text-sm text-slate-400\">(Ti\u00eau chu\u1ea9n c\u1ee7a WHO: 10\u03bcg\/L) <strong class=\"text-red-300\">16 l\u1ea7n\u2191<\/strong>)<\/span>\r\n <\/p>\r\n <p>\r\n H\u00e0ng n\u0103m <strong class=\"text-red-300\">H\u00e0ng ch\u1ee5c ngh\u00ecn tr\u01b0\u1eddng h\u1ee3p<\/strong>G\u00e2y ra s\u1ef1 b\u00f9ng ph\u00e1t c\u00e1c b\u1ec7nh l\u00e2y truy\u1ec1n qua \u0111\u01b0\u1eddng n\u01b0\u1edbc.<br\/>\r\n <span class=\"text-sm text-slate-400\">(B\u1ed9 Y t\u1ebf Vi\u1ec7t Nam, MOH 2024)<\/span>\r\n <\/p>\r\n <p class=\"warning-box p-3 mt-4 text-sm\" style=\"margin: 0; border-left-width: 3px;\">\r\n <strong class=\"text-red-200\">Nhu c\u1ea7u s\u1eed d\u1ee5ng n\u01b0\u1edbc d\u1ef1 ki\u1ebfn s\u1ebd t\u0103ng v\u1ecdt l\u00ean 321 t\u1ea5n\/n\u0103m v\u00e0o n\u0103m 2030.<\/strong><br\/>\r\n 11 trong s\u1ed1 16 l\u01b0u v\u1ef1c s\u00f4ng c\u00f3 nguy c\u01a1 thi\u1ebfu n\u01b0\u1edbc.<br\/>\r\n <span class=\"text-xs text-slate-400\">(Ng\u00e2n h\u00e0ng Th\u1ebf gi\u1edbi Vi\u1ec7t Nam 2023)<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Ngu\u1ed3n: FAO Aquastat, UNICEF 2025, MONRE 2024, MOH 2024, World Bank 2023\r\n <\/div>\r\n <div class=\"slide-number\">2 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 3: Government Efforts & O2&B's Role -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">II. N\u1ed7 l\u1ef1c c\u1ee7a Ch\u00ednh ph\u1ee7 v\u00e0 Vai tr\u00f2 c\u1ee7a O2&B<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8 md:mb-12 text-center\">\r\n \u0110\u1ea9y nhanh ti\u1ebfn \u0111\u1ed9 th\u1ef1c hi\u1ec7n c\u00e1c m\u1ee5c ti\u00eau c\u1ee7a Ch\u00ednh ph\u1ee7: O2&B MCDI\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- \ub192\uc774 \uc790\ub3d9 \uc870\uc808 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfdb\ufe0f<\/span> Nh\u1eefng n\u1ed7 l\u1ef1c c\u1ee7a ch\u00ednh ph\u1ee7 Vi\u1ec7t Nam\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p class=\"font-bold text-slate-100\">'Chi\u1ebfn l\u01b0\u1ee3c qu\u1ed1c gia v\u1ec1 cung c\u1ea5p n\u01b0\u1edbc s\u1ea1ch v\u00e0 v\u1ec7 sinh n\u00f4ng th\u00f4n (2021-2030)'<\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-blue-300\">M\u1ee5c ti\u00eau n\u0103m 2030:<\/strong>\r\n <ul class=\"list-circle pl-4\">\r\n <li>Ti\u1ebfp c\u1eadn ngu\u1ed3n n\u01b0\u1edbc u\u1ed1ng an to\u00e0n <strong class=\"text-green-300\">100%<\/strong> (N\u00f4ng th\u00f4n <strong class=\"text-green-300\">80%<\/strong> (Tu\u00e2n th\u1ee7 ti\u00eau chu\u1ea9n)<\/li>\r\n <li>t\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i \u0111\u00f4 th\u1ecb <strong class=\"text-green-300\">50%<\/strong><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><strong class=\"text-blue-300\">Quy m\u00f4 \u0111\u1ea7u t\u01b0:<\/strong>\r\n <ul class=\"list-circle pl-4\">\r\n <li>C\u01a1 s\u1edf h\u1ea1 t\u1ea7ng n\u00f4ng th\u00f4n (62 tri\u1ec7u ng\u01b0\u1eddi): <strong class=\"text-yellow-300\">1,4 ngh\u00ecn t\u1ef7 \u0111\u00f4 la \u0111\u1ebfn 1,27 ngh\u00ecn t\u1ef7 \u0111\u00f4 la<\/strong><\/li>\r\n <li>trong t\u1ed5ng ng\u00e2n s\u00e1ch c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng <strong class=\"text-yellow-300\">5-10%<\/strong> s\u1ef1 t\u1eadp trung<\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-xs text-slate-400 pt-2\">(Ngu\u1ed3n: Quy\u1ebft \u0111\u1ecbnh s\u1ed1 1978\/QD-TTg c\u1ee7a Ch\u00ednh ph\u1ee7 Vi\u1ec7t Nam, Ng\u00e2n h\u00e0ng Th\u1ebf gi\u1edbi)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow bg-green-900\/10 border-green-700\/30 flex flex-col\"> <!-- \ub192\uc774 \uc790\ub3d9 \uc870\uc808 \ubc0f flex \uc124\uc815 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83d\udca1<\/span> Gi\u1ea3i ph\u00e1p: C\u00f4ng ngh\u1ec7 O2&B MCDI\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200 flex-grow\"> <!-- \ub0b4\uc6a9 \uc601\uc5ed\uc774 \ub0a8\uc740 \uacf5\uac04 \ucc44\uc6b0\ub3c4\ub85d -->\r\n <p>\r\n \u0110\u1ea9y nhanh ti\u1ebfn \u0111\u1ed9 \u0111\u1ea1t \u0111\u01b0\u1ee3c c\u00e1c m\u1ee5c ti\u00eau c\u1ee7a ch\u00ednh ph\u1ee7 <strong class=\"text-green-300\">\u0110\u1ed1i t\u00e1c \u0111\u00e3 \u0111\u01b0\u1ee3c x\u00e1c minh<\/strong>:\r\n <\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-green-300\">T\u00e1c d\u1ee5ng t\u1ee9c th\u00ec:<\/strong> N\u01b0\u1edbc ng\u1ea7m b\u1ecb \u00f4 nhi\u1ec5m \u2192 Ti\u00eau chu\u1ea9n c\u1ee7a WHO v\u1ec1 n\u01b0\u1edbc u\u1ed1ng an to\u00e0n<\/li>\r\n <li><strong class=\"text-green-300\">Hi\u1ec7u qu\u1ea3 cao\/chi ph\u00ed th\u1ea5p:<\/strong> N\u0103ng l\u01b0\u1ee3ng so s\u00e1nh v\u1edbi RO <strong class=\"text-yellow-300\">1\/10<\/strong>, n\u01b0\u1edbc th\u1ea3i <strong class=\"text-yellow-300\">\u00cdt h\u01a1n 5%<\/strong><\/li>\r\n <li><strong class=\"text-green-300\">T\u1ed1i \u01b0u h\u00f3a khu v\u1ef1c n\u00f4ng th\u00f4n:<\/strong> L\u1eafp \u0111\u1eb7t quy m\u00f4 nh\u1ecf, ph\u00e2n t\u00e1n \u0111\u1ec3 gi\u1ea3m thi\u1ec3u chi ph\u00ed.<\/li>\r\n <li><strong class=\"text-green-300\">Tham chi\u1ebfu to\u00e0n c\u1ea7u:<\/strong> Nh\u1eefng c\u00e2u chuy\u1ec7n th\u00e0nh c\u00f4ng t\u1eeb Bangladesh, Tanzania, v.v.<\/li>\r\n <\/ul>\r\n <p class=\"highlight-box p-3 mt-4 text-sm text-center\" style=\"margin: 0; border-left-width: 3px;\">\r\n Nh\u1eefng \u0111\u1ed5i m\u1edbi gi\u00fap ngu\u1ed3n t\u00e0i nguy\u00ean n\u01b0\u1edbc c\u1ee7a Vi\u1ec7t Nam th\u1ef1c s\u1ef1 "d\u1ed3i d\u00e0o"\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-auto pt-4\"> <!-- \ud558\ub2e8 \uc815\ub82c -->\r\n <h4 class=\"text-lg md:text-xl font-bold text-yellow-300 mb-2\">\u0110i\u1ec1u ki\u1ec7n \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 c\u1ee7a Ng\u00e2n h\u00e0ng Th\u1ebf gi\u1edbi<\/h4>\r\n <p class=\"text-xs md:text-sm text-slate-300\">\r\n \u0110\u00e1p \u1ee9ng c\u00e1c ti\u00eau chu\u1ea9n c\u1ee7a WHO v\u00e0 \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0m t\u00e0i li\u1ec7u tham kh\u1ea3o to\u00e0n c\u1ea7u. <strong class=\"text-yellow-300\">EDCF 'Xanh\/\u0110\u1ed5i m\u1edbi''<\/strong> \u01afu ti\u00ean t\u00ecm \u0111\u1ed1i t\u01b0\u1ee3ng ph\u00f9 h\u1ee3p.<br\/>\r\n L\u1eafp \u0111\u1eb7t ti\u1ebft ki\u1ec7m n\u0103ng l\u01b0\u1ee3ng\/ph\u00e2n t\u00e1n <strong class=\"text-yellow-300\">c\u00e1c kho\u1ea3n vay c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng nh\u1ecf<\/strong> Ph\u00f9 h\u1ee3p v\u1edbi m\u1ee5c ti\u00eau.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Ngu\u1ed3n: D\u1eef li\u1ec7u n\u1ed9i b\u1ed9 c\u1ee7a O2&B, H\u01b0\u1edbng d\u1eabn EDCF, Ti\u00eau chu\u1ea9n c\u1ee7a WHO\r\n <\/div>\r\n <div class=\"slide-number\">3 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 4: Table of Contents -->\r\n<div class=\"slide bg-gradient-main\">\r\n <div class=\"section-badge\">ch\u1ec9 m\u1ee5c<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-16\">\r\n L\u1ed9 tr\u00ecnh thuy\u1ebft tr\u00ecnh\r\n <\/h2>\r\n <div class=\"w-full max-w-4xl space-y-4 md:space-y-5\">\r\n <!-- \ud638\ubc84 \ud6a8\uacfc \ubc0f \ubc18\uc751\ud615 \ud3f0\ud2b8 \ud06c\uae30 \uc870\uc815 -->\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 w-12 md:w-16 text-center\">\u2160<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Gi\u1edbi thi\u1ec7u v\u1ec1 c\u00f4ng ty v\u00e0 t\u1ed5ng quan c\u00f4ng ngh\u1ec7<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-red-300 w-12 md:w-16 text-center\">\u2161<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Th\u1ef1c tr\u1ea1ng kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam <span class=\"text-base md:text-xl text-red-400 font-semibold\">(D\u1eef li\u1ec7u ch\u00ednh th\u1ee9c)<\/span><\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 w-12 md:w-16 text-center\">\u2162<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Kh\u1ea3 n\u0103ng c\u1ea1nh tranh c\u1ee7a c\u00f4ng ngh\u1ec7 O2&B MCDI<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-green-300 w-12 md:w-16 text-center\">\u2163<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">K\u1ebft qu\u1ea3 D\u1ef1 \u00e1n Th\u00ed \u0111i\u1ec3m L\u00e0o Cai<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-purple-300 w-12 md:w-16 text-center\">\u2164<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">M\u00f4 h\u00ecnh kinh doanh & H\u1ee3p t\u00e1c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">4 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 5: Company Introduction -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">1. Gi\u1edbi thi\u1ec7u v\u1ec1 c\u00f4ng ty<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-16\">\r\n Gi\u1edbi thi\u1ec7u v\u1ec1 ch\u00fang t\u00f4i: O2&B\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-center bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-6xl md:text-7xl mb-6 text-center\" style=\"color: #38bdf8; background: rgba(56, 189, 248, 0.1); border-color: rgba(56, 189, 248, 0.3);\">\ud83d\udca7<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-3\">C\u00f4ng ty chuy\u00ean v\u1ec1 l\u1ecdc n\u01b0\u1edbc<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n Gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 v\u1ec1 n\u01b0\u1edbc to\u00e0n c\u1ea7u th\u00f4ng qua vi\u1ec7c ph\u00e1t tri\u1ec3n v\u00e0 th\u01b0\u01a1ng m\u1ea1i h\u00f3a c\u00e1c c\u00f4ng ngh\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng.\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-6xl md:text-7xl mb-6 text-center\" style=\"color: #a78bfa; background: rgba(167, 139, 250, 0.1); border-color: rgba(167, 139, 250, 0.3);\">\ud83d\udd2c<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-3\">C\u00f4ng ngh\u1ec7 ngu\u1ed3n MCDI<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n S\u1edf h\u1eefu c\u00f4ng ngh\u1ec7 kh\u1eed mu\u1ed1i \u0111i\u1ec7n h\u00f3a d\u1ea1ng m\u00f4-\u0111un (MCDI) h\u00e0ng \u0111\u1ea7u th\u1ebf gi\u1edbi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-6xl md:text-7xl mb-6 text-center\" style=\"color: #34d399; background: rgba(52, 211, 153, 0.1); border-color: rgba(52, 211, 153, 0.3);\">\ud83c\udf0d<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-3\">Tham chi\u1ebfu to\u00e0n c\u1ea7u<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n M\u1edf r\u1ed9ng kinh doanh th\u00e0nh c\u00f4ng sang c\u00e1c n\u01b0\u1edbc \u0111ang ph\u00e1t tri\u1ec3n nh\u01b0 Bangladesh v\u00e0 Tanzania.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box mt-12 max-w-5xl w-full bg-yellow-500\/10 border border-yellow-500\/20 rounded-lg\">\r\n <p class=\"text-lg md:text-2xl font-semibold text-yellow-200 text-center\">\r\n \""N\u00e2ng cao ch\u1ea5t l\u01b0\u1ee3ng cu\u1ed9c s\u1ed1ng cho nh\u00e2n lo\u1ea1i th\u00f4ng qua ngu\u1ed3n n\u01b0\u1edbc s\u1ea1ch b\u1ec1n v\u1eefng."\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">5 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 6: Leadership -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">1. Gi\u1edbi thi\u1ec7u v\u1ec1 c\u00f4ng ty<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-16\">\r\n Kh\u1ea3 n\u0103ng l\u00e3nh \u0111\u1ea1o v\u00e0 chuy\u00ean m\u00f4n\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-4xl md:text-5xl mb-6 text-center\" style=\"color: #fde047; background: rgba(253, 224, 71, 0.1); border-color: rgba(253, 224, 71, 0.3);\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-bold text-white text-center mb-6\">Seunghyun Ban (Gi\u00e1m \u0111\u1ed1c \u0111i\u1ec1u h\u00e0nh)<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83c\udf93<\/span>\r\n <span>Ti\u1ebfn s\u0129 K\u1ef9 thu\u1eadt H\u00f3a h\u1ecdc, nh\u00e0 ph\u00e1t tri\u1ec3n c\u00f4ng ngh\u1ec7 c\u1ed1t l\u00f5i c\u1ee7a MCDI<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83d\udcbc<\/span>\r\n <span>H\u01a1n 20 n\u0103m kinh nghi\u1ec7m trong l\u0129nh v\u1ef1c x\u1eed l\u00fd n\u01b0\u1edbc v\u00e0 c\u00f4ng ngh\u1ec7 m\u00f4i tr\u01b0\u1eddng.<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83c\udfc6<\/span>\r\n <span>\u0110\u1ea1t nhi\u1ec1u b\u1eb1ng s\u00e1ng ch\u1ebf v\u00e0 gi\u1ea3i th\u01b0\u1edfng c\u00f4ng ngh\u1ec7 qu\u1ed1c t\u1ebf.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-4xl md:text-5xl mb-6 text-center\" style=\"color: #a78bfa; background: rgba(167, 139, 250, 0.1); border-color: rgba(167, 139, 250, 0.3);\">\ud83e\uddd1\u200d\ud83d\udd2c<\/div>\r\n <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-bold text-white text-center mb-6\">T\u1ed5 ch\u1ee9c nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u26a1<\/span>\r\n <span>C\u00e1c chuy\u00ean gia s\u1ea3n xu\u1ea5t \u0111i\u1ec7n c\u1ef1c v\u00e0 thi\u1ebft k\u1ebf m\u00f4-\u0111un<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83d\udd27<\/span>\r\n <span>K\u1ef9 s\u01b0 t\u00edch h\u1ee3p v\u00e0 t\u1ed1i \u01b0u h\u00f3a h\u1ec7 th\u1ed1ng<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83c\udf10<\/span>\r\n <span>Nh\u00f3m Qu\u1ea3n l\u00fd D\u1ef1 \u00e1n To\u00e0n c\u1ea7u<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">6 \/ 31<\/div>\r\n<\/div>\r\n<!-- Slide 7: Vietnam Water Crisis Introduction - \ubc30\uacbd\uc0c9\ub9cc \uc218\uc815\ub428 -->\r\n<div class=\"slide bg-gradient-main h-screen flex flex-col\"> <!-- h-screen flex flex-col \ucd94\uac00\ub85c \uc804\uccb4 \ud654\uba74 \uade0\ud615 -->\r\n <!-- \ubc43\uc9c0 \uc0c9\uc0c1\uc740 \uc6d0\ub798 \ube68\uac04\uc0c9 \uacc4\uc5f4 \uc720\uc9c0 -->\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div>\r\n <div class=\"slide-content flex-1 flex flex-col justify-center items-center px-4 py-2\"> <!-- flex-1 justify-center items-center py-2\ub85c \uc911\uc559 \uade0\ud615 -->\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-black mb-4 text-white bg-gradient-to-r from-red-400 via-orange-400 to-red-600 bg-clip-text text-transparent drop-shadow-lg text-center\"> <!-- mb-8 \u2192 mb-4, \uadf8\ub77c\ub370\uc774\uc158 \ucd94\uac00 -->\r\n Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam\r\n <\/h2>\r\n <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-light mb-8 md:mb-12 text-slate-200 text-center\"> <!-- mb-12 md:mb-16 \u2192 mb-8 md:mb-12\ub85c \uc5ec\ubc31 \ucd95\uc18c -->\r\n Th\u1ef1c tr\u1ea1ng \u0111\u00e1ng b\u00e1o \u0111\u1ed9ng \u0111\u01b0\u1ee3c h\u00e9 l\u1ed9 qua d\u1eef li\u1ec7u ch\u00ednh th\u1ee9c.\r\n <\/h3>\r\n <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c \ubc0f \ub0b4\uc6a9\uc740 \uc6d0\ubcf8(\ube68\uac04\uc0c9 \ubc30\uacbd \uc2ac\ub77c\uc774\ub4dc \uae30\uc900) \uc720\uc9c0 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-5xl mx-auto\"> <!-- max-w-6xl \u2192 max-w-5xl\ub85c \ucef4\ud329\ud2b8, mx-auto \uc911\uc559 -->\r\n <!-- \uce74\ub4dc \ubc30\uacbd\/\ud14c\ub450\ub9ac \uc0c9\uc0c1 \uc6d0\ubcf8 \uc720\uc9c0 -->\r\n <a href=\"https:\/\/worldpopulationreview.com\/country-rankings\/fresh-water-by-country\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"stat-card bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 text-center p-5 block hover:bg-white\/10 transition-colors duration-200\"> <!-- p-6 \u2192 p-5\ub85c \ud328\ub529 \ucd95\uc18c, \ud14c\ub450\ub9ac\/\ud638\ubc84 \ucd94\uac00 -->\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udcc9<\/div> <!-- mb-4 \u2192 mb-3 -->\r\n <div class=\"text-3xl md:text-5xl font-black mb-2 text-red-300\">3.840 m\u00b2<\/div> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl font-light text-slate-200 leading-tight\">L\u01b0\u1ee3ng n\u01b0\u1edbc s\u1eb5n c\u00f3 h\u00e0ng n\u0103m tr\u00ean m\u1ed7i ng\u01b0\u1eddi<br\/>(Ti\u00eau chu\u1ea9n qu\u1ed1c t\u1ebf 4.000\u33a5\u2193)<\/p> <!-- leading-tight\uc73c\ub85c \ud589\uac04\ucd95\uc18c -->\r\n <\/a>\r\n <a href=\"https:\/\/en.vietnamplus.vn\/polluted-water-causes-80-percent-of-diseases-in-vietnam-post17695.vnp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"stat-card bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 text-center p-5 block hover:bg-white\/10 transition-colors duration-200\"> <!-- p-6 \u2192 p-5, \ud14c\ub450\ub9ac\/\ud638\ubc84 \ucd94\uac00 -->\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udc80<\/div> <!-- mb-4 \u2192 mb-3 -->\r\n <div class=\"text-3xl md:text-5xl font-black mb-2 text-red-300\">70-80%<\/div> <!-- \ud14d\uc2a4\ud2b8 \uc218\uc815 -->\r\n <p class=\"text-sm md:text-xl font-light text-slate-200 leading-tight\">Do ngu\u1ed3n n\u01b0\u1edbc b\u1ecb \u00f4 nhi\u1ec5m<br\/>T\u1ef7 l\u1ec7 m\u1eafc b\u1ec7nh<\/p> <!-- leading-tight -->\r\n <\/a>\r\n <a href=\"https:\/\/www.worldbank.org\/en\/news\/press-release\/2024\/01\/12\/world-bank-approves-project-to-improve-living-environment-for-over-half-a-million-people-in-southern-vietnam\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"stat-card bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 text-center p-5 block hover:bg-white\/10 transition-colors duration-200\"> <!-- p-6 \u2192 p-5, \ud14c\ub450\ub9ac\/\ud638\ubc84 \ucd94\uac00 -->\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83c\udfed<\/div> <!-- mb-4 \u2192 mb-3 -->\r\n <div class=\"text-3xl md:text-5xl font-black mb-2 text-red-300\">12.5%<\/div> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl font-light text-slate-200 leading-tight\">T\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i \u0111\u00f4 th\u1ecb<br\/>(T\u00ednh \u0111\u1ebfn n\u0103m 2024)<\/p> <!-- leading-tight -->\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- \ub370\uc774\ud130 \uc18c\uc2a4 \ud3f0\ud2b8\/\uc0c9\uc0c1 \uc6d0\ubcf8 \uc720\uc9c0 -->\r\n <div class=\"data-source text-white\/60 absolute bottom-8 left-1\/2 transform -translate-x-1\/2\"> <!-- absolute bottom-8 left-1\/2\ub85c \uc911\uc559 \ud558\ub2e8 \ubc30\uce58 -->\r\n Ngu\u1ed3n: <a href=\"https:\/\/worldpopulationreview.com\/country-rankings\/fresh-water-by-country\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link text-white\/80 border-white\/80 hover:text-white hover:border-white\">B\u00e1o c\u00e1o D\u00e2n s\u1ed1 Th\u1ebf gi\u1edbi<\/a>, \r\n <a href=\"https:\/\/en.vietnamplus.vn\/polluted-water-causes-80-percent-of-diseases-in-vietnam-post17695.vnp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link text-white\/80 border-white\/80 hover:text-white hover:border-white\">Vi\u1ec7t Nam+<\/a>, \r\n <a href=\"https:\/\/www.worldbank.org\/en\/news\/press-release\/2024\/01\/12\/world-bank-approves-project-to-improve-living-environment-for-over-half-a-million-people-in-southern-vietnam\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link text-white\/80 border-white\/80 hover:text-white hover:border-white\">Ng\u00e2n h\u00e0ng Th\u1ebf gi\u1edbi<\/a>\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">7 \/ 31<\/div> <!-- \ud398\uc774\uc9c0 \ubc88\ud638 \ud558\ub2e8 \uace0\uc815 -->\r\n<\/div>\r\n\r\n<!-- Slide 8: Water Scarcity Details -->\r\n<div class=\"slide bg-gradient-dark h-screen flex flex-col\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div>\r\n <div class=\"slide-content flex-1 flex flex-col justify-center items-center px-4 py-2\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8 md:mb-12\"> <!-- mb-12 md:mb-16 \u2192 mb-8 md:mb-12 -->\r\n T\u00ecnh tr\u1ea1ng khan hi\u1ebfm n\u01b0\u1edbc: Nh\u1eefng con s\u1ed1 th\u1ed1ng k\u00ea\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mx-auto\"> <!-- mx-auto \ucd94\uac00\ub85c \uc911\uc559 -->\r\n <div class=\"flex flex-col space-y-4\"> <!-- space-y-6 \u2192 space-y-4\ub85c \ud589\uac04\ucd95\uc18c -->\r\n <div class=\"warning-box p-4 md:p-6 bg-red-500\/10 border border-red-500\/20 rounded-xl\"> <!-- \ud14c\ub450\ub9ac \uc801\uc6a9 -->\r\n <h3 class=\"text-xl md:text-3xl font-bold text-red-300 mb-3 flex items-center\"> <!-- mb-4 \u2192 mb-3 -->\r\n <span class=\"text-3xl md:text-4xl mr-3\">\u26a0\ufe0f<\/span> c\u00e1c qu\u1ed1c gia khan hi\u1ebfm n\u01b0\u1edbc\r\n <\/h3>\r\n <p class=\"text-sm md:text-xl text-slate-200 leading-relaxed mb-3\"> <!-- mb-4 \u2192 mb-3 -->\r\n L\u01b0\u1ee3ng n\u01b0\u1edbc s\u1eb5n c\u00f3 h\u00e0ng n\u0103m t\u00ednh theo \u0111\u1ea7u ng\u01b0\u1eddi \u1edf Vi\u1ec7t Nam l\u00e0 <span class=\"font-bold text-red-300\">3.840 m\u00b2<\/span>, th\u1ea5p h\u01a1n ti\u00eau chu\u1ea9n thi\u1ebfu n\u01b0\u1edbc c\u1ee7a IWRA (4.000\u33a5).\r\n <\/p>\r\n <p class=\"text-sm md:text-lg text-slate-400 italic leading-tight\">\r\n \"\u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 qu\u1ed1c gia n\u00e0y \u0111\u01b0\u1ee3c x\u1ebfp v\u00e0o lo\u1ea1i \"Qu\u1ed1c gia khan hi\u1ebfm n\u01b0\u1edbc\u201d.\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6, \ud14c\ub450\ub9ac \ucd94\uac00 -->\r\n <h4 class=\"text-lg md:text-2xl font-bold text-blue-300 mb-3\">T\u00ecnh tr\u1ea1ng t\u00e0i nguy\u00ean n\u01b0\u1edbc<\/h4> <!-- mb-4 \u2192 mb-3 -->\r\n <ul class=\"space-y-2 text-sm md:text-lg text-slate-300 text-left\"> <!-- space-y-3 \u2192 space-y-2 -->\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-blue-400 opacity-80\">\u25aa<\/span>\r\n <span>T\u1ed5ng ngu\u1ed3n t\u00e0i nguy\u00ean n\u01b0\u1edbc: \u01b0\u1edbc t\u00ednh m\u1ed7i n\u0103m <strong>844 km\u00b3<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-blue-400 opacity-80\">\u25aa<\/span>\r\n <span>Ngu\u1ed3n trong n\u01b0\u1edbc: 40% (340km\u00b3)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-blue-400 opacity-80\">\u25aa<\/span>\r\n <span>D\u00f2ng v\u1ed1n n\u01b0\u1edbc ngo\u00e0i: 601 TP3T (504 km\u00b3)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-400 opacity-80\">\u25aa<\/span>\r\n <span>Nhu c\u1ea7u hi\u1ec7n t\u1ea1i: <strong>11,7 t\u1ef7 m\u00b3\/n\u0103m<\/strong> (xu h\u01b0\u1edbng t\u0103ng)<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6, \ud14c\ub450\ub9ac \ucd94\uac00 -->\r\n <h3 class=\"text-lg md:text-2xl font-bold text-yellow-300 mb-4\">m\u1ea5t c\u00e2n b\u1eb1ng ngu\u1ed3n n\u01b0\u1edbc khu v\u1ef1c<\/h3> <!-- mb-6 \u2192 mb-4 -->\r\n <div class=\"space-y-4 text-left\"> <!-- space-y-6 \u2192 space-y-4 -->\r\n <div>\r\n <div class=\"flex justify-between mb-2 text-xs md:text-base\">\r\n <span class=\"font-semibold text-slate-200\">\u0110\u1ed3ng b\u1eb1ng s\u00f4ng M\u00ea K\u00f4ng (ph\u00eda Nam)<\/span>\r\n <span class=\"font-bold text-orange-400\">\u0110\u1ed9 th\u1ea9m th\u1ea5u mu\u1ed1i cao<\/span>\r\n <\/div>\r\n <div class=\"chart-bar\" style=\"width: 75%; background: linear-gradient(90deg, #fb923c 0%, #f97316 100%);\">\r\n 75%\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between mb-2 text-xs md:text-base\">\r\n <span class=\"font-semibold text-slate-200\">Cao nguy\u00ean Trung t\u00e2m<\/span>\r\n <span class=\"font-bold text-yellow-400\">M\u1ee9c \u0111\u1ed9 v\u1eeba ph\u1ea3i (thi\u1ebfu h\u1ee5t theo m\u00f9a)<\/span>\r\n <\/div>\r\n <div class=\"chart-bar\" style=\"width: 60%; background: linear-gradient(90deg, #facc15 0%, #eab308 100%);\">\r\n 60%\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between mb-2 text-xs md:text-base\">\r\n <span class=\"font-semibold text-slate-200\">Mi\u1ec1n B\u1eafc (L\u00e0o Cai)<\/span>\r\n <span class=\"font-bold text-red-400\">Nghi\u00eam tr\u1ecdng (\u00f4 nhi\u1ec5m kim lo\u1ea1i n\u1eb7ng)<\/span>\r\n <\/div>\r\n <div class=\"chart-bar\" style=\"width: 85%; background: linear-gradient(90deg, #f87171 0%, #ef4444 100%);\">\r\n 85%\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source absolute bottom-8 left-1\/2 transform -translate-x-1\/2 text-white\/60\"> <!-- absolute bottom-8 left-1\/2\ub85c \uc911\uc559 \ud558\ub2e8 \ubc30\uce58 -->\r\n Ngu\u1ed3n: <a href=\"https:\/\/www.gso.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">T\u1ed5ng c\u1ee5c Vi\u1ec7t Nam 2024<\/a>, \r\n <a href=\"https:\/\/monre.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">B\u00e1o c\u00e1o T\u00e0i nguy\u00ean N\u01b0\u1edbc MONRE n\u0103m 2024<\/a>\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">8 \/ 31<\/div> <!-- \ud398\uc774\uc9c0 \ubc88\ud638 \ud558\ub2e8 \uace0\uc815 -->\r\n<\/div>\r\n\r\n<!-- Slide 9: Water Pollution Crisis -->\r\n<div class=\"slide bg-gradient-dark h-screen flex flex-col\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div>\r\n <div class=\"slide-content flex-1 flex flex-col justify-center items-center px-4 py-2\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8\"> <!-- mb-12 \u2192 mb-8 -->\r\n \u00d4 nhi\u1ec5m ngu\u1ed3n n\u01b0\u1edbc nghi\u00eam tr\u1ecdng\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mx-auto\"> <!-- mx-auto \ucd94\uac00\ub85c \uc911\uc559 -->\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-4 flex items-center\"> <!-- mb-6 \u2192 mb-4 -->\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfed<\/span> V\u1ea5n \u0111\u1ec1 n\u01b0\u1edbc th\u1ea3i c\u00f4ng nghi\u1ec7p\r\n <\/h3>\r\n <div class=\"space-y-3 text-sm md:text-lg text-slate-300 text-left\"> <!-- space-y-4 \u2192 space-y-3 -->\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\u274c<\/span>\r\n <p>Trong s\u1ed1 c\u00e1c khu ph\u1ee9c h\u1ee3p c\u00f4ng nghi\u1ec7p <strong class=\"text-red-300\">Gi\u1edbi thi\u1ec7u v\u1ec1 70%<\/strong> C\u00e1c c\u01a1 s\u1edf x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i kh\u00f4ng \u0111\u1ea1t ti\u00eau chu\u1ea9n ho\u1eb7c kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\u2620\ufe0f<\/span>\r\n <p>X\u1ea3 th\u1ea3i tr\u00e1i ph\u00e9p tr\u00e0n lan c\u00e1c ch\u1ea5t nguy h\u1ea1i v\u01b0\u1ee3t qu\u00e1 ti\u00eau chu\u1ea9n (kim lo\u1ea1i n\u1eb7ng, CN\u207b, H\u2082S, v.v.)<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83c\udf0a<\/span>\r\n <p>H\u1ea7u h\u1ebft c\u00e1c con s\u00f4ng \u1edf c\u00e1c th\u00e0nh ph\u1ed1 l\u1edbn \u0111\u1ec1u kh\u00f4ng \u0111\u00e1p \u1ee9ng ti\u00eau chu\u1ea9n c\u1ea5p n\u01b0\u1edbc sinh ho\u1ea1t.<strong class=\"text-red-300\">H\u1ea1ng B tr\u1edf xu\u1ed1ng<\/strong>)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-orange-300 mb-4 flex items-center\"> <!-- mb-6 \u2192 mb-4 -->\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfd8\ufe0f<\/span> C\u00e1c v\u1ea5n \u0111\u1ec1 v\u1ec1 n\u01b0\u1edbc th\u1ea3i sinh ho\u1ea1t\r\n <\/h3>\r\n <div class=\"space-y-3 text-sm md:text-lg text-slate-300 text-left\"> <!-- space-y-4 \u2192 space-y-3 -->\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83d\udcca<\/span>\r\n <p>T\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i \u0111\u00f4 th\u1ecb: <strong class=\"text-red-300\">12.5%<\/strong> (2024)<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83d\udca7<\/span>\r\n <p>Ch\u1ee7 y\u1ebfu l\u00e0 n\u01b0\u1edbc th\u1ea3i sinh ho\u1ea1t <strong class=\"text-red-300\">Ch\u01b0a x\u1eed l\u00fd<\/strong> L\u01b0u l\u01b0\u1ee3ng d\u00f2ng ch\u1ea3y s\u00f4ng\/h\u1ed3<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83c\udfaf<\/span>\r\n <p>M\u1ee5c ti\u00eau c\u1ee7a Ch\u00ednh ph\u1ee7: T\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i \u0111\u00f4 th\u1ecb v\u00e0o n\u0103m 2030 <strong class=\"text-green-400\">50%<\/strong> s\u1ef1 \u0111\u1ea1t \u0111\u01b0\u1ee3c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"warning-box mt-6 max-w-6xl w-full mx-auto bg-red-500\/10 border border-red-500\/20 rounded-xl p-3 md:p-4\"> <!-- mt-8 \u2192 mt-6, p-3 md:p-4, mx-auto \uc911\uc559 -->\r\n <h4 class=\"text-lg md:text-2xl font-bold text-red-300 mb-2\">\u2695\ufe0f Kh\u1ee7ng ho\u1ea3ng s\u1ee9c kh\u1ecfe<\/h4> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl text-slate-200 leading-relaxed\">\r\n C\u00e1c b\u1ec7nh do s\u1eed d\u1ee5ng n\u01b0\u1edbc b\u1ecb \u00f4 nhi\u1ec5m chi\u1ebfm m\u1ed9t t\u1ef7 l\u1ec7 l\u1edbn trong t\u1ed5ng s\u1ed1 c\u00e1c b\u1ec7nh. <strong class=\"text-red-300\">Kho\u1ea3ng 70-80%<\/strong> \u01af\u1edbc t\u00ednh chi ph\u00ed. <br class=\"hidden sm:block\"\/>\r\n H\u00e0ng n\u0103m <strong class=\"text-red-300\">Kho\u1ea3ng 9.000 ng\u01b0\u1eddi \u0111\u00e3 thi\u1ec7t m\u1ea1ng.<\/strong> \ubc0f <strong class=\"text-red-300\">H\u01a1n 100.000 ng\u01b0\u1eddi m\u1eafc b\u1ec7nh ung th\u01b0.<\/strong> V\u1ea5n \u0111\u1ec1 li\u00ean quan \u0111\u00e3 \u0111\u01b0\u1ee3c n\u00eau ra.\r\n <span class=\"text-xs text-slate-400 block mt-1\">(Ngu\u1ed3n: Vietnam+, d\u1eabn ngu\u1ed3n \u01b0\u1edbc t\u00ednh c\u1ee7a B\u1ed9 Y t\u1ebf)<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source absolute bottom-8 left-1\/2 transform -translate-x-1\/2 text-white\/60\"> <!-- absolute bottom-8 left-1\/2\ub85c \uc911\uc559 \ud558\ub2e8 \ubc30\uce58 -->\r\n Ngu\u1ed3n: <a href=\"https:\/\/monre.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">B\u00e1o c\u00e1o M\u00f4i tr\u01b0\u1eddng MONRE n\u0103m 2024<\/a>, \r\n <a href=\"https:\/\/en.vietnamplus.vn\/polluted-water-causes-80-percent-of-diseases-in-vietnam-post17695.vnp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">Vi\u1ec7t Nam+<\/a>, Quy\u1ebft \u0111\u1ecbnh c\u1ee7a Ch\u00ednh ph\u1ee7 s\u1ed1 1978\/QD-TTg\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">9 \/ 31<\/div> <!-- \ud398\uc774\uc9c0 \ubc88\ud638 \ud558\ub2e8 \uace0\uc815 -->\r\n<\/div>\r\n\r\n<!-- Slide 10: Heavy Metal Contamination - \uc138\ub828\ub41c \uc2a4\ud0c0\uc77c\ub9c1 -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12 bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent\">\r\n \u00d4 nhi\u1ec5m kim lo\u1ea1i n\u1eb7ng\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \uc0c1\ub2e8\/\ud558\ub2e8 \uc815\ub82c \uac15\ud654, \uc138\ub828\ub41c \uce74\ub4dc \uc2a4\ud0c0\uc77c - \ub192\uc774 \uade0\ud615 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-6 md:gap-8 w-full max-w-6xl items-stretch\"> <!-- items-start \u2192 items-stretch\ub85c \ub192\uc774 \uade0\ud615 -->\r\n <div class=\"lg:col-span-3 stat-card p-6 md:p-8 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 h-full flex flex-col\"> <!-- h-full flex flex-col \ucd94\uac00\ub85c \ub192\uc774 \ucc44\uc6c0 -->\r\n <div class=\"flex-grow\"> <!-- flex-grow\uc73c\ub85c \ud14c\uc774\ube14 \uc601\uc5ed \ucc44\uc6b0\uae30 -->\r\n <h3 class=\"text-lg md:text-2xl font-bold text-white mb-6 text-left flex items-center\">\r\n <i class=\"fas fa-chart-bar mr-2 text-red-400\"><\/i>T\u00ecnh tr\u1ea1ng \u00f4 nhi\u1ec5m kim lo\u1ea1i n\u1eb7ng ch\u00ednh (L\u00e0o Cai)\r\n <\/h3>\r\n <div class=\"comparison-table overflow-x-auto flex-grow\"> <!-- flex-grow \ucd94\uac00\ub85c \ud14c\uc774\ube14 \ud655\uc7a5 -->\r\n <table class=\"w-full min-w-[600px] bg-white\/5 rounded-lg overflow-hidden\">\r\n <thead class=\"bg-white\/10\">\r\n <tr>\r\n <th class=\"py-3 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">ch\u1ea5t \u00f4 nhi\u1ec5m<\/th>\r\n <th class=\"py-3 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">N\u1ed3ng \u0111\u1ed9 trung b\u00ecnh\/t\u1ed1i \u0111a<\/th>\r\n <th class=\"py-3 px-4 text-right font-bold text-slate-200 border-b border-white\/10\">Ti\u00eau chu\u1ea9n c\u1ee7a WHO<\/th>\r\n <th class=\"py-3 px-4 text-right font-bold text-slate-200 border-b border-white\/10\">T\u1ef7 l\u1ec7\/h\u1ec7 s\u1ed1 nh\u00e2n v\u01b0\u1ee3t m\u1ee9c<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Asen<\/td>\r\n <td class=\"py-3 px-4 text-red-400 font-bold border-b border-white\/5\">Trung b\u00ecnh 159 \u03bcg\/L<br\/>(l\u00ean \u0111\u1ebfn 1.340)<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">10 \u03bcg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-red-300 font-bold border-b border-white\/5\">Trung b\u00ecnh cao h\u01a1n 16 l\u1ea7n<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Mangan<\/td>\r\n <td class=\"py-3 px-4 text-red-400 font-bold border-b border-white\/5\">Trung b\u00ecnh 0,83 mg\/L<br\/>(t\u1ed1i \u0111a 34)<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">0,4 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-red-300 font-bold border-b border-white\/5\">Trung b\u00ecnh cao h\u01a1n g\u1ea5p 2 l\u1ea7n<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">S\u1eaft<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold border-b border-white\/5\">L\u00ean \u0111\u1ebfn 34 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">0,3 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-red-300 font-bold border-b border-white\/5\">T\u0103ng l\u00ean \u0111\u1ebfn 110 l\u1ea7n \u2191<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Ch\u1ec9 huy<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold border-b border-white\/5\">T\u00f9y thu\u1ed9c v\u00e0o t\u1eebng v\u00f9ng.<br\/>(\u1edf khu v\u1ef1c cao g\u1ea7n m\u1ecf)<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">10 \u03bcg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-orange-300 font-bold border-b border-white\/5\">V\u01b0\u1ee3t qu\u00e1 m\u1ed9t s\u1ed1 khu v\u1ef1c<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white\">Selenium<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold\">L\u00ean \u0111\u1ebfn 0,05 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-white\">0,04 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-orange-300 font-bold\">M\u1ed9t s\u1ed1 d\u01b0 th\u1eeba<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-2 stat-card p-6 md:p-8 flex flex-col h-full bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300\"> <!-- \uc138\ub828\ub41c \ubc30\uacbd, \ube14\ub7ec, \uadf8\ub9bc\uc790 -->\r\n <div class=\"flex-grow mb-6\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white mb-4 flex items-center\">\r\n <i class=\"fas fa-map-marker-alt mr-2 text-red-400\"><\/i>\ud83d\uddfa\ufe0f Khu v\u1ef1c c\u00f3 nguy c\u01a1 cao\r\n <\/h4>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-300\">\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-red-400\"><\/i><strong class=\"text-red-300\">L\u00e0o Cai: <\/strong> As, Mn, Fe, kim lo\u1ea1i n\u1eb7ng trong khai th\u00e1c<\/li>\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-red-400\"><\/i><strong class=\"text-red-300\">\u0110\u1ed3ng b\u1eb1ng s\u00f4ng H\u1ed3ng: <\/strong> As, NH\u2083<\/li>\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-orange-400\"><\/i><strong class=\"text-orange-300\">\u0110\u1ed3ng b\u1eb1ng s\u00f4ng Mekong: <\/strong> Mu\u1ed1i, nh\u01b0<\/li>\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-orange-400\"><\/i><strong class=\"text-orange-300\">Cao nguy\u00ean Trung t\u00e2m: <\/strong> F\u207b, nh\u1ea1c heavy metal<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"warning-box mt-auto flex-shrink-0 bg-red-500\/10 border border-red-500\/20 rounded-lg p-4\"> <!-- \uc138\ub828\ub41c \uacbd\uace0 \ubc15\uc2a4 -->\r\n <p class=\"text-sm md:text-lg font-semibold text-slate-200\">\r\n <strong class=\"text-red-300\">Kho\u1ea3ng h\u01a1n 400.000 ng\u01b0\u1eddi<\/strong>\uc774<br class=\"sm:hidden\"\/> S\u1eed d\u1ee5ng n\u01b0\u1edbc b\u1ecb \u00f4 nhi\u1ec5m kim lo\u1ea1i n\u1eb7ng l\u00e0m n\u01b0\u1edbc u\u1ed1ng<br class=\"sm:hidden\"\/> Nguy c\u01a1 \u0111e d\u1ecda s\u1ee9c kh\u1ecfe.\r\n <span class=\"text-xs text-slate-400 block mt-1\">(GSO 2022)<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source text-white\/60\">\r\n Ngu\u1ed3n: MONRE\/NEA (WEPA DB), Th\u1ed1ng k\u00ea M\u00f4i tr\u01b0\u1eddng GSO (2022), Ti\u00eau chu\u1ea9n WHO\r\n <\/div>\r\n <div class=\"slide-number\">10 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 11: Infrastructure Gap -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Kho\u1ea3ng c\u00e1ch c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng gi\u1eefa th\u00e0nh th\u1ecb v\u00e0 n\u00f4ng th\u00f4n\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mb-6\">\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfd9\ufe0f<\/span> khu v\u1ef1c \u0111\u00f4 th\u1ecb\r\n <\/h3>\r\n <div class=\"space-y-5 text-left\">\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">M\u1ee9c ph\u00ed c\u1ea5p n\u01b0\u1edbc<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-green-300\">95%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-green-500 to-green-400 h-3 md:h-4 rounded-full\" style=\"width: 95%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">T\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-red-400\">12.5%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-red-500 to-red-400 h-3 md:h-4 rounded-full\" style=\"width: 12.5%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Ti\u1ebfp c\u1eadn ngu\u1ed3n n\u01b0\u1edbc an to\u00e0n<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-orange-400\">70%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-orange-500 to-orange-400 h-3 md:h-4 rounded-full\" style=\"width: 70%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfd8\ufe0f<\/span> khu v\u1ef1c n\u00f4ng th\u00f4n\r\n <\/h3>\r\n <div class=\"space-y-5 text-left\">\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">M\u1ee9c ph\u00ed c\u1ea5p n\u01b0\u1edbc<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-orange-400\">60%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-orange-500 to-orange-400 h-3 md:h-4 rounded-full\" style=\"width: 60%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">T\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-red-400\">2%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-red-500 to-red-400 h-3 md:h-4 rounded-full\" style=\"width: 2%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Ti\u1ebfp c\u1eadn ngu\u1ed3n n\u01b0\u1edbc an to\u00e0n<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-red-400\">35%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-red-500 to-red-400 h-3 md:h-4 rounded-full\" style=\"width: 35%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 w-full max-w-6xl\">\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-3xl md:text-5xl font-black text-red-300 mb-2\">65%<\/div>\r\n <p class=\"text-sm md:text-lg text-slate-300\">Ng\u01b0\u1eddi d\u00e2n v\u00f9ng n\u00f4ng th\u00f4n ph\u1ee5 thu\u1ed9c v\u00e0o ngu\u1ed3n n\u01b0\u1edbc kh\u00f4ng an to\u00e0n.<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-3xl md:text-5xl font-black text-orange-300 mb-2\">40%+<\/div> <!-- \ub370\uc774\ud130 \uc218\uc815 -->\r\n <p class=\"text-sm md:text-lg text-slate-300\">Khu v\u1ef1c n\u00f4ng th\u00f4n, s\u1eed d\u1ee5ng n\u01b0\u1edbc ng\u1ea7m b\u1ecb \u00f4 nhi\u1ec5m<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-3xl md:text-5xl font-black text-blue-300 mb-2\">$15B+<\/div> <!-- \ub370\uc774\ud130 \uc218\uc815 -->\r\n <p class=\"text-sm md:text-lg text-slate-300\">\u0110\u1ea7u t\u01b0 c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng c\u1ea7n thi\u1ebft \u0111\u1ebfn n\u0103m 2030<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Ngu\u1ed3n: <a href=\"https:\/\/www.gso.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">T\u1ed5ng c\u1ee5c Vi\u1ec7t Nam 2024<\/a>, B\u00e1o c\u00e1o WSS c\u1ee7a Ng\u00e2n h\u00e0ng Th\u1ebf gi\u1edbi v\u1ec1 Vi\u1ec7t Nam n\u0103m 2024\r\n <\/div>\r\n <div class=\"slide-number\">11 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- \r\n Part 1\/3 (\uc2ac\ub77c\uc774\ub4dc 1-11)\uc774 \ub05d\ub0ac\uc2b5\ub2c8\ub2e4.\r\n \uc774\uc5b4\uc11c Part 2\/3 (\uc2ac\ub77c\uc774\ub4dc 12-21) \ucf54\ub4dc\ub97c \ubd99\uc5ec\ub123\uc73c\uc138\uc694.\r\n-->\r\n\r\n<!-- \r\n \uc774 \ud30c\uc77c\uc740 O2&B \ud504\ub808\uc820\ud14c\uc774\uc158\uc758 Part 2\/3 \uc785\ub2c8\ub2e4.\r\n \uc774 \ud30c\uc77c\uc5d0\ub294 12-21\ud398\uc774\uc9c0\uac00 \ud3ec\ud568\ub429\ub2c8\ub2e4.\r\n Part 1 \ub4a4\uc5d0, Part 3 \uc55e\uc5d0 \uc704\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.\r\n-->\r\n\r\n <!-- Slide 12: Government Response & Market Opportunity -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc \u1edf Vi\u1ec7t Nam<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Ph\u1ea3n \u1ee9ng c\u1ee7a Ch\u00ednh ph\u1ee7 v\u00e0 Th\u1ecb tr\u01b0\u1eddng\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\ud83c\udfdb\ufe0f Ch\u00ednh s\u00e1ch c\u1ee7a ch\u00ednh ph\u1ee7 Vi\u1ec7t Nam<\/h3>\r\n <div class=\"space-y-4\">\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Chi\u1ebfn l\u01b0\u1ee3c qu\u1ed1c gia v\u1ec1 t\u00e0i nguy\u00ean n\u01b0\u1edbc giai \u0111o\u1ea1n 2021-2030<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">t\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i \u0111\u00f4 th\u1ecb <strong class=\"text-blue-300\">50%<\/strong> M\u1ee5c ti\u00eau th\u00e0nh t\u1ef1u<\/p>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Quy\u1ebft \u0111\u1ecbnh s\u1ed1 851\/QD-TTg (2022)<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">Nh\u1eb1m c\u1ea3i thi\u1ec7n ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc <strong class=\"text-blue-300\">\u0110\u1ea7u t\u01b0 $20.000.000.000<\/strong> s\u1ef1 ch\u1ea5p thu\u1eadn<\/p>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Lu\u1eadt B\u1ea3o v\u1ec7 M\u00f4i tr\u01b0\u1eddng n\u0103m 2020<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">T\u0103ng c\u01b0\u1eddng c\u00e1c ti\u00eau chu\u1ea9n x\u1ea3 th\u1ea3i n\u01b0\u1edbc th\u1ea3i c\u00f4ng nghi\u1ec7p v\u00e0 thi\u1ebft l\u1eadp c\u00e1c h\u00ecnh ph\u1ea1t m\u1edbi.<\/p>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Ch\u01b0\u01a1ng tr\u00ecnh N\u01b0\u1edbc s\u1ea1ch n\u00f4ng th\u00f4n 2023-2030<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">Ti\u1ebfp c\u1eadn ngu\u1ed3n n\u01b0\u1edbc u\u1ed1ng an to\u00e0n \u1edf khu v\u1ef1c n\u00f4ng th\u00f4n <strong class=\"text-green-400\">90%<\/strong> m\u1ee5c ti\u00eau<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col space-y-6\">\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6\">\ud83d\udcb0 C\u01a1 h\u1ed9i th\u1ecb tr\u01b0\u1eddng<\/h3>\r\n <h4 class=\"text-xl md:text-2xl font-bold text-slate-100 mb-4\">D\u1ef1 b\u00e1o quy m\u00f4 th\u1ecb tr\u01b0\u1eddng<\/h4>\r\n <div class=\"space-y-3 text-base md:text-lg\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-slate-300\">2024<\/span>\r\n <span class=\"font-bold text-slate-100\">$2,800,000,000<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-slate-300\">2027<\/span>\r\n <span class=\"font-bold text-blue-300\">$5,200,000,000<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-slate-300\">2030<\/span>\r\n <span class=\"font-bold text-purple-300\">$8,500,000,000<\/span>\r\n <\/div>\r\n <div class=\"pt-4 mt-4 border-t border-white\/10\">\r\n <div class=\"flex justify-between items-baseline\">\r\n <span class=\"font-bold text-slate-100\">CAGR<\/span>\r\n <span class=\"text-2xl md:text-3xl font-black text-green-400\">20.3%<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <p class=\"text-base md:text-lg font-semibold text-yellow-200 text-center\">\r\n Th\u1ecb tr\u01b0\u1eddng x\u1eed l\u00fd n\u01b0\u1edbc c\u1ee7a Vi\u1ec7t Nam l\u00e0 m\u1ed9t trong nh\u1eefng th\u1ecb tr\u01b0\u1eddng l\u1edbn nh\u1ea5t \u0110\u00f4ng Nam \u00c1. <span class=\"block text-xl md:text-2xl text-yellow-100\">t\u0103ng tr\u01b0\u1edfng nhanh nh\u1ea5t<\/span>Th\u1ecb tr\u01b0\u1eddng \u0111\u00f3\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Ngu\u1ed3n: <a href=\"https:\/\/chinhphu.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">C\u1ed5ng th\u00f4ng tin Ch\u00ednh ph\u1ee7 Vi\u1ec7t Nam<\/a>,\r\n <a href=\"https:\/\/monre.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">T\u00e0i li\u1ec7u ch\u00ednh s\u00e1ch c\u1ee7a MONRE n\u0103m 2024<\/a>\r\n <\/div>\r\n <div class=\"slide-number\">12 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 13: MCDI Technology Introduction -->\r\n <div class=\"slide bg-gradient-main\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">III. C\u00f4ng ngh\u1ec7 MCDI<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-black mb-8\">Gi\u1ea3i ph\u00e1p c\u1ee7a O2&B<\/h2>\r\n <h3 class=\"text-3xl md:text-4xl lg:text-5xl font-light mb-12 md:mb-16 text-slate-200\">\r\n C\u00f4ng ngh\u1ec7 MCDI th\u1ebf h\u1ec7 ti\u1ebfp theo\r\n <\/h3>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-center hover:-translate-y-2\">\r\n <div class=\"text-6xl md:text-7xl mb-6\">\u26a1<\/div>\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-4\">MCDI<\/h4>\r\n <p class=\"text-base md:text-xl font-light leading-relaxed text-slate-300\">\r\n Kh\u1eed ion b\u1eb1ng \u0111i\u1ec7n dung c\u1ea3i ti\u1ebfn<br\/>\r\n C\u00f4ng ngh\u1ec7 kh\u1eed mu\u1ed1i ti\u00ean ti\u1ebfn s\u1eed d\u1ee5ng ph\u01b0\u01a1ng ph\u00e1p h\u1ea5p ph\u1ee5 \u0111i\u1ec7n\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center hover:-translate-y-2\">\r\n <div class=\"text-6xl md:text-7xl mb-6\">\ud83d\ude80<\/div>\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-4\">Hi\u1ec7u qu\u1ea3 cao<\/h4>\r\n <p class=\"text-base md:text-xl font-light leading-relaxed text-slate-300\">\r\n V\u1edbi c\u00e1c \u0111i\u1ec7n c\u1ef1c carbon \u0111\u1eb7c bi\u1ec7t<br\/>\r\n \u0110\u1ea1t \u0111\u01b0\u1ee3c hi\u1ec7u su\u1ea5t h\u1ea5p ph\u1ee5 cao nh\u1ea5t\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center hover:-translate-y-2\">\r\n <div class=\"text-6xl md:text-7xl mb-6\">\ud83c\udf31<\/div>\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-4\">B\u1ec1n v\u1eefng<\/h4>\r\n <p class=\"text-base md:text-xl font-light leading-relaxed text-slate-300\">\r\n Kh\u00f4ng d\u00f9ng thu\u1ed1c, n\u0103ng l\u01b0\u1ee3ng th\u1ea5p<br\/>\r\n H\u1ec7 th\u1ed1ng l\u1ecdc n\u01b0\u1edbc th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-16 p-8 md:p-10 bg-black\/30 rounded-3xl max-w-5xl backdrop-blur-md border border-white\/10\">\r\n <p class=\"text-xl md:text-3xl font-semibold text-center leading-relaxed\">\r\n V\u1ec1 v\u1ea5n \u0111\u1ec1 \u00f4 nhi\u1ec5m kim lo\u1ea1i n\u1eb7ng v\u00e0 mu\u1ed1i \u1edf Vi\u1ec7t Nam<br\/>\r\n <span class=\"text-yellow-300 text-2xl md:text-4xl font-black\">Gi\u1ea3i ph\u00e1p duy nh\u1ea5t<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">13 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- Slide 14: How MCDI Works - \ucd5c\uc801\ud654 \ubc84\uc804 (\uc911\ubcf5 \ud074\ub798\uc2a4 \uc81c\uac70, \uc77c\uad00\uc131 \uac15\ud654) -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">III. C\u00f4ng ngh\u1ec7 MCDI<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-10\">MCDI ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o: C\u00e1ch th\u1ee9c ho\u1ea1t \u0111\u1ed9ng<\/h2>\r\n\r\n <!-- Font Awesome CDN -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" integrity=\"sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n <!-- Step-by-Step Process -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 w-full max-w-6xl mb-12\">\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-blue-400\"><i class=\"fas fa-water\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">B\u01b0\u1edbc 1<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">D\u00f2ng k\u1ebb th\u00f9 \u1ed3 \u1ea1t tr\u00e0n v\u00e0o<\/p>\r\n <p class=\"text-sm text-slate-400\">N\u01b0\u1edbc b\u1ecb \u00f4 nhi\u1ec5m ch\u1ea3y v\u00e0o bu\u1ed3ng MCDI.<\/p>\r\n <\/div>\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-yellow-400\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">B\u01b0\u1edbc 2<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">\u1ee9ng d\u1ee5ng \u0111i\u1ec7n \u00e1p<\/p>\r\n <p class=\"text-sm text-slate-400\">\u1ee8ng d\u1ee5ng \u0111i\u1ec7n \u00e1p th\u1ea5p 1.2-2.0V<\/p>\r\n <\/div>\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-red-400\"><i class=\"fas fa-magnet\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">B\u01b0\u1edbc 3<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">h\u1ea5p ph\u1ee5 ion<\/p>\r\n <p class=\"text-sm text-slate-400\">C\u00e1c ion d\u01b0\u01a1ng\/\u00e2m \u0111\u01b0\u1ee3c h\u1ea5p ph\u1ee5 tr\u00ean \u0111i\u1ec7n c\u1ef1c.<\/p>\r\n <\/div>\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-green-400\"><i class=\"fas fa-tint\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">B\u01b0\u1edbc 4<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">N\u01b0\u1edbc th\u1ea3i \u0111\u00e3 \u0111\u01b0\u1ee3c l\u00e0m s\u1ea1ch<\/p>\r\n <p class=\"text-sm text-slate-400\">s\u1ea3n xu\u1ea5t n\u01b0\u1edbc s\u1ea1ch<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Removal Capabilities & Regeneration Process -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 w-full max-w-6xl\">\r\n <!-- \uc81c\uac70 \uac00\ub2a5 \uc624\uc5fc\ubb3c\uc9c8 -->\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl font-bold text-white mb-6 text-left\">C\u00e1c ch\u1ea5t g\u00e2y \u00f4 nhi\u1ec5m c\u00f3 th\u1ec3 lo\u1ea1i b\u1ecf<\/h3>\r\n <div class=\"grid grid-cols-2 gap-8 text-base text-slate-300\"> <!-- gap-x-8 gap-y-4 \u2192 gap-8 \ud1b5\ud569 -->\r\n <div>\r\n <h4 class=\"font-bold text-yellow-300 mb-2 border-b border-yellow-300\/30 pb-1\">kim lo\u1ea1i n\u1eb7ng<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>As (asen)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Ch\u00ec (Pb)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cd (cadmium)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cr (crom)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Hg (th\u1ee7y ng\u00e2n)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-blue-300 mb-2 border-b border-blue-300\/30 pb-1\">ch\u1ea5t ion<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Na\u207a (natri)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cl\u207b (clo)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>NO\u2083\u207b (nitrat)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>SO\u2084\u00b2\u207b (sulfat)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-green-300 mb-2 border-b border-green-300\/30 pb-1\">V\u1eadt li\u1ec7u c\u1ee9ng<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Ca\u00b2\u207a (canxi)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Mg\u00b2\u207a (magi\u00ea)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-purple-300 mb-2 border-b border-purple-300\/30 pb-1\">v\u00e2n v\u00e2n<\/h4>\r\n <ul class=\"space-y-1 mt-2 flex space-x-4\">\r\n <li><span class=\"text-slate-400 mr-1\">><\/span>F\u207b <\/li>\r\n <li><span class=\"text-slate-400 mr-1\">><\/span>S\u1eaft<\/li>\r\n <li><span class=\"text-slate-400 mr-1\">><\/span>Mn<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \uc804\uadf9 \uc7ac\uc0dd \uacfc\uc815 -->\r\n <div class=\"stat-card p-6 md:p-8 flex flex-col justify-center\">\r\n <h3 class=\"text-2xl font-bold text-white mb-6 text-left\">Qu\u00e1 tr\u00ecnh t\u00e1i t\u1ea1o \u0111i\u1ec7n c\u1ef1c<\/h3>\r\n <ol class=\"space-y-4 text-slate-300\">\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-blue-500 text-white font-bold mr-4 text-lg\">1<\/span>\r\n <span class=\"text-xl\">Khi qu\u00e1 tr\u00ecnh h\u1ea5p ph\u1ee5 \u0111\u1ea1t tr\u1ea1ng th\u00e1i b\u00e3o h\u00f2a <strong class=\"text-blue-300\">\u1ee8ng d\u1ee5ng \u0111i\u1ec7n \u00e1p ng\u01b0\u1ee3c<\/strong> (-0.1V)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-green-500 text-white font-bold mr-4 text-lg\">2<\/span>\r\n <span class=\"text-xl\">S\u1ef1 gi\u1ea3i h\u1ea5p c\u00e1c ion \u0111\u00e3 h\u1ea5p ph\u1ee5 (<strong class=\"text-green-300\">S\u1ea3n xu\u1ea5t n\u01b0\u1edbc c\u00f4 \u0111\u1eb7c 5%<\/strong>)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-yellow-500 text-white font-bold mr-4 text-lg\">3<\/span>\r\n <span class=\"text-xl\">Qu\u00e1 tr\u00ecnh l\u00e0m s\u1ea1ch \u0111i\u1ec7n c\u1ef1c \u0111\u00e3 ho\u00e0n t\u1ea5t (m\u1ea5t 2-3 ph\u00fat)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-purple-500 text-white font-bold mr-4 text-lg\">4<\/span>\r\n <span class=\"text-xl\">S\u1eb5n s\u00e0ng cho chu k\u1ef3 ti\u1ebfp theo<\/span>\r\n <\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">14 \/ 31<\/div>\r\n<\/div>\r\n<!-- Slide 15: MCDI vs RO Comparison - UI \uc870\uc815: \uc81c\ubaa9 \ud06c\uae30\/\uac04\uaca9, \ud45c\/\ubc15\uc2a4 \ud589\uac04\uaca9 \ucd95\uc18c -->\r\n<div class=\"slide bg-gradient-dark\"> <!-- bg-gradient-grey \u2192 bg-gradient-dark\ub85c \uc77c\uad00\uc131 -->\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">III. C\u00f4ng ngh\u1ec7 MCDI<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-white mb-8\">\r\n So s\u00e1nh c\u00f4ng ngh\u1ec7 gi\u1eefa MCDI v\u00e0 RO:\r\n <\/h2>\r\n <div class=\"w-full max-w-6xl overflow-x-auto\">\r\n <!-- \ubaa8\ubc14\uc77c \ud654\uba74 \uac00\ub85c \uc2a4\ud06c\ub864 \ub300\uc751 -->\r\n <div class=\"comparison-table min-w-[700px] md:min-w-full\">\r\n <table class=\"w-full bg-white\/5 rounded-lg overflow-hidden\"> <!-- \ud14c\uc774\ube14 \ubc30\uacbd\/\ub465\uadfc \ubaa8\uc11c\ub9ac \ucd94\uac00 -->\r\n <thead class=\"bg-white\/10\"> <!-- \ud5e4\ub354 \ubc30\uacbd \uac15\uc870 -->\r\n <tr>\r\n <th class=\"py-2 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">C\u00e1c m\u1ee5c so s\u00e1nh<\/th> <!-- px-3 \u2192 px-4\ub85c \uade0\ud615, text-left \ucd94\uac00 -->\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">MCDI (O2&B)<\/th> <!-- text-center\ub85c \uc911\uc559 \uc815\ub82c -->\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">RO (th\u1ea9m th\u1ea5u ng\u01b0\u1ee3c)<\/th>\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">\u01afu \u0111i\u1ec3m c\u1ee7a O2&B<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\"> <!-- hover \ud6a8\uacfc \ucd94\uac00 -->\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Ti\u00eau th\u1ee5 n\u0103ng l\u01b0\u1ee3ng<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">0,5-1,0 kWh\/m\u00b3<\/td> <!-- px-3 \u2192 px-4, text-center -->\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">3-5 kWh\/m\u00b3<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">80% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">T\u1ef7 l\u1ec7 ph\u00e1t sinh n\u01b0\u1edbc th\u1ea3i<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">< 5%<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">20-30%<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">75% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">T\u1ef7 l\u1ec7 ph\u1ee5c h\u1ed3i<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">95%<\/td>\r\n <td class=\"text-orange-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">70-80%<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">15-25% \u2191<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">\u00c1p su\u1ea5t ho\u1ea1t \u0111\u1ed9ng<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">\u0111i\u1ec7n \u00e1p th\u1ea5p (1,2V)<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">\u00c1p su\u1ea5t cao (15-70 bar)<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">95% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">S\u1eed d\u1ee5ng h\u00f3a ch\u1ea5t<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">Kh\u00f4ng<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">Ch\u1ea5t t\u1ea9y r\u1eeda thi\u1ebft y\u1ebfu<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">100% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Tu\u1ed5i th\u1ecd m\u00e0ng\/\u0111i\u1ec7n c\u1ef1c<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">H\u01a1n 5 n\u0103m<\/td>\r\n <td class=\"text-orange-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">1-2 n\u0103m<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">3x \u2191<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white\">Chi ph\u00ed b\u1ea3o tr\u00ec<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center\">r\u1ea5t th\u1ea5p<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center\">chi\u1ec1u cao<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center\">60% \u2193<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <!-- \ud558\ub2e8 \ubc15\uc2a4 \uc0c1\ub2e8 \ub9c8\uc9c4(mt-8) \ubc0f \ub0b4\ubd80 \ud328\ub529(p-4) \ucd95\uc18c -->\r\n <div class=\"highlight-box mt-6 max-w-6xl w-full p-3 md:p-5 bg-yellow-500\/10 border border-yellow-500\/20 rounded-lg\"> <!-- mt-8 \u2192 mt-6, p-4 \u2192 p-3 md:p-5, \ubc30\uacbd\/\ud14c\ub450\ub9ac \ucd94\uac00\ub85c \uc138\ub828\ub418\uac8c -->\r\n <!-- \ud14d\uc2a4\ud2b8 \ud06c\uae30(text-lg md:text-xl) \ucd95\uc18c -->\r\n <p class=\"text-base md:text-lg font-bold text-yellow-200 text-center\">\r\n O2&B MCDI l\u00e0 <span class=\"text-blue-300\">Gi\u1ea3m chi ph\u00ed v\u1eadn h\u00e0nh (OPEX) h\u01a1n 50%<\/span> Do \u0111\u00f3,<br class=\"sm:hidden\"\/>\u0110\u1ea3m b\u1ea3o t\u00ednh kh\u1ea3 thi kinh t\u1ebf v\u01b0\u1ee3t tr\u1ed9i tr\u00ean th\u1ecb tr\u01b0\u1eddng Vi\u1ec7t Nam <!-- br sm:hidden \ucd94\uac00\ub85c \ubaa8\ubc14\uc77c \uc904\ubc14\uafc8 -->\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">15 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 16: MCDI Technical Advantages -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">III. C\u00f4ng ngh\u1ec7 MCDI<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n L\u1ee3i th\u1ebf c\u1ea1nh tranh c\u1ee7a MCDI\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83d\udd0b<\/span> ti\u00eau th\u1ee5 n\u0103ng l\u01b0\u1ee3ng th\u1ea5p\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> Ho\u1ea1t \u0111\u1ed9ng \u1edf \u0111i\u1ec7n \u00e1p th\u1ea5p (1,2V), t\u1ed1i \u0111a h\u00f3a hi\u1ec7u qu\u1ea3 n\u0103ng l\u01b0\u1ee3ng.<\/p>\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> H\u1ec7 th\u1ed1ng \u0111\u1ed9c l\u1eadp t\u00edch h\u1ee3p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/p>\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> Th\u00edch h\u1ee3p cho c\u00e1c khu v\u1ef1c n\u00f4ng th\u00f4n c\u00f3 l\u01b0\u1edbi \u0111i\u1ec7n kh\u00f4ng \u1ed5n \u0111\u1ecbnh.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\u267b\ufe0f<\/span> th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Kh\u00f4ng h\u00f3a ch\u1ea5t, kh\u00f4ng g\u00e2y \u00f4 nhi\u1ec5m th\u1ee9 c\u1ea5p.<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Gi\u1ea3m thi\u1ec3u l\u01b0\u1ee3ng n\u01b0\u1edbc th\u1ea3i ph\u00e1t sinh (d\u01b0\u1edbi 51 t\u1ea5n\/d\u1eb7m)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Gi\u1ea3m l\u01b0\u1ee3ng kh\u00ed th\u1ea3i carbon 70% so v\u1edbi h\u1ec7 th\u1ed1ng RO.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83d\udd27<\/span> c\u1ea5u tr\u00fac m\u00f4-\u0111un\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> Thi\u1ebft k\u1ebf d\u1ea1ng m\u00f4-\u0111un gi\u00fap d\u1ec5 d\u00e0ng l\u1eafp \u0111\u1eb7t v\u00e0 m\u1edf r\u1ed9ng.<\/p>\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> \u0110i\u1ec1u ch\u1ec9nh c\u00f4ng su\u1ea5t t\u00f9y ch\u1ec9nh t\u1ea1i ch\u1ed7<\/p>\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> D\u1ec5 b\u1ea3o tr\u00ec (thay th\u1ebf m\u00f4-\u0111un)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-orange-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfaf<\/span> Lo\u1ea1i b\u1ecf c\u00f3 ch\u1ecdn l\u1ecdc\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Lo\u1ea1i b\u1ecf c\u00f3 ch\u1ecdn l\u1ecdc ch\u1ec9 c\u00e1c ch\u1ea5t g\u00e2y \u00f4 nhi\u1ec5m d\u1ea1ng ion<\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> C\u00e1c kho\u00e1ng ch\u1ea5t c\u00f3 l\u1ee3i c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c b\u1ea3o t\u1ed3n.<\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Chuy\u00ean v\u1ec1 lo\u1ea1i b\u1ecf asen v\u00e0 kim lo\u1ea1i n\u1eb7ng.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">16 \/ 31<\/div>\r\n <\/div>\r\n<!-- Slide 17: Performance Results: \uc2e4\uc99d \uc131\uacfc - \uadf8\ub798\ud504 \uc0ad\uc81c \ubc0f \ucef4\ud329\ud2b8\ud654 -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. B\u1eb1ng ch\u1ee9ng c\u1ee7a L\u00e0o Cai<\/div>\r\n <div class=\"slide-content pt-2\"> <!-- slide-content\uc5d0 pt-2 \ucd94\uac00\ub85c \uc717\ucabd \uc5ec\ubc31 \ucd5c\uc18c\ud654 -->\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-white mb-4 md:mb-6\"> <!-- mb-6 md:mb-8 \u2192 mb-4 md:mb-6\uc73c\ub85c \uc544\ub798 \uc5ec\ubc31 \uc904\uc784 -->\r\n K\u1ebft qu\u1ea3 th\u1ef1c nghi\u1ec7m: K\u1ebft qu\u1ea3 th\u1ef1c nghi\u1ec7m\r\n <\/h2>\r\n\r\n <!-- \uc218\uc9c8 \uac1c\uc120 \uc131\uacfc Table -->\r\n <div class=\"w-full max-w-6xl mb-4 overflow-x-auto\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-green-300 mb-3 text-left\">K\u1ebft qu\u1ea3 c\u1ea3i thi\u1ec7n ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc<\/h3>\r\n <div class=\"comparison-table min-w-[600px] md:min-w-full\">\r\n <table class=\"w-full\">\r\n <thead>\r\n <tr>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-left\">ch\u1ea5t \u00f4 nhi\u1ec5m<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">n\u1ed3ng \u0111\u1ed9 n\u01b0\u1edbc th\u00f4<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">N\u1ed3ng \u0111\u1ed9 n\u01b0\u1edbc x\u1eed l\u00fd<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">T\u1ef7 l\u1ec7 lo\u1ea1i b\u1ecf<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">Ti\u00eau chu\u1ea9n (WHO\/QCVN)<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-center\">k\u1ebft qu\u1ea3<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">Asen (As)<\/td>\r\n <td class=\"text-red-400 py-2 px-3 md:py-3 md:px-4 text-right\">75 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">8 \u00b5g\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">89.3%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 10 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 \u0110\u1ea1t<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">mangan (Mn)<\/td>\r\n <td class=\"text-red-400 py-2 px-3 md:py-3 md:px-4 text-right\">2.100 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">380 \u00b5g\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">81.9%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 500 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 \u0110\u1ea1t<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">s\u1eaft (Fe)<\/td>\r\n <td class=\"text-red-400 py-2 px-3 md:py-3 md:px-4 text-right\">7,5 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">0,2 mg\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">97.3%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 0,3 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 \u0110\u1ea1t<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">TDS<\/td>\r\n <td class=\"text-orange-400 py-2 px-3 md:py-3 md:px-4 text-right\">850 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">320 mg\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">62.4%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 1.000 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 \u0110\u1ea1t<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \uc6b4\uc601 \uc131\uacfc & \uacbd\uc81c\uc131 \ubd84\uc11d Grid -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 w-full max-w-6xl\">\r\n <div class=\"stat-card p-5\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-blue-300 mb-4 text-left\">Hi\u1ec7u su\u1ea5t ho\u1ea1t \u0111\u1ed9ng<\/h3>\r\n <div class=\"space-y-3 text-sm md:text-base\">\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">S\u1ea3n xu\u1ea5t h\u00e0ng ng\u00e0y<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-blue-300\">95-100 m\u00b3\/ng\u00e0y<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">T\u1ef7 l\u1ec7 ho\u1ea1t \u0111\u1ed9ng<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-green-300\">98.5%<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">T\u1ef7 l\u1ec7 thu h\u1ed3i n\u01b0\u1edbc<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-green-300\">95.2%<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"font-semibold text-slate-200\">M\u1ee9c ti\u00eau th\u1ee5 \u0111i\u1ec7n n\u0103ng<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-yellow-300\">0,68 kWh\/m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-5\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-purple-300 mb-4 text-left\">Ph\u00e2n t\u00edch kinh t\u1ebf<\/h3>\r\n <div class=\"space-y-3 text-sm md:text-base\">\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">gi\u00e1 \u0111\u1ea5t<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-green-300\">$0.42\/m\u00b3<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Gi\u00e1 b\u00e1n<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-blue-300\">$0.80\/m\u00b3<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Chi ph\u00ed ho\u1ea1t \u0111\u1ed9ng h\u00e0ng th\u00e1ng<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-yellow-300\">$1,260<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"font-semibold text-slate-200\">Th\u1eddi gian ho\u00e0n v\u1ed1n<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-purple-300\">3,2 n\u0103m<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">17 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 18: Lao Cai Project Overview -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. B\u1eb1ng ch\u1ee9ng c\u1ee7a L\u00e0o Cai<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Nghi\u00ean c\u1ee9u \u0111i\u1ec3n h\u00ecnh: D\u1ef1 \u00e1n th\u00ed \u0111i\u1ec3m t\u1ea1i L\u00e0o Cai\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6\">\ud83d\udccd T\u1ed5ng quan v\u1ec1 doanh nghi\u1ec7p<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">v\u1ecb tr\u00ed:<\/p><p>T\u1ec9nh L\u00e0o Cai, mi\u1ec1n B\u1eafc Vi\u1ec7t Nam<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Giai \u0111o\u1ea1n:<\/p><p>Th\u00e1ng 6 n\u0103m 2023 - Th\u00e1ng 12 n\u0103m 2024 (18 th\u00e1ng)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Dung l\u01b0\u1ee3ng h\u1ec7 th\u1ed1ng:<\/p><p>100 m\u00b3\/ng\u00e0y (100 t\u1ea5n m\u1ed7i ng\u00e0y)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">\u0110\u1ed1i t\u01b0\u1ee3ng h\u01b0\u1edfng l\u1ee3i:<\/p><p>Kho\u1ea3ng 2.500 ng\u01b0\u1eddi (500 h\u1ed9 gia \u0111\u00ecnh)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">c\u1ed9ng s\u1ef1:<\/p><p>\u1ee6y ban nh\u00e2n d\u00e2n t\u1ec9nh L\u00e0o Cai, B\u1ed9 M\u00f4i tr\u01b0\u1eddng Vi\u1ec7t Nam<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-left space-y-6\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-0 ml-2\">\u26a0\ufe0f C\u00e1c v\u1ea5n \u0111\u1ec1 ph\u00e1t sinh t\u1ea1i hi\u1ec7n tr\u01b0\u1eddng<\/h3>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">\u00d4 nhi\u1ec5m asen<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">N\u1ed3ng \u0111\u1ed9 trung b\u00ecnh: <span class=\"font-bold text-red-300\">159 \u03bcg\/L<\/span> (Ti\u00eau chu\u1ea9n c\u1ee7a WHO) <strong class=\"text-red-300\">16 l\u1ea7n\u2191<\/strong>), l\u00ean \u0111\u1ebfn 1.340 \u03bcg\/L<\/p>\r\n <\/div>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">Nhi\u1ec5m \u0111\u1ed9c mangan<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">N\u1ed3ng \u0111\u1ed9 trung b\u00ecnh: <span class=\"font-bold text-red-300\">0,83 mg\/L<\/span> (Ti\u00eau chu\u1ea9n c\u1ee7a WHO) <strong class=\"text-red-300\">2x\u2191<\/strong>), l\u00ean \u0111\u1ebfn 34 mg\/L<\/p>\r\n <\/div>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">S\u1eaft v\u00e0 c\u00e1c t\u1ea1p ch\u1ea5t kh\u00e1c<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">H\u00e0m l\u01b0\u1ee3ng s\u1eaft cao (l\u00ean \u0111\u1ebfn 34 mg\/L), vi khu\u1ea9n coliform (11.000 MPN) v\u00e0 c\u00e1c v\u1ea5n \u0111\u1ec1 li\u00ean quan \u0111\u1ebfn kim lo\u1ea1i n\u1eb7ng kh\u00e1c.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">18 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 19: Lao Cai Results - Water Quality -->\r\n <div class=\"slide bg-gradient-green\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. B\u1eb1ng ch\u1ee9ng c\u1ee7a L\u00e0o Cai<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n K\u1ebft qu\u1ea3 \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh: Ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc\r\n <\/h2>\r\n <div class=\"w-full max-w-6xl overflow-x-auto\">\r\n <!-- \ubaa8\ubc14\uc77c \ud654\uba74 \uac00\ub85c \uc2a4\ud06c\ub864 \ub300\uc751 -->\r\n <div class=\"comparison-table min-w-[700px] md:min-w-full\">\r\n <table class=\"w-full\">\r\n <thead>\r\n <tr>\r\n <th>ch\u1ea5t \u00f4 nhi\u1ec5m<\/th>\r\n <th>n\u1ed3ng \u0111\u1ed9 n\u01b0\u1edbc th\u00f4<\/th>\r\n <th>T\u1eadp trung s\u1ed1 nguy\u00ean<\/th>\r\n <th>Ti\u00eau chu\u1ea9n c\u1ee7a WHO<\/th>\r\n <th>T\u1ef7 l\u1ec7 lo\u1ea1i b\u1ecf<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"font-bold\">Asen (As)<\/td>\r\n <td class=\"text-red-300 font-bold\">Trung b\u00ecnh 159 \u03bcg\/L<\/td>\r\n <td class=\"text-green-300 font-bold\">< 5 \u03bcg\/L<\/td>\r\n <td>10 \u03bcg\/L<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">99% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">mangan (Mn)<\/td>\r\n <td class=\"text-red-300 font-bold\">Trung b\u00ecnh 0,83 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold\">< 0,1 mg\/L<\/td>\r\n <td>0,4 mg\/L<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">98% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">s\u1eaft (Fe)<\/td>\r\n <td class=\"text-orange-300 font-bold\">L\u00ean \u0111\u1ebfn 34 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold\">< 0,15 mg\/L<\/td>\r\n <td>0,3 mg\/L<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">95% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">TDS (h\u00e0m l\u01b0\u1ee3ng mu\u1ed1i)<\/td>\r\n <td class=\"text-orange-300 font-bold\">1.200-1.800 ppm<\/td>\r\n <td class=\"text-green-300 font-bold\">< 300 ppm<\/td>\r\n <td>500 ppm<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">85% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">amoniac (NH3)<\/td>\r\n <td class=\"text-orange-300 font-bold\">2-4 ppm<\/td>\r\n <td class=\"text-green-300 font-bold\">< 0,5 ppm<\/td>\r\n <td>1,5 ppm<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">90% \u2713<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl mt-10\">\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-4xl md:text-5xl font-black text-green-300 mb-2\">100%<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">\u0110\u00e1p \u1ee9ng c\u00e1c ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc c\u1ee7a WHO.<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 mb-2\">18 th\u00e1ng<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Ho\u1ea1t \u0111\u1ed9ng \u1ed5n \u0111\u1ecbnh li\u00ean t\u1ee5c<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-4xl md:text-5xl font-black text-purple-300 mb-2\">2,500+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">S\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi h\u01b0\u1edfng l\u1ee3i<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Ngu\u1ed3n: MONRE\/NEA (WEPA DB), Th\u1ed1ng k\u00ea M\u00f4i tr\u01b0\u1eddng GSO (2022), Ti\u00eau chu\u1ea9n WHO\r\n <\/div>\r\n <div class=\"slide-number\">19 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 20: Lao Cai Results - Operational Performance -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. B\u1eb1ng ch\u1ee9ng c\u1ee7a L\u00e0o Cai<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Xu\u1ea5t s\u1eafc trong v\u1eadn h\u00e0nh\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\u26a1 Hi\u1ec7u qu\u1ea3 n\u0103ng l\u01b0\u1ee3ng<\/h3>\r\n <div class=\"space-y-4 text-base md:text-lg\">\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Ti\u00eau th\u1ee5 n\u0103ng l\u01b0\u1ee3ng<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">0,7 kWh\/m\u00b3<\/span>\r\n <\/div>\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">H\u00f3a \u0111\u01a1n ti\u1ec1n \u0111i\u1ec7n h\u00e0ng th\u00e1ng<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">$180<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"font-semibold text-slate-200\">Gi\u1ea3m CO\u2082 h\u00e0ng n\u0103m<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">28 t\u1ea5n<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6\">\ud83d\udcb0 Hi\u1ec7u qu\u1ea3 kinh t\u1ebf<\/h3>\r\n <div class=\"space-y-4 text-base md:text-lg\">\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">CAPEX (\u0111\u1ea7u t\u01b0 ban \u0111\u1ea7u)<\/span>\r\n <span class=\"float-right text-xl font-bold text-blue-300\">$45,000<\/span>\r\n <\/div>\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Chi ph\u00ed ho\u1ea1t \u0111\u1ed9ng h\u00e0ng n\u0103m (OPEX)<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">$3,200<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"font-semibold text-slate-200\">giai \u0111o\u1ea1n \u0111\u1ea1t \u0111\u01b0\u1ee3c ROI<\/span>\r\n <span class=\"float-right text-xl font-bold text-purple-300\">2,8 n\u0103m<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6\">\u267b\ufe0f T\u00e1c \u0111\u1ed9ng \u0111\u1ebfn m\u00f4i tr\u01b0\u1eddng<\/h3>\r\n <div class=\"space-y-3 text-base md:text-lg text-slate-200\">\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Ph\u00e1t sinh n\u01b0\u1edbc th\u1ea3i: <strong>4.2%<\/strong> (RO: 25%)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> C\u00f4ng d\u1ee5ng c\u1ee7a h\u00f3a ch\u1ea5t: <strong>Kh\u00f4ng<\/strong><\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> T\u1ef7 l\u1ec7 thu h\u1ed3i n\u01b0\u1edbc: <strong>95.8%<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-orange-300 mb-6\">\ud83d\udd27 B\u1ea3o tr\u00ec<\/h3>\r\n <div class=\"space-y-3 text-base md:text-lg text-slate-200\">\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Chu k\u1ef3 thay th\u1ebf \u0111i\u1ec7n c\u1ef1c: <strong>H\u01a1n 5 n\u0103m<\/strong><\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> T\u1ef7 l\u1ec7 ho\u1ea1t \u0111\u1ed9ng trung b\u00ecnh: <strong>98.5%<\/strong><\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> C\u00f3 th\u1ec3 v\u1eadn h\u00e0nh kh\u00f4ng ng\u01b0\u1eddi l\u00e1i: <strong>\u0110\u00fang<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">20 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 21: Community Impact -->\r\n <div class=\"slide bg-gradient-green\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. B\u1eb1ng ch\u1ee9ng c\u1ee7a L\u00e0o Cai<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12\">\r\n T\u00e1c \u0111\u1ed9ng \u0111\u1ebfn c\u1ed9ng \u0111\u1ed3ng v\u00e0 l\u1eddi ch\u1ee9ng th\u1ef1c\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <div class=\"text-5xl md:text-6xl mb-4\">\u2695\ufe0f<\/div>\r\n <h4 class=\"text-xl md:text-2xl font-bold mb-3\">C\u1ea3i thi\u1ec7n s\u1ee9c kh\u1ecfe<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>b\u1ec7nh l\u00e2y truy\u1ec1n qua \u0111\u01b0\u1eddng n\u01b0\u1edbc <strong class=\"text-green-200\">Gi\u1ea3m 82%<\/strong><\/li>\r\n <li>ti\u00eau ch\u1ea3y \u1edf tr\u1ebb em <strong class=\"text-green-200\">Gi\u1ea3m 75%<\/strong><\/li>\r\n <li>b\u1ec7nh ngo\u00e0i da <strong class=\"text-green-200\">Gi\u1ea3m 68%<\/strong><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <div class=\"text-5xl md:text-6xl mb-4\">\ud83d\udcb0<\/div>\r\n <h4 class=\"text-xl md:text-2xl font-bold mb-3\">t\u00e1c \u0111\u1ed9ng kinh t\u1ebf<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>Chi ph\u00ed y t\u1ebf <strong class=\"text-green-200\">$180\/h\u1ed9 gia \u0111\u00ecnh\/n\u0103m<\/strong> s\u1ef1 gi\u1ea3m b\u1edbt<\/li>\r\n <li>Chi ph\u00ed mua n\u01b0\u1edbc <strong class=\"text-green-200\">Gi\u1ea3m 70%<\/strong><\/li>\r\n <li>Hi\u1ec7u qu\u1ea3 c\u1ea3i thi\u1ec7n n\u0103ng su\u1ea5t<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <div class=\"text-5xl md:text-6xl mb-4\">\ud83d\ude0a<\/div>\r\n <h4 class=\"text-xl md:text-2xl font-bold mb-3\">S\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a c\u01b0 d\u00e2n<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>S\u1ef1 h\u00e0i l\u00f2ng t\u1ed5ng th\u1ec3 <strong class=\"text-green-200\">96%<\/strong><\/li>\r\n <li>\u00dd \u0111\u1ecbnh ti\u1ebfp t\u1ee5c s\u1eed d\u1ee5ng <strong class=\"text-green-200\">100%<\/strong><\/li>\r\n <li>S\u1eb5n s\u00e0ng gi\u1edbi thi\u1ec7u c\u00e1c khu v\u1ef1c kh\u00e1c <strong class=\"text-green-200\">98%<\/strong><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 max-w-5xl w-full\">\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-6 text-center\">\ud83d\udce2 \u0110\u00e1nh gi\u00e1 c\u1ee7a c\u01b0 d\u00e2n \u0111\u1ecba ph\u01b0\u01a1ng<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left\">\r\n <div class=\"italic text-base md:text-lg text-slate-200 border-l-4 border-green-400 pl-4\">\r\n <p class=\"mb-2\">\""Gi\u1edd \u0111\u00e2y con c\u00e1i ch\u00fang t\u00f4i kh\u00f4ng c\u00f2n b\u1ecb \u1ed1m do n\u01b0\u1edbc n\u1eefa. H\u1ec7 th\u1ed1ng c\u1ee7a O2&B l\u00e0 m\u1ed9t \u00e2n hu\u1ec7 \u0111\u1ed1i v\u1edbi l\u00e0ng ch\u00fang t\u00f4i."\"<\/p>\r\n <p class=\"text-right text-sm opacity-80 mt-3\">- Nguy\u1ec5n Th\u1ecb Lan (C\u01b0 d\u00e2n th\u00f4n, 45 tu\u1ed5i)<\/p>\r\n <\/div>\r\n <div class=\"italic text-base md:text-lg text-slate-200 border-l-4 border-green-400 pl-4\">\r\n <p class=\"mb-2\">\""Vi\u1ec7c \u0111\u01b0\u1ee3c ti\u1ebfp c\u1eadn v\u1edbi n\u01b0\u1edbc u\u1ed1ng s\u1ea1ch \u0111\u00e3 c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3 ch\u1ea5t l\u01b0\u1ee3ng cu\u1ed9c s\u1ed1ng c\u1ee7a ch\u00fang t\u00f4i. T\u00f4i hy v\u1ecdng c\u00f4ng ngh\u1ec7 n\u00e0y s\u1ebd \u0111\u01b0\u1ee3c m\u1edf r\u1ed9ng ra kh\u1eafp Vi\u1ec7t Nam."\"<\/p>\r\n <p class=\"text-right text-sm opacity-80 mt-3\">- Tr\u1ea7n V\u0103n H\u00f9ng (tr\u01b0\u1edfng th\u00f4n, 52 tu\u1ed5i)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">21 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- \r\n Part 2\/3 (\uc2ac\ub77c\uc774\ub4dc 12-21)\uac00 \ub05d\ub0ac\uc2b5\ub2c8\ub2e4.\r\n \uc774\uc5b4\uc11c Part 3\/3 (\uc2ac\ub77c\uc774\ub4dc 22-31 & \uc2a4\ud06c\ub9bd\ud2b8) \ucf54\ub4dc\ub97c \ubd99\uc5ec\ub123\uc73c\uc138\uc694.\r\n-->\r\n\r\n<!-- \r\n \uc774 \ud30c\uc77c\uc740 O2&B \ud504\ub808\uc820\ud14c\uc774\uc158\uc758 Part 3\/3 \uc785\ub2c8\ub2e4.\r\n \uc774 \ud30c\uc77c\uc5d0\ub294 22-31\ud398\uc774\uc9c0\uc640 \uc2a4\ud06c\ub9bd\ud2b8\uac00 \ud3ec\ud568\ub429\ub2c8\ub2e4.\r\n Part 1, Part 2 \ub4a4\uc5d0 \uc704\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.\r\n-->\r\n<!-- Slide 22: Global References - \uce84\ubcf4\ub514\uc544 \ubc0f \ud1b5\uacc4 \ucd94\uac00 -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">V. THAM CHI\u1ebeU TO\u00c0N C\u1ea6U<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12 text-white\">\r\n Th\u00e0nh t\u00edch to\u00e0n c\u1ea7u \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 w-full max-w-7xl mb-10\">\r\n <!-- \ubc29\uae00\ub77c\ub370\uc2dc \uce74\ub4dc -->\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"flex items-center mb-6\">\r\n <span class=\"text-4xl md:text-5xl mr-4\">\ud83c\udde7\ud83c\udde9<\/span>\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Bangladesh<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base font-light text-slate-300\">\r\n <p><strong class=\"text-slate-100\">v\u1ea5n \u0111\u1ec1:<\/strong> N\u1ed3ng \u0111\u1ed9 asen cao<\/p>\r\n <p><strong class=\"text-slate-100\">t\u1ec9 l\u1ec7:<\/strong> 1.000 m\u00b3\/ng\u00e0y \u00d7 3 \u0111\u01a1n v\u1ecb<\/p>\r\n <p><strong class=\"text-slate-100\">k\u1ebft qu\u1ea3:<\/strong> Lo\u1ea1i b\u1ecf Asen 95%<\/p>\r\n <p><strong class=\"text-slate-100\">T\u00ecnh h\u00ecnh hi\u1ec7n t\u1ea1i:<\/strong> Vi\u1ec7c th\u00e0nh l\u1eadp c\u00f4ng ty \u0111\u1ecba ph\u01b0\u01a1ng \u0111\u00e3 ho\u00e0n t\u1ea5t.<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- \ud0c4\uc790\ub2c8\uc544 \uce74\ub4dc -->\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"flex items-center mb-6\">\r\n <span class=\"text-4xl md:text-5xl mr-4\">\ud83c\uddf9\ud83c\uddff<\/span>\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Tanzania<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base font-light text-slate-300\">\r\n <p><strong class=\"text-slate-100\">v\u1ea5n \u0111\u1ec1:<\/strong> H\u00e0m l\u01b0\u1ee3ng fluoride qu\u00e1 cao (5-8 mg\/L)<\/p>\r\n <p><strong class=\"text-slate-100\">t\u1ec9 l\u1ec7:<\/strong> 500 m\u00b3\/ng\u00e0y \u00d7 2 \u0111\u01a1n v\u1ecb<\/p>\r\n <p><strong class=\"text-slate-100\">k\u1ebft qu\u1ea3:<\/strong> \u0110\u1ea1t ti\u00eau chu\u1ea9n c\u1ee7a WHO<\/p>\r\n <p><strong class=\"text-slate-100\">T\u00ecnh h\u00ecnh hi\u1ec7n t\u1ea1i:<\/strong> H\u1ee3p \u0111\u1ed3ng cho 5 \u0111\u1ecba \u0111i\u1ec3m b\u1ed5 sung<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- \uce84\ubcf4\ub514\uc544 \uce74\ub4dc -->\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"flex items-center mb-6\">\r\n <span class=\"text-4xl md:text-5xl mr-4\">\ud83c\uddf0\ud83c\udded<\/span>\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Campuchia<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base font-light text-slate-300\">\r\n <p><strong class=\"text-slate-100\">v\u1ea5n \u0111\u1ec1:<\/strong> Nhi\u1ec5m b\u1ea9n ph\u1ee9c h\u1ee3p s\u1eaft\/mangan<\/p>\r\n <p><strong class=\"text-slate-100\">t\u1ec9 l\u1ec7:<\/strong> 200 m\u00b3\/ng\u00e0y<\/p>\r\n <p><strong class=\"text-slate-100\">k\u1ebft qu\u1ea3:<\/strong> Cung c\u1ea5p h\u00e0ng h\u00f3a cho ba l\u00e0ng n\u00f4ng th\u00f4n.<\/p>\r\n <p><strong class=\"text-slate-100\">T\u00ecnh h\u00ecnh hi\u1ec7n t\u1ea1i:<\/strong> M\u1edf r\u1ed9ng li\u00ean k\u1ebft JICA<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \ud558\ub2e8 \ud1b5\uacc4 \uc139\uc158 -->\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 w-full max-w-5xl\">\r\n <div class=\"stat-card text-center p-6 bg-blue-900\/20 border-blue-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 mb-2\">15+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">C\u00e1c qu\u1ed1c gia<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6 bg-green-900\/20 border-green-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-green-300 mb-2\">50+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">D\u1ef1 \u00e1n<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6 bg-purple-900\/20 border-purple-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-purple-300 mb-2\">H\u01a1n 1 tri\u1ec7u<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Ng\u01b0\u1eddi th\u1ee5 h\u01b0\u1edfng<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6 bg-red-900\/20 border-red-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-red-300 mb-2\">98%<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">T\u1ef7 l\u1ec7 th\u00e0nh c\u00f4ng<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">22 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 23: IP & Certifications -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">V. Tham chi\u1ebfu to\u00e0n c\u1ea7u<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n \u0110\u1ed9 tin c\u1eady v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfc6<\/span> B\u1eb1ng s\u00e1ng ch\u1ebf v\u00e0 s\u1edf h\u1eefu tr\u00ed tu\u1ec7\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-blue-300 font-bold mr-3 opacity-80\">\u25aa<\/span>\r\n <div><p class=\"font-bold text-slate-100\">B\u1eb1ng s\u00e1ng ch\u1ebf trong n\u01b0\u1edbc: 12<\/p><p class=\"text-xs md:text-sm text-slate-400\">T\u1ed1i \u01b0u h\u00f3a \u0111i\u1ec7n c\u1ef1c, m\u00f4-\u0111un v\u00e0 h\u1ec7 th\u1ed1ng MCDI<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-blue-300 font-bold mr-3 opacity-80\">\u25aa<\/span>\r\n <div><p class=\"font-bold text-slate-100\">B\u1eb1ng s\u00e1ng ch\u1ebf qu\u1ed1c t\u1ebf: 8<\/p><p class=\"text-xs md:text-sm text-slate-400\">M\u1ef9, ch\u00e2u \u00c2u, Nh\u1eadt B\u1ea3n, Trung Qu\u1ed1c, v.v.<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-blue-300 font-bold mr-3 opacity-80\">\u25aa<\/span>\r\n <div><p class=\"font-bold text-slate-100\">C\u00f4ng ngh\u1ec7 c\u1ed1t l\u00f5i<\/p><p class=\"text-xs md:text-sm text-slate-400\">\u0110i\u1ec7n c\u1ef1c carbon dung l\u01b0\u1ee3ng cao, m\u00e0ng ch\u1ecdn l\u1ecdc ion<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\u2705<\/span> X\u00e1c th\u1ef1c v\u00e0 ph\u00ea duy\u1ec7t\r\n <\/h3>\r\n <div class=\"space-y-3 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>Ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc c\u1ee7a WHO<\/strong> X\u00e1c minh s\u1ef1 h\u00e0i l\u00f2ng<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>UNICEF<\/strong> Ph\u00ea duy\u1ec7t Ch\u01b0\u01a1ng tr\u00ecnh N\u01b0\u1edbc u\u1ed1ng An to\u00e0n<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>B\u1ed9 M\u00f4i tr\u01b0\u1eddng H\u00e0n Qu\u1ed1c<\/strong> C\u00f4ng ngh\u1ec7 m\u00f4i tr\u01b0\u1eddng m\u1edbi (NET)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>ISO 9001<\/strong> H\u1ec7 th\u1ed1ng qu\u1ea3n l\u00fd ch\u1ea5t l\u01b0\u1ee3ng<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>D\u1ea5u CE<\/strong> Ti\u00eau chu\u1ea9n an to\u00e0n ch\u00e2u \u00c2u<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">23 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 24: Strategic Partnerships -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">V. Tham chi\u1ebfu to\u00e0n c\u1ea7u<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Quan h\u1ec7 \u0111\u1ed1i t\u00e1c chi\u1ebfn l\u01b0\u1ee3c\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6\">\ud83e\udd1d \u0110\u1ed1i t\u00e1c c\u00f4ng c\u1ed9ng<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"p-4 bg-purple-900\/30 rounded-lg border border-purple-700\/50\">\r\n <p class=\"font-bold text-purple-200\">C\u01a1 quan H\u1ee3p t\u00e1c Qu\u1ed1c t\u1ebf H\u00e0n Qu\u1ed1c (KOICA)<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">H\u1ee3p t\u00e1c trong c\u00e1c d\u1ef1 \u00e1n cung c\u1ea5p n\u01b0\u1edbc \u1edf c\u00e1c n\u01b0\u1edbc \u0111ang ph\u00e1t tri\u1ec3n<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-purple-900\/30 rounded-lg border border-purple-700\/50\">\r\n <p class=\"font-bold text-purple-200\">B\u1ed9 M\u00f4i tr\u01b0\u1eddng H\u00e0n Qu\u1ed1c<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">H\u1ed7 tr\u1ee3 ph\u00e1t tri\u1ec3n c\u00f4ng ngh\u1ec7 m\u00f4i tr\u01b0\u1eddng v\u00e0 m\u1edf r\u1ed9ng ra th\u1ecb tr\u01b0\u1eddng n\u01b0\u1edbc ngo\u00e0i.<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-purple-900\/30 rounded-lg border border-purple-700\/50\">\r\n <p class=\"font-bold text-purple-200\">B\u1ed9 T\u00e0i nguy\u00ean v\u00e0 M\u00f4i tr\u01b0\u1eddng Vi\u1ec7t Nam (MONRE)<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\u0110\u1ed1i t\u00e1c ch\u00ednh th\u1ee9c c\u1ee7a D\u1ef1 \u00e1n Lao Cai<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\ud83c\udfe2 \u0110\u1ed1i t\u00e1c t\u01b0 nh\u00e2n<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"p-4 bg-blue-900\/30 rounded-lg border border-blue-700\/50\">\r\n <p class=\"font-bold text-blue-200\">\u0110\u1ed1i t\u00e1c ph\u00e2n ph\u1ed1i \u0111\u1ecba ph\u01b0\u01a1ng<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">C\u00e1c t\u1eadp \u0111o\u00e0n \u0111\u1ecba ph\u01b0\u01a1ng t\u1ea1i Bangladesh v\u00e0 Tanzania<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-blue-900\/30 rounded-lg border border-blue-700\/50\">\r\n <p class=\"font-bold text-blue-200\">\u0110\u1ed1i t\u00e1c c\u00f4ng ngh\u1ec7<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">C\u00f4ng ty chuy\u00ean v\u1ec1 \u0111i\u1ec7n c\u1ef1c carbon v\u00e0 t\u00edch h\u1ee3p h\u1ec7 th\u1ed1ng<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-blue-900\/30 rounded-lg border border-blue-700\/50\">\r\n <p class=\"font-bold text-blue-200\">c\u00e1c t\u1ed5 ch\u1ee9c t\u00e0i ch\u00ednh<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Ng\u00e2n h\u00e0ng Xu\u1ea5t nh\u1eadp kh\u1ea9u, T\u1ed5ng c\u00f4ng ty B\u1ea3o hi\u1ec3m Th\u01b0\u01a1ng m\u1ea1i H\u00e0n Qu\u1ed1c, v.v.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">24 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 25: Business Model - Water Station -->\r\n <div class=\"slide bg-gradient-dark\"> <!-- \ud83d\udd25 \ubc30\uacbd \ubcc0\uacbd: \ubcf4\ub77c\uc0c9 -> \ub2e4\ud06c \uadf8\ub808\uc774 -->\r\n <div class=\"section-badge\" style=\"background: rgba(96, 165, 250, 0.2); border-color: rgba(96, 165, 250, 0.4);\">V. M\u00f4 h\u00ecnh kinh doanh<\/div> <!-- \ud83d\udd25 \ubc43\uc9c0 \uc0c9\uc0c1 \ubcc0\uacbd: \ubcf4\ub77c\uc0c9 -> \ud30c\ub780\uc0c9 -->\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n M\u00f4 h\u00ecnh tr\u1ea1m c\u1ea5p n\u01b0\u1edbc\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\ud83d\udca1 M\u00f4 h\u00ecnh phi t\u1eadp trung s\u00e1ng t\u1ea1o<\/h3> <!-- \ud83d\udd25 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 \ubcc0\uacbd -->\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">tri\u1ec3n khai ph\u00e2n t\u00e1n quy m\u00f4 nh\u1ecf<\/p><p class=\"text-xs md:text-base text-slate-300\">T\u1ed1i \u01b0u h\u00f3a c\u00e1c khu v\u1ef1c n\u00f4ng th\u00f4n n\u01a1i kh\u00f3 x\u00e2y d\u1ef1ng c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng t\u1eadp trung.<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">h\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng \u0111\u1ed9c l\u1eadp<\/p><p class=\"text-xs md:text-base text-slate-300\">Kh\u00f4ng ph\u1ee5 thu\u1ed9c v\u00e0o l\u01b0\u1edbi \u0111i\u1ec7n nh\u1edd t\u00edch h\u1ee3p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">V\u1eadn h\u00e0nh kh\u00f4ng ng\u01b0\u1eddi l\u00e1i\/t\u1ef1 \u0111\u1ed9ng<\/p><p class=\"text-xs md:text-base text-slate-300\">Qu\u1ea3n l\u00fd hi\u1ec7u qu\u1ea3 b\u1eb1ng c\u1ea3m bi\u1ebfn IoT v\u00e0 gi\u00e1m s\u00e1t t\u1eeb xa<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">T\u1ea1o vi\u1ec7c l\u00e0m t\u1ea1i \u0111\u1ecba ph\u01b0\u01a1ng<\/p><p class=\"text-xs md:text-base text-slate-300\">S\u1ef1 tham gia c\u1ee7a nh\u00e2n vi\u00ean \u0111\u1ecba ph\u01b0\u01a1ng trong v\u1eadn h\u00e0nh v\u00e0 b\u1ea3o tr\u00ec.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-yellow-300 mb-6\">\ud83d\udcca Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt ti\u00eau chu\u1ea9n<\/h3> <!-- \ud83d\udd25 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 \ubcc0\uacbd -->\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-sm md:text-lg min-w-[300px]\">\r\n <tbody>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">Kh\u1ea3 n\u0103ng x\u1eed l\u00fd<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">50-200 m\u00b3\/ng\u00e0y<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">D\u00e2n s\u1ed1 h\u01b0\u1edfng l\u1ee3i<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">500-2.000 ng\u01b0\u1eddi<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">Khu v\u1ef1c l\u1eafp \u0111\u1eb7t<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">50-100 m\u00b2<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">M\u1ee9c ti\u00eau th\u1ee5 \u0111i\u1ec7n n\u0103ng<\/td>\r\n <td class=\"py-3 text-right font-bold text-green-300\">3-8 kW<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">CHI PH\u00cd \u0110\u1ea6U T\u01af<\/td>\r\n <td class=\"py-3 text-right font-bold text-purple-300\">$30,000-$80,000<\/td> <!-- \uae08\uc561 \uc218\uc815 -->\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-3 font-semibold text-slate-200\">ROI<\/td>\r\n <td class=\"py-3 text-right font-bold text-orange-300\">2-3 n\u0103m<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">25 \/ 31<\/div>\r\n <\/div>\r\n<!-- Slide 26: Revenue Model -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(167, 139, 250, 0.2); border-color: rgba(167, 139, 250, 0.4);\">V. M\u00f4 h\u00ecnh kinh doanh<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Ngu\u1ed3n doanh thu\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl mb-8 md:mb-12\">\r\n <div class=\"stat-card p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-4\">\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-blue-300\">C\u1ea5p 1: Chi ph\u00ed \u0111\u1ea7u t\u01b0 (CAPEX)<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base text-slate-300 text-left\">\r\n <p class=\"font-bold text-blue-200\">B\u00e1n h\u00e0ng v\u00e0 l\u1eafp \u0111\u1eb7t h\u1ec7 th\u1ed1ng<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>c\u00e1c d\u1ef1 \u00e1n c\u1ee7a ch\u00ednh ph\u1ee7<\/li>\r\n <li>khu ph\u1ee9c h\u1ee3p c\u00f4ng nghi\u1ec7p<\/li>\r\n <li>T\u1ed5 ch\u1ee9c phi ch\u00ednh ph\u1ee7\/T\u1ed5 ch\u1ee9c qu\u1ed1c t\u1ebf<\/li>\r\n <li>c\u00e1c nh\u00e0 \u0111\u1ea7u t\u01b0 t\u01b0 nh\u00e2n<\/li>\r\n <\/ul>\r\n <div class=\"pt-3 border-t border-white\/10 mt-4\">\r\n <p class=\"text-xs text-slate-400\">l\u1ee3i nhu\u1eadn trung b\u00ecnh<\/p>\r\n <p class=\"text-lg md:text-2xl font-bold text-blue-300\">$50,000-$100,000\/\u0110\u01a1n v\u1ecb<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-4\">\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udd27<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-green-300\">C\u1ea5p \u0111\u1ed9 2: Chi ph\u00ed v\u1eadn h\u00e0nh<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base text-slate-300 text-left\">\r\n <p class=\"font-bold text-green-200\">D\u1ecbch v\u1ee5 b\u1ea3o tr\u00ec<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>Thay th\u1ebf m\u00f4-\u0111un \u0111i\u1ec7n c\u1ef1c<\/li>\r\n <li>B\u1ea3o tr\u00ec \u0111\u1ecbnh k\u1ef3<\/li>\r\n <li>gi\u00e1m s\u00e1t t\u1eeb xa<\/li>\r\n <li>H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt<\/li>\r\n <\/ul>\r\n <div class=\"pt-3 border-t border-white\/10 mt-4\">\r\n <p class=\"text-xs text-slate-400\">Doanh thu h\u00e0ng n\u0103m<\/p>\r\n <p class=\"text-lg md:text-2xl font-bold text-green-300\">$5,000-$10,000\/\u0110\u01a1n v\u1ecb<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-4\">\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udca7<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-purple-300\">C\u1ea5p \u0111\u1ed9 3: B\u00e1n n\u01b0\u1edbc<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base text-slate-300 text-left\">\r\n <p class=\"font-bold text-purple-200\">V\u1eadn h\u00e0nh tr\u1ea1m c\u1ea5p n\u01b0\u1edbc<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>B\u00e1n h\u00e0ng tr\u1ef1c ti\u1ebfp (20L)<\/li>\r\n <li>M\u00f4 h\u00ecnh \u0111\u0103ng k\u00fd<\/li>\r\n <li>Ki\u1ec3u m\u00e1y b\u00e1n h\u00e0ng t\u1ef1 \u0111\u1ed9ng<\/li>\r\n <li>Cung \u1ee9ng B2B<\/li>\r\n <\/ul>\r\n <div class=\"pt-3 border-t border-white\/10 mt-4\">\r\n <p class=\"text-xs text-slate-400\">Gi\u00e1 m\u1ed7i l\u00edt<\/p>\r\n <p class=\"text-lg md:text-2xl font-bold text-purple-300\">$0.02-0.05<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 w-full max-w-6xl bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-xl md:text-3xl font-bold text-white mb-6 text-center\">\ud83d\udcb0 Tri\u1ec3n v\u1ecdng doanh thu th\u1ecb tr\u01b0\u1eddng Vi\u1ec7t Nam (2025-2030)<\/h3>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 2\uc5f4, sm \uc774\uc0c1 4\uc5f4 -->\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 md:gap-6 text-center\">\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">2025<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-blue-300\">$2,500,000<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">\u0110\u0103ng k\u00fd s\u1edbm<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">2027<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-green-300\">$8,500,000<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">M\u1edf r\u1ed9ng th\u1ecb tr\u01b0\u1eddng<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">2030<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-purple-300\">$25,000,000+<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">d\u1eabn \u0111\u1ea7u th\u1ecb tr\u01b0\u1eddng<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">T\u1ed5ng c\u1ed9ng (5 n\u0103m)<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-red-300\">$65,000,000+<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">T\u1ed5ng doanh thu<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">26 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 27: ESG Value Proposition -->\r\n<div class=\"slide bg-gradient-main\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">V. M\u00f4 h\u00ecnh kinh doanh<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12 text-white\">\r\n \u0110\u1ec1 xu\u1ea5t gi\u00e1 tr\u1ecb ESG\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-6xl md:text-7xl mb-6 text-center\">\ud83c\udf0d<\/div>\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-6 text-center text-white\">M\u00f4i tr\u01b0\u1eddng<\/h3>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-200\">\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Gi\u1ea3m l\u01b0\u1ee3ng kh\u00ed th\u1ea3i carbon b\u1eb1ng 70%<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Kh\u00f4ng s\u1eed d\u1ee5ng h\u00f3a ch\u1ea5t<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> L\u01b0\u1ee3ng n\u01b0\u1edbc th\u1ea3i ph\u00e1t sinh d\u01b0\u1edbi 51 t\u1ea5n\/n\u0103m<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Kh\u1ea3 n\u0103ng li\u00ean k\u1ebft n\u0103ng l\u01b0\u1ee3ng t\u00e1i t\u1ea1o<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> T\u1ef7 l\u1ec7 thu h\u1ed3i n\u01b0\u1edbc \u0111\u1ea1t 95% tr\u1edf l\u00ean<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-6xl md:text-7xl mb-6 text-center\">\ud83d\udc65<\/div>\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-6 text-center text-white\">X\u00e3 h\u1ed9i<\/h3>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-200\">\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> \u0110\u1ea3m b\u1ea3o ti\u1ebfp c\u1eadn ngu\u1ed3n n\u01b0\u1edbc u\u1ed1ng an to\u00e0n<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Gi\u1ea3m thi\u1ec3u b\u1ec7nh l\u00e2y truy\u1ec1n qua \u0111\u01b0\u1eddng n\u01b0\u1edbc 80%<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> T\u1ea1o vi\u1ec7c l\u00e0m t\u1ea1i \u0111\u1ecba ph\u01b0\u01a1ng<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> N\u00e2ng cao ch\u1ea5t l\u01b0\u1ee3ng cu\u1ed9c s\u1ed1ng<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Chuy\u1ec3n giao Gi\u00e1o d\u1ee5c v\u00e0 C\u00f4ng ngh\u1ec7<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-6xl md:text-7xl mb-6 text-center\">\u2696\ufe0f<\/div>\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-6 text-center text-white\">Qu\u1ea3n tr\u1ecb<\/h3>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-200\">\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Ho\u1ea1t \u0111\u1ed9ng kinh doanh minh b\u1ea1ch<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Tu\u00e2n th\u1ee7 ch\u00ednh s\u00e1ch c\u1ee7a ch\u00ednh ph\u1ee7<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Tu\u00e2n th\u1ee7 c\u00e1c ti\u00eau chu\u1ea9n qu\u1ed1c t\u1ebf<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> t\u0103ng tr\u01b0\u1edfng b\u1ec1n v\u1eefng<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> S\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a c\u00e1c b\u00ean li\u00ean quan<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">27 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 28: Partnership Proposal -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(167, 139, 250, 0.2); border-color: rgba(167, 139, 250, 0.4);\">V. M\u00f4 h\u00ecnh kinh doanh<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n C\u01a1 h\u1ed9i h\u1ee3p t\u00e1c\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card border-t-4 border-purple-400 p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"text-6xl md:text-7xl mb-4\">\ud83e\udd1d<\/div>\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-purple-300\">Quan h\u1ec7 \u0111\u1ed1i t\u00e1c \u0111\u1ecba ph\u01b0\u01a1ng<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300 text-left\">\r\n <div>\r\n <p class=\"font-bold text-purple-200 mb-2\">Vai tr\u00f2 O2&B<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>Cung c\u1ea5p c\u00f4ng ngh\u1ec7 v\u00e0 b\u1eb1ng s\u00e1ng ch\u1ebf c\u1ed1t l\u00f5i c\u1ee7a MCDI.<\/li>\r\n <li>Cung c\u1ea5p m\u00f4-\u0111un \u0111i\u1ec7n c\u1ef1c<\/li>\r\n <li>Chuy\u1ec3n giao c\u00f4ng ngh\u1ec7 v\u00e0 \u0111\u00e0o t\u1ea1o<\/li>\r\n <li>Ki\u1ec3m so\u00e1t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-blue-300 mb-2\">Vai tr\u00f2 \u0111\u1ed1i t\u00e1c<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>B\u00e1n h\u00e0ng v\u00e0 ti\u1ebfp th\u1ecb \u0111\u1ecba ph\u01b0\u01a1ng<\/li>\r\n <li>T\u1eadn d\u1ee5ng m\u1ea1ng l\u01b0\u1edbi ch\u00ednh ph\u1ee7\/c\u00f4ng nghi\u1ec7p<\/li>\r\n <li>C\u01a1 quan l\u1eafp \u0111\u1eb7t v\u00e0 v\u1eadn h\u00e0nh h\u1ec7 th\u1ed1ng<\/li>\r\n <li>Ch\u0103m s\u00f3c kh\u00e1ch h\u00e0ng v\u00e0 d\u1ecbch v\u1ee5 h\u1eadu m\u00e3i<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card border-t-4 border-red-400 p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"text-6xl md:text-7xl mb-4\">\ud83d\udcb0<\/div>\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-red-300\">Thu h\u00fat \u0111\u1ea7u t\u01b0<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300 text-left\">\r\n <div>\r\n <p class=\"font-bold text-red-200 mb-2\">L\u0129nh v\u1ef1c \u0111\u1ea7u t\u01b0<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>Th\u00e0nh l\u1eadp nh\u00e0 m\u00e1y s\u1ea3n xu\u1ea5t t\u1ea1i \u0111\u1ecba ph\u01b0\u01a1ng \u1edf Vi\u1ec7t Nam<\/li>\r\n <li>M\u1ea1ng l\u01b0\u1edbi tr\u1ea1m c\u1ea5p n\u01b0\u1edbc quy m\u00f4 l\u1edbn<\/li>\r\n <li>Th\u00e0nh l\u1eadp trung t\u00e2m nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n<\/li>\r\n <li>\u0110\u1ea3m b\u1ea3o ngu\u1ed3n v\u1ed1n ho\u1ea1t \u0111\u1ed9ng<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-green-300 mb-2\">S\u1ee9c h\u1ea5p d\u1eabn \u0111\u1ea7u t\u01b0<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>L\u1ee3i t\u1ee9c \u0111\u1ea7u t\u01b0 cao (ho\u00e0n v\u1ed1n trong 2-3 n\u0103m)<\/li>\r\n <li>Kh\u1ea3 n\u0103ng c\u1ea1nh tranh c\u00f4ng ngh\u1ec7 v\u01b0\u1ee3t tr\u1ed9i<\/li>\r\n <li>T\u00e0i li\u1ec7u tham kh\u1ea3o to\u00e0n c\u1ea7u \u0111\u00e3 \u0111\u01b0\u1ee3c x\u00e1c minh<\/li>\r\n <li>Tu\u00e2n th\u1ee7 ch\u00ednh s\u00e1ch c\u1ee7a ch\u00ednh ph\u1ee7 (ESG)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">28 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 29: Key Takeaways -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">B\u1ea2N T\u00d3M T\u1eaeT<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12 text-white\">\r\n T\u1ea1i sao n\u00ean ch\u1ecdn O2&B t\u1ea1i Vi\u1ec7t Nam?\r\n <\/h2>\r\n <div class=\"w-full max-w-5xl space-y-4 md:space-y-6 text-left\">\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">1<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Kh\u1ee7ng ho\u1ea3ng n\u01b0\u1edbc nghi\u00eam tr\u1ecdng \u1edf Vi\u1ec7t Nam<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n Thi\u1ebfu n\u01b0\u1edbc, \u00f4 nhi\u1ec5m kim lo\u1ea1i n\u1eb7ng, t\u1ef7 l\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ea3i th\u1ea5p (12,51 TP3T) - \r\n <span class=\"text-yellow-300 font-bold\">O2&B MCDI l\u00e0 gi\u1ea3i ph\u00e1p t\u1ed1i \u01b0u.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">2<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">S\u1ef1 c\u1ea1nh tranh c\u00f4ng ngh\u1ec7 \u00e1p \u0111\u1ea3o<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n RO t\u01b0\u01a1ng ph\u1ea3n <span class=\"text-yellow-300 font-bold\">N\u0103ng l\u01b0\u1ee3ng gi\u1ea3m, chi ph\u00ed v\u1eadn h\u00e0nh gi\u1ea3m, n\u01b0\u1edbc th\u1ea3i gi\u1ea3m<\/span> - C\u00f4ng ngh\u1ec7 th\u1ebf h\u1ec7 m\u1edbi \u0111\u1ea3m b\u1ea3o c\u1ea3 hi\u1ec7u qu\u1ea3 kinh t\u1ebf v\u00e0 th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">3<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">K\u1ebft qu\u1ea3 th\u1ef1c nghi\u1ec7m \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n <span class=\"text-yellow-300 font-bold\">Lao Cai \u0111\u00e3 ho\u1ea1t \u0111\u1ed9ng \u1ed5n \u0111\u1ecbnh trong 18 th\u00e1ng.<\/span> - D\u1ef1 \u00e1n lo\u1ea1i b\u1ecf asen 99%, \u0111\u00e1p \u1ee9ng ti\u00eau chu\u1ea9n c\u1ee7a WHO, mang l\u1ea1i l\u1ee3i \u00edch cho 2.500 ng\u01b0\u1eddi.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">4<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Ni\u1ec1m tin v\u00e0 ch\u1ee9ng nh\u1eadn to\u00e0n c\u1ea7u<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n Th\u00e0nh c\u00f4ng t\u1ea1i Bangladesh v\u00e0 Tanzania, <span class=\"text-yellow-300 font-bold\">H\u01a1n 20 b\u1eb1ng s\u00e1ng ch\u1ebf, ch\u1ee9ng nh\u1eadn c\u1ee7a WHO\/UNICEF<\/span> - C\u00f4ng ngh\u1ec7 \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh tr\u00ean ph\u1ea1m vi qu\u1ed1c t\u1ebf\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">5<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">C\u01a1 h\u1ed9i th\u1ecb tr\u01b0\u1eddng kh\u1ed5ng l\u1ed3<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n <span class=\"text-yellow-300 font-bold\">$8.500.000.000 v\u00e0o n\u0103m 2030, CAGR 20,3%<\/span> - M\u1ed9t gi\u1ea3i ph\u00e1p then ch\u1ed1t \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c c\u00e1c m\u1ee5c ti\u00eau x\u1eed l\u00fd n\u01b0\u1edbc c\u1ee7a ch\u00ednh ph\u1ee7.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">29 \/ 31<\/div>\r\n<\/div>\r\n\r\n <!-- Slide 30: Summary Image -->\r\n <div class=\"slide p-0\" style=\"background-image: url('http:\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/o2nb-sum.jpg'); background-size: contain; background-position: center; background-repeat: no-repeat;\"> <!-- background-size: contain\uc73c\ub85c \uc218\uc815 -->\r\n <div class=\"slide-content\">\r\n <!-- Empty content to allow background image to show -->\r\n <\/div>\r\n <div class=\"slide-number\">30 \/ 31<\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Slide 31: Closing & Contact -->\r\n <div class=\"slide bg-gradient-main\">\r\n <div class=\"slide-content\">\r\n <div class=\"vietnam-star mb-8\">\u2605<\/div> <!-- \ubca0\ud2b8\ub0a8 \uad6d\uae30 \ubcc4 \uc544\uc774\ucf58 -->\r\n <h2 class=\"text-6xl md:text-8xl font-black text-yellow-300 mb-6\">C\u1ea2M \u01a0N<\/h2>\r\n <h3 class=\"text-3xl md:text-5xl font-light mb-12 md:mb-16 text-slate-200\">\r\n C\u00f9ng nhau ki\u1ebfn t\u1ea1o m\u1ed9t t\u01b0\u01a1ng lai b\u1ec1n v\u1eefng\r\n <\/h3>\r\n \r\n <div class=\"w-full max-w-5xl\">\r\n <div class=\"stat-card p-8 md:p-12\">\r\n <h4 class=\"text-3xl md:text-4xl font-bold mb-8 md:mb-10 text-center text-yellow-300\">\r\n Th\u00f4ng tin li\u00ean h\u1ec7\r\n <\/h4>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc \ubc0f \ud3f0\ud2b8 \ud06c\uae30 \uc870\uc815 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-10 gap-y-6 text-lg md:text-xl contact-info text-left\">\r\n <div class=\"space-y-4\">\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">C\u00f4ng ty<\/p>\r\n <p class=\"font-bold text-xl md:text-3xl text-slate-100\">C\u00f4ng ty TNHH O2 & B.<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">CEO<\/p>\r\n <p class=\"font-bold text-slate-100\">Ti\u1ebfn s\u0129 Seunghyun Bahn<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">E-mail<\/p>\r\n <p class=\"font-bold\"><a href=\"mailto:ceo@o2nb.com\" class=\"text-blue-300 hover:text-blue-200\">ceo@o2nb.com<\/a><\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">Trang web<\/p>\r\n <p class=\"font-bold\"><a href=\"http:\/\/www.o2nb.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-blue-300 hover:text-blue-200\">https:\/\/o2nb.site<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">31 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 31 (Final Blank Slide) \uc81c\uac70 -->\r\n\r\n\r\n <\/div> <!-- presentation-container \ub2eb\uae30 -->\r\n\r\n <!-- =============================================== -->\r\n <!-- SCRIPT START -->\r\n <!-- =============================================== -->\r\n <script>\r\n \/\/ DOM \ub85c\ub529 \ub300\uc2e0 window.onload \uc774\ubca4\ud2b8 \uc0ac\uc6a9 (\uc624\ub958 \uc218\uc815)\r\n window.onload = () => { \r\n \/\/ Diagnostic log\r\n console.log(\"window.onload event fired.\");\r\n\r\n const container = document.querySelector('.presentation-container');\r\n \r\n \/\/ Diagnostic log (\uc624\ub958 \ubc1c\uc0dd \uc2dc \uc6d0\uc778 \ud30c\uc545\uc5d0 \ub3c4\uc6c0)\r\n if (!container) {\r\n console.error(\"Presentation container not found using querySelector('.presentation-container') even after window.onload!\");\r\n const containerById = document.getElementById('presentationContainer');\r\n if(containerById) {\r\n console.warn(\"Found container by ID 'presentationContainer'. Class name might be incorrect or removed.\");\r\n \/\/ container = containerById; \/\/ \ud544\uc694\ud55c \uacbd\uc6b0 ID\ub85c \ub300\uccb4\ud558\uc5ec \uc9c4\ud589 \uc2dc\ub3c4\r\n } else {\r\n console.error(\"Container not found by class OR ID. Script cannot initialize.\");\r\n return; \/\/ \ucee8\ud14c\uc774\ub108 \uc5c6\uc73c\uba74 \uc2a4\ud06c\ub9bd\ud2b8 \uc911\ub2e8\r\n }\r\n } else {\r\n console.log(\"Presentation container found successfully:\", container);\r\n }\r\n\r\n const slides = document.querySelectorAll('.slide');\r\n let currentSlideIndex = 0; \/\/ \ud604\uc7ac \uc2ac\ub77c\uc774\ub4dc \uc778\ub371\uc2a4 \ucd94\uc801\r\n\r\n \/\/ --- \uc2ac\ub77c\uc774\ub4dc \uc774\ub3d9 \ud568\uc218 ---\r\n function scrollToSlide(index) {\r\n if (index < 0 || index >= slides.length) return; \/\/ \uc720\ud6a8 \ubc94\uc704 \ud655\uc778\r\n \/\/ scrollIntoView \uc0ac\uc6a9 (scroll-behavior: smooth\uc640 \ud568\uaed8 \uc791\ub3d9)\r\n slides[index].scrollIntoView(); \r\n currentSlideIndex = index; \/\/ \uc778\ub371\uc2a4 \uc5c5\ub370\uc774\ud2b8\r\n }\r\n\r\n \/\/ --- \ud0a4\ubcf4\ub4dc \ub124\ube44\uac8c\uc774\uc158 ---\r\n document.addEventListener('keydown', (e) => {\r\n \/\/ \ud604\uc7ac \uc2a4\ud06c\ub864 \uc704\uce58 \uae30\ubc18\uc73c\ub85c \uc2ac\ub77c\uc774\ub4dc \uc778\ub371\uc2a4 \uacc4\uc0b0 (\ub354 \uc815\ud655\ud558\uac8c)\r\n const slideHeight = container.clientHeight; \/\/ \ucee8\ud14c\uc774\ub108 \ub192\uc774 \uc0ac\uc6a9\r\n currentSlideIndex = Math.round(container.scrollTop \/ slideHeight);\r\n\r\n \/\/ \uc544\ub798\/\uc624\ub978\ucabd \ud654\uc0b4\ud45c, \uc2a4\ud398\uc774\uc2a4\ubc14, PageDown\r\n if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === ' ' || e.key === 'ArrowRight') {\r\n e.preventDefault(); \/\/ \uae30\ubcf8 \uc2a4\ud06c\ub864 \ub3d9\uc791 \ubc29\uc9c0\r\n if (currentSlideIndex < slides.length - 1) {\r\n scrollToSlide(currentSlideIndex + 1); \/\/ \ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc\ub85c\r\n }\r\n } \r\n \/\/ \uc704\/\uc67c\ucabd \ud654\uc0b4\ud45c, PageUp\r\n else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'ArrowLeft') {\r\n e.preventDefault(); \/\/ \uae30\ubcf8 \uc2a4\ud06c\ub864 \ub3d9\uc791 \ubc29\uc9c0\r\n if (currentSlideIndex > 0) {\r\n scrollToSlide(currentSlideIndex - 1); \/\/ \uc774\uc804 \uc2ac\ub77c\uc774\ub4dc\ub85c\r\n }\r\n }\r\n });\r\n\r\n \/\/ --- \ud130\uce58 \uc2a4\uc640\uc774\ud504 \ub124\ube44\uac8c\uc774\uc158 ---\r\n let touchStartY = 0;\r\n let touchEndY = 0;\r\n let isSwiping = false; \/\/ \uc2a4\uc640\uc774\ud504 \uc911\uc778\uc9c0 \uc0c1\ud0dc \ud655\uc778\r\n\r\n \/\/ \ud130\uce58 \uc2dc\uc791 \uc2dc Y \uc88c\ud45c \uae30\ub85d\r\n container.addEventListener('touchstart', (e) => {\r\n if (e.touches.length === 1) { \/\/ \uc2f1\uae00 \ud130\uce58\ub9cc \ucc98\ub9ac\r\n touchStartY = e.changedTouches[0].screenY;\r\n isSwiping = true; \/\/ \uc2a4\uc640\uc774\ud504 \uc2dc\uc791\r\n }\r\n }, { passive: true }); \/\/ \uc2a4\ud06c\ub864 \uc131\ub2a5 \ud5a5\uc0c1\r\n\r\n \/\/ \ud130\uce58 \uc774\ub3d9 \uc911\uc5d0\ub294 \ud2b9\ubcc4\ud55c \ub3d9\uc791 \uc5c6\uc74c (\uae30\ubcf8 \uc2a4\ud06c\ub864 \ud5c8\uc6a9)\r\n container.addEventListener('touchmove', (e) => {\r\n \/\/ isSwiping = false; \/\/ \uc774\ub3d9 \uc2dc\uc791\ud558\uba74 \uc2a4\uc640\uc774\ud504 \ucde8\uc18c (\uc120\ud0dd\uc801)\r\n }, { passive: true });\r\n\r\n \/\/ \ud130\uce58 \uc885\ub8cc \uc2dc Y \uc88c\ud45c \uae30\ub85d \ubc0f \uc2a4\uc640\uc774\ud504 \ucc98\ub9ac\r\n container.addEventListener('touchend', (e) => {\r\n \/\/ \uc2a4\uc640\uc774\ud504\uac00 \uc544\ub2c8\uc5c8\uac70\ub098 \uba40\ud2f0\ud130\uce58 \uc911\uc774\uba74 \uc885\ub8cc\r\n if (!isSwiping || e.touches.length !== 0) { \r\n isSwiping = false;\r\n return;\r\n }\r\n isSwiping = false; \/\/ \uc2a4\uc640\uc774\ud504 \uc885\ub8cc\r\n touchEndY = e.changedTouches[0].screenY;\r\n handleSwipe(); \/\/ \uc2a4\uc640\uc774\ud504 \ubc29\ud5a5 \ud310\ub2e8 \ubc0f \uc2ac\ub77c\uc774\ub4dc \uc774\ub3d9\r\n }, { passive: true });\r\n\r\n \/\/ \uc2a4\uc640\uc774\ud504 \ubc29\ud5a5 \ud310\ub2e8 \ubc0f \uc2ac\ub77c\uc774\ub4dc \uc774\ub3d9 \ud568\uc218\r\n function handleSwipe() {\r\n const slideHeight = container.clientHeight;\r\n currentSlideIndex = Math.round(container.scrollTop \/ slideHeight);\r\n const swipeDistance = touchEndY - touchStartY; \/\/ \uc2a4\uc640\uc774\ud504 \uac70\ub9ac\r\n const sensitivity = 50; \/\/ \ucd5c\uc18c \uc2a4\uc640\uc774\ud504 \uac70\ub9ac (\ud53d\uc140)\r\n\r\n \/\/ \ucd08\uae30\ud654\r\n touchStartY = 0;\r\n touchEndY = 0;\r\n\r\n \/\/ \ucda9\ubd84\ud55c \uac70\ub9ac \uc2a4\uc640\uc774\ud504 \uc2dc\r\n if (Math.abs(swipeDistance) > sensitivity) {\r\n if (swipeDistance < 0) { \/\/ \uc544\ub798 -> \uc704 \uc2a4\uc640\uc774\ud504 (\ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc)\r\n if (currentSlideIndex < slides.length - 1) {\r\n scrollToSlide(currentSlideIndex + 1);\r\n } else {\r\n slides[currentSlideIndex].scrollIntoView(); \/\/ \ub9c8\uc9c0\ub9c9\uc774\uba74 \uc81c\uc790\ub9ac\r\n }\r\n } else { \/\/ \uc704 -> \uc544\ub798 \uc2a4\uc640\uc774\ud504 (\uc774\uc804 \uc2ac\ub77c\uc774\ub4dc)\r\n if (currentSlideIndex > 0) {\r\n scrollToSlide(currentSlideIndex - 1);\r\n } else {\r\n slides[currentSlideIndex].scrollIntoView(); \/\/ \ucc98\uc74c\uc774\uba74 \uc81c\uc790\ub9ac\r\n }\r\n }\r\n }\r\n else {\r\n \/\/ \ubbfc\uac10\ub3c4 \uc774\ud558 \uc2a4\uc640\uc774\ud504 \uc2dc \ud604\uc7ac \uc2ac\ub77c\uc774\ub4dc\ub85c \uc2a4\ub0c5 (\uc120\ud0dd\uc801)\r\n \/\/ slides[currentSlideIndex].scrollIntoView(); \r\n }\r\n }\r\n\r\n \/\/ \uc2a4\ud06c\ub864 \uc911\uc5d0\ub294 \uc2a4\uc640\uc774\ud504 \uac10\uc9c0 \ube44\ud65c\uc131\ud654 (\uc2a4\ud06c\ub864 \ub05d\ub09c \ud6c4 \ub2e4\uc2dc \ud65c\uc131\ud654)\r\n let scrollTimeout;\r\n container.addEventListener('scroll', () => {\r\n isSwiping = false; \/\/ \uc2a4\ud06c\ub864 \uc2dc\uc791 \uc2dc \uc2a4\uc640\uc774\ud504 \uc0c1\ud0dc \ud574\uc81c\r\n clearTimeout(scrollTimeout);\r\n \/\/ \uc2a4\ud06c\ub864 \uba48\ucd98 \ud6c4 \uc7a0\uc2dc \ub4a4 \uc2a4\uc640\uc774\ud504 \uac00\ub2a5\ud558\ub3c4\ub85d (\uc120\ud0dd\uc801)\r\n scrollTimeout = setTimeout(() => { \r\n \/\/ console.log(\"Scroll ended\"); \r\n }, 150); \r\n }, { passive: true });\r\n\r\n\r\n \/* --- \uc804\uccb4 \ud654\uba74 \uc694\uccad \ud568\uc218 --- *\/\r\n function enterFullscreen() {\r\n const elem = document.documentElement; \/\/ HTML \uc804\uccb4 \uc694\uc18c\r\n \/\/ \ud45c\uc900 API \uc2dc\ub3c4\r\n if (elem.requestFullscreen) {\r\n elem.requestFullscreen().catch(err => { \/\/ \uc624\ub958 \ubc1c\uc0dd \uc2dc \ucc98\ub9ac\r\n console.warn(`Fullscreen request failed: ${err.message} (${err.name})`);\r\n \/\/ \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud53c\ub4dc\ubc31 (alert \ub300\uc2e0 \ucee4\uc2a4\ud140 UI \uad8c\uc7a5)\r\n \/\/ alert(\"\uc804\uccb4 \ud654\uba74 \ubaa8\ub4dc\ub97c \uc2dc\uc791\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800 \uc124\uc815\uc774\ub098 \uad8c\ud55c\uc744 \ud655\uc778\ud574\uc8fc\uc138\uc694. (ERR: NotAllowed)\");\r\n \/\/ alert \ub300\uc2e0 console.warn \uc0ac\uc6a9 \ub610\ub294 \ucee4\uc2a4\ud140 \ubaa8\ub2ec \ud45c\uc2dc\r\n console.warn(\"\uc804\uccb4 \ud654\uba74 \ubaa8\ub4dc\ub97c \uc2dc\uc791\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc81c\uc2a4\ucc98(\ud074\ub9ad \ub4f1)\uac00 \ud544\uc694\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\");\r\n\r\n });\r\n } \r\n \/\/ \ube0c\ub77c\uc6b0\uc800\ubcc4 Prefix API \uc2dc\ub3c4 (Firefox, Webkit, IE\/Edge)\r\n else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } \r\n else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } \r\n else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); }\r\n \/\/ \ubaa8\ub4e0 API \uc2e4\ud328 \uc2dc\r\n else {\r\n console.warn(\"Fullscreen API is not supported by this browser.\");\r\n \/\/ alert(\"\uc774 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc804\uccb4 \ud654\uba74 \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\");\r\n }\r\n }\r\n\r\n \/* --- \uc804\uccb4 \ud654\uba74 \uc2dc\uc791 \uc624\ubc84\ub808\uc774 \uc0dd\uc131 --- *\/\r\n function createFullscreenOverlay() {\r\n \/\/ \uc624\ubc84\ub808\uc774 \uc911\ubcf5 \uc0dd\uc131 \ubc29\uc9c0\r\n if (document.getElementById('fullscreen-overlay')) return;\r\n\r\n const overlay = document.createElement('div');\r\n overlay.id = 'fullscreen-overlay';\r\n \/\/ \uc2a4\ud0c0\uc77c\uc740 CSS\uc5d0\uc11c \uad00\ub9ac\ud558\ubbc0\ub85c \ud074\ub798\uc2a4\ub9cc \ucd94\uac00\r\n overlay.className = \"fixed top-0 left-0 w-screen h-screen bg-black\/95 text-white flex flex-col justify-center items-center z-[9999] cursor-pointer text-center p-4 box-border opacity-0 animate-fade-in-overlay\";\r\n\r\n const title = document.createElement('h1');\r\n title.innerText = 'O2&B VIETNAM PARTNERSHIP';\r\n \/\/ \uc2a4\ud0c0\uc77c\uc740 CSS\uc5d0\uc11c \uad00\ub9ac\ud558\ubbc0\ub85c \ud074\ub798\uc2a4\ub9cc \ucd94\uac00\r\n title.className = \"text-[clamp(1.8rem,5vw,3rem)] font-extrabold m-0 text-slate-200\";\r\n\r\n const button = document.createElement('button');\r\n button.innerText = 'CLICK TO START PRESENTATION';\r\n \/\/ \uc2a4\ud0c0\uc77c\uc740 CSS\uc5d0\uc11c \uad00\ub9ac\ud558\ubbc0\ub85c \ud074\ub798\uc2a4\ub9cc \ucd94\uac00\r\n button.className = \"text-[clamp(1rem,3vw,1.5rem)] font-semibold py-[clamp(0.8rem,2vw,1rem)] px-[clamp(1.5rem,4vw,2rem)] bg-blue-600 text-white border-none rounded-lg mt-10 cursor-pointer transition-all duration-300 ease-in-out shadow-lg hover:bg-blue-500 hover:-translate-y-0.5 hover:shadow-blue-500\/50\";\r\n\r\n overlay.appendChild(title);\r\n overlay.appendChild(button);\r\n document.body.appendChild(overlay); \/\/ body\uc5d0 \ucd94\uac00\r\n\r\n \/\/ \uc624\ubc84\ub808\uc774 \ud074\ub9ad\/\ud0ed \uc774\ubca4\ud2b8\r\n overlay.onclick = () => {\r\n enterFullscreen(); \/\/ \uc804\uccb4 \ud654\uba74 \uc2dc\ub3c4\r\n \/\/ \uc624\ubc84\ub808\uc774 \uc81c\uac70 (\uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc)\r\n overlay.style.opacity = '0'; \/\/ \ud22c\uba85\ud558\uac8c \ub9cc\ub4e6 (CSS transition \uc801\uc6a9)\r\n setTimeout(() => { \/\/ \uc7a0\uc2dc \ud6c4 DOM\uc5d0\uc11c \uc81c\uac70\r\n if(overlay.parentNode) {\r\n overlay.parentNode.removeChild(overlay);\r\n }\r\n }, 500); \/\/ CSS transition \uc2dc\uac04\uacfc \uc77c\uce58\r\n };\r\n }\r\n\r\n \/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \uc644\ub8cc \uc2dc \uc624\ubc84\ub808\uc774 \uc0dd\uc131 \ud568\uc218 \ud638\ucd9c\r\n createFullscreenOverlay();\r\n\r\n }; \/\/ window.onload \ub9ac\uc2a4\ub108 \ub2eb\uae30\r\n <\/script>\r\n \r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>O2&B VIETNAM PARTNERSHIP O2&B VIETNAM PARTNERSHIP Next Generation Water Solutionfor Sustainable Vietnam MCDI \uae30\uc220 \uae30\ubc18 \ubca0\ud2b8\ub0a8 \ud604\uc9c0 \uc2e4\uc99d \uc0ac\uc5c5 \uc124\uba85\ud68c 1 \/ 31 \u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30 \uc218\uc790\uc6d0 \ud48d\ubd80\uad6d \ubca0\ud2b8\ub0a8, \ud558\uc9c0\ub9cc? \ud83c\udf0a \ud48d\ubd80\ud55c \uc218\uc790\uc6d0 vs. \ucde8\uc57d\ud55c \uc811\uadfc\uc131 1\uc778\ub2f9 \uc5f0\uac04 \ucd1d \uc7ac\uc0dd \uac00\ub2a5 \ub2f4\uc218 \uc790\uc6d0 9,350\u33a5 (\uc138\uacc4\ud3c9\uade0 6,000\u33a5) (\ucd9c\ucc98: FAO Aquastat) \uadf8\ub7ec\ub098, \uc548\uc804 \uc2dd\uc218 \uc811\uadfc\uc740 \uc5ec\uc804\ud788 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14977","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages\/14977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/comments?post=14977"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages\/14977\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/media?parent=14977"}],"curies":[{"name":"trang web","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}