{"id":278,"date":"2020-04-27T13:24:23","date_gmt":"2020-04-27T06:24:23","guid":{"rendered":"http:\/\/202.12.97.79\/medicalrecords\/md10\/?p=278"},"modified":"2025-07-14T11:53:08","modified_gmt":"2025-07-14T04:53:08","slug":"%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3-%e0%b8%82%e0%b8%ad%e0%b8%ab%e0%b8%a5%e0%b8%b1%e0%b8%81%e0%b8%90%e0%b8%b2%e0%b8%99%e0%b9%80%e0%b8%84%e0%b8%a5%e0%b8%a1%e0%b8%9b%e0%b8%a3%e0%b8%b0","status":"publish","type":"post","link":"https:\/\/www.medicalrecords.kku.ac.th\/?p=278","title":{"rendered":"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e02\u0e2d\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"278\" class=\"elementor elementor-278\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9a2543 e-flex e-con-boxed e-con e-parent\" data-id=\"c9a2543\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14e7202 elementor-widget elementor-widget-html\" data-id=\"14e7202\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15 - \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c<\/title>\r\n    \r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Base styles and custom variables *\/\r\n        body {\r\n            font-family: 'Sarabun', sans-serif;\r\n            background-color: #f0f4f8; \/* Light blue-gray background *\/\r\n            color: #333; \/* Darker text for readability *\/\r\n        }\r\n\r\n        \/* Custom color palette *\/\r\n        :root {\r\n            --color-primary-dark: #0041C2; \/* Deep Blue *\/\r\n            --color-primary: #0056D9;    \/* Standard Blue *\/\r\n            --color-primary-light: #006CFA;   \/* Lighter Blue *\/\r\n            --color-accent-blue: #2A8BFF; \/* Bright Blue *\/\r\n            --color-secondary-grey: #6B7280; \/* Gray for general text *\/\r\n            --color-background-light: #f0f4f8; \/* Light background *\/\r\n            --color-card-background: #ffffff; \/* Card background *\/\r\n            --color-border-light: #E5E7EB; \/* Light border *\/\r\n        }\r\n\r\n        \/* Chart container styling *\/\r\n        .chart-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 400px; \/* Max width for chart *\/\r\n            height: auto;\r\n            min-height: 250px; \/* Min height to ensure visibility *\/\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Flowchart (Timeline) styling *\/\r\n        .flowchart-line {\r\n            width: 2px;\r\n            background-color: var(--color-accent-blue); \/* Lighter blue for the line *\/\r\n            flex-grow: 1;\r\n        }\r\n        .step-circle {\r\n            background-color: var(--color-primary); \/* Deep blue for circles *\/\r\n            color: white;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            font-size: 1.5rem;\r\n            flex-shrink: 0;\r\n            border: 4px solid var(--color-background-light); \/* Matches body background *\/\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n        }\r\n        \/* Item border to indicate active\/focus on timeline *\/\r\n        .flowchart-item {\r\n            border-left: 4px solid var(--color-primary); \/* Matches step circle color *\/\r\n        }\r\n\r\n        \/* Company Card styling *\/\r\n        .company-card {\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 0.75rem; \/* Match other cards *\/\r\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05); \/* Soft shadow *\/\r\n            display: flex; \/* Ensure content is stretched *\/\r\n            flex-direction: column; \/* Stack content *\/\r\n        }\r\n        .company-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px; \/* Highlight bar thickness *\/\r\n            background: linear-gradient(to right, var(--color-primary), var(--color-accent-blue)); \/* Gradient highlight *\/\r\n            transform: translateY(-100%); \/* Start off-screen *\/\r\n            transition: transform 0.3s ease-out; \/* Slide in on hover *\/\r\n        }\r\n        .company-card:hover::before {\r\n            transform: translateY(0); \/* Slide to top on hover *\/\r\n        }\r\n        .company-card:hover {\r\n            transform: translateY(-5px); \/* Lift card on hover *\/\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); \/* Enhanced shadow *\/\r\n        }\r\n        .company-card .text-sm.mb-4 {\r\n            flex-grow: 1; \/* Allow description to take available height *\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        .company-card .font-bold.text-red-600 { \/* For Defunct companies *\/\r\n            color: #DC2626; \/* Tailwind Red-600 *\/\r\n        }\r\n        .company-card .font-bold.text-yellow-600 { \/* For Unverified links *\/\r\n            color: #D97706; \/* Tailwind Yellow-600 *\/\r\n        }\r\n\r\n        \/* Accordion (FAQ) styling *\/\r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease-out;\r\n        }\r\n        details[open] .accordion-content {\r\n            max-height: 500px; \/* Arbitrary large value to allow content to expand *\/\r\n        }\r\n        details summary::-webkit-details-marker {\r\n            display: none; \/* Hide default triangle icon *\/\r\n        }\r\n        \/* Custom down arrow for accordion *\/\r\n        details summary::after {\r\n            content: '\u25bc';\r\n            font-size: 1.2rem;\r\n            transform: rotate(0deg);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        details[open] summary::after {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        \/* Utility classes for specific colors from the provided companies list *\/\r\n        \/* Note: Colors are approximated if exact brand colors are not available *\/\r\n        .text-aia { color: #cc0000; }\r\n        .text-mtl { color: #E91E63; }\r\n        .text-tli { color: #1976D2; }\r\n        .text-bla { color: #00BCD4; }\r\n        .text-fwd { color: #FF9800; }\r\n        .text-scb { color: #673AB7; }\r\n        .text-axa { color: #4CAF50; }\r\n        .text-tqm { color: #FFC107; }\r\n        .text-prudential { color: #448AFF; }\r\n        .text-generali { color: #8BC34A; }\r\n        .text-allianz { color: #009688; }\r\n        .text-krungthai-axa { color: #D32F2F; }\r\n        .text-tokio-marine { color: #0D47A1; }\r\n        .text-ocean-life { color: #FB8C00; }\r\n        .text-tisco { color: #6A1B9A; }\r\n        .text-cigna { color: #388E3C; }\r\n        .text-dhipaya { color: #FBC02D; }\r\n        .text-msig { color: #3949AB; }\r\n        .text-viriyah { color: #689F38; }\r\n        .text-syn-mun-kong { color: #546E7A; } \/* Placeholder, company defunct *\/\r\n        .text-bangkok-insurance { color: #BF360C; }\r\n        .text-lmg { color: #0D47A1; }\r\n        .text-thai-re { color: #FB8C00; }\r\n        .text-thanachart { color: #7B1FA2; }\r\n        .text-falcon { color: #2E7D32; }\r\n        .text-sompo { color: #FBC02D; }\r\n        .text-affin { color: #3F51B5; }\r\n        .text-kiatnakin-phatra { color: #8BC34A; }\r\n        .text-liberty { color: #009688; }\r\n        .text-chubb-samaggi { color: #D32F2F; }\r\n        .text-pacific-cross { color: #1976D2; }\r\n        .text-scor { color: #FF9800; }\r\n        .text-thai-life-re { color: #6A1B9A; }\r\n        .text-muang-thai-re { color: #00796B; }\r\n        .text-thai-health { color: #FFC107; }\r\n        .text-asia-insurance { color: #546E7A; } \/* Placeholder, company defunct *\/\r\n        .text-indara-insurance { color: #689F38; }\r\n        .text-south-east-insurance { color: #546E7A; } \/* Placeholder, link not verified *\/\r\n        .text-safety-insurance { color: #D32F2F; } \/* Assuming Thai Vivat *\/\r\n        .text-axa-affin { color: #4CAF50; } \/* Assuming AXA Thailand *\/\r\n        .text-krungthai-panich-insurance { color: #FFC107; }\r\n        .text-tokio-marine-insurance { color: #0D47A1; }\r\n        .text-ocean-life-general { color: #FB8C00; }\r\n        .text-tisco-general-insurance { color: #6A1B9A; }\r\n        .text-cigna-general-insurance { color: #388E3C; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"text-gray-800\">\r\n\r\n    <header class=\"bg-white shadow-md sticky top-0 z-50\">\r\n        <nav class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\r\n            <div class=\"text-xl font-bold text-gray-800\">\r\n                <a href=\"#\" class=\"text-[#0041C2] hover:text-[#006CFA]\">\r\n                    <span class=\"text-2xl\">\ud83c\udfe5<\/span> \u0e23\u0e1e.\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"hidden md:flex space-x-6\">\r\n                <a href=\"#process\" class=\"text-gray-600 hover:text-[#006CFA] transition-colors duration-200\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/a>\r\n                <a href=\"#documents\" class=\"text-gray-600 hover:text-[#006CFA] transition-colors duration-200\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/a>\r\n                <a href=\"#companies\" class=\"text-gray-600 hover:text-[#006CFA] transition-colors duration-200\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/a>\r\n                <a href=\"#faq\" class=\"text-gray-600 hover:text-[#006CFA] transition-colors duration-200\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/a>\r\n                <a href=\"#contact\" class=\"text-gray-600 hover:text-[#006CFA] transition-colors duration-200\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n            <\/div>\r\n            <button id=\"mobile-menu-button\" class=\"md:hidden text-gray-600 focus:outline-none\">\r\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path><\/svg>\r\n            <\/button>\r\n        <\/nav>\r\n        <div id=\"mobile-menu\" class=\"hidden md:hidden px-6 pt-2 pb-4 bg-white shadow-inner\">\r\n            <a href=\"#process\" class=\"block py-2 text-gray-700 hover:text-[#006CFA] transition-colors duration-200 border-b border-gray-100\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/a>\r\n            <a href=\"#documents\" class=\"block py-2 text-gray-700 hover:text-[#006CFA] transition-colors duration-200 border-b border-gray-100\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/a>\r\n            <a href=\"#companies\" class=\"block py-2 text-gray-700 hover:text-[#006CFA] transition-colors duration-200 border-b border-gray-100\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/a>\r\n            <a href=\"#faq\" class=\"block py-2 text-gray-700 hover:text-[#006CFA] transition-colors duration-200 border-b border-gray-100\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/a>\r\n            <a href=\"#contact\" class=\"block py-2 text-gray-700 hover:text-[#006CFA] transition-colors duration-200\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n        <\/div>\r\n    <\/header>\r\n    \r\n    <main class=\"container mx-auto px-6 py-12\">\r\n\r\n        <section class=\"text-center mb-20 p-8 bg-gradient-to-r from-blue-50 to-blue-100 rounded-xl shadow-lg\">\r\n            <h1 class=\"text-4xl md:text-5xl font-extrabold text-[#0041C2] mb-4 leading-tight\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h1>\r\n            <p class=\"text-lg md:text-xl text-gray-700 mb-8 max-w-3xl mx-auto\">\r\n                \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e25\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e43\u0e19\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 \u0e17\u0e35\u0e48\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\r\n            <\/p>\r\n            <div class=\"flex justify-center items-center gap-8 flex-wrap\">\r\n                <div class=\"bg-white rounded-lg shadow-md p-6 text-center w-64 transform transition-transform duration-300 hover:scale-105\">\r\n                    <div class=\"text-5xl font-bold text-[#0056D9]\">5,500+<\/div>\r\n                    <div class=\"text-gray-500 mt-2 text-base\">\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e43\u0e19\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32<\/div>\r\n                <\/div>\r\n                <div class=\"bg-white rounded-lg shadow-md p-6 text-center w-64 transform transition-transform duration-300 hover:scale-105\">\r\n                    <div class=\"text-5xl font-bold text-[#0056D9]\">300 \u0e3f<\/div>\r\n                    <div class=\"text-gray-500 mt-2 text-base\">\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#process\" class=\"mt-10 inline-block bg-[#006CFA] text-white font-bold py-3 px-8 rounded-full text-lg hover:bg-[#2A8BFF] transition-colors duration-300 shadow-lg\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/a>\r\n        <\/section>\r\n\r\n        <section id=\"process\" class=\"my-16 scroll-mt-20\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center text-[#0041C2] mb-12\">4 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h2>\r\n            <div class=\"relative max-w-3xl mx-auto p-4 md:p-0\">\r\n                <div class=\"absolute left-6 md:left-1\/2 top-0 h-full w-1 bg-blue-200\"><\/div>\r\n                <div class=\"space-y-12\">\r\n\r\n                    <div class=\"relative flex items-start\">\r\n                        <div class=\"z-10 step-circle absolute left-6 top-0 transform -translate-x-1\/2\">1<\/div>\r\n                        <div class=\"ml-16 md:ml-0 md:w-1\/2 md:pr-8 md:text-right\">\r\n                            <div class=\"bg-white rounded-lg shadow-md p-6 flowchart-item border-l-4 border-[#0056D9] transform transition-transform duration-300 hover:scale-[1.02]\">\r\n                                <h3 class=\"text-xl font-bold text-[#0056D9] mb-2\">1. \u0e01\u0e23\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e43\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/h3>\r\n                                <p class=\"text-gray-600\">\u0e01\u0e23\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21 300 \u0e1a\u0e32\u0e17 \u0e41\u0e25\u0e30\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/p>\r\n                                <a href=\"https:\/\/www.medicalrecords.kku.ac.th\/wp-content\/uploads\/dlm_uploads\/2020\/11\/\u0e43\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e40\u0e02\u0e35\u0e22\u0e19\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15.pdf\" target=\"_blank\" class=\"text-blue-600 hover:underline mt-2 inline-block font-medium\">\r\n                                    <span class=\"mr-1\">\ud83d\udcc4<\/span> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"relative flex items-start\">\r\n                        <div class=\"z-10 step-circle absolute left-6 top-0 transform -translate-x-1\/2 md:left-auto md:right-1\/2 md:translate-x-1\/2\">2<\/div>\r\n                        <div class=\"ml-16 md:ml-auto md:w-1\/2 md:pl-8\">\r\n                            <div class=\"bg-white rounded-lg shadow-md p-6 flowchart-item border-l-4 border-[#0056D9] transform transition-transform duration-300 hover:scale-[1.02]\">\r\n                                <h3 class=\"text-xl font-bold text-[#0056D9] mb-2\">2. \u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21 300 \u0e1a\u0e32\u0e17<\/h3>\r\n                                <p class=\"text-gray-600\">\u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21 300 \u0e1a\u0e32\u0e17 \u0e17\u0e35\u0e48\u0e08\u0e38\u0e14\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 <strong class=\"text-gray-800\">\u0e0a\u0e48\u0e2d\u0e07 9-10 \u0e15\u0e36\u0e01 \u0e2a\u0e27. \u0e0a\u0e31\u0e49\u0e19 2<\/strong><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative flex items-start\">\r\n                        <div class=\"z-10 step-circle absolute left-6 top-0 transform -translate-x-1\/2\">3<\/div>\r\n                        <div class=\"ml-16 md:ml-0 md:w-1\/2 md:pr-8 md:text-right\">\r\n                               <div class=\"bg-white rounded-lg shadow-md p-6 flowchart-item border-l-4 border-[#0056D9] transform transition-transform duration-300 hover:scale-[1.02]\">\r\n                                <h3 class=\"text-xl font-bold text-[#0056D9] mb-2\">3. \u0e22\u0e37\u0e48\u0e19\u0e43\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e08\u0e38\u0e14\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/h3>\r\n                                <p class=\"text-gray-600\">\u0e19\u0e33\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e44\u0e1b\u0e22\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e08\u0e38\u0e14\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 <strong class=\"text-gray-800\">\u0e0a\u0e48\u0e2d\u0e07 9-10 \u0e15\u0e36\u0e01 \u0e2a\u0e27. \u0e0a\u0e31\u0e49\u0e19 2<\/strong> \u0e43\u0e19\u0e27\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/p>\r\n                                <h4 class=\"text-lg font-bold text-gray-700 mt-4 mb-2\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48:<\/h4>\r\n                                <ul class=\"list-disc list-inside text-gray-600 space-y-1 ml-4\">\r\n                                    <li>\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19 48 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e23\u0e38\u0e1b\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e20\u0e32\u0e22\u0e43\u0e19 2 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c<\/li>\r\n                                    <li>\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e19\u0e2d\u0e01\/\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e43\u0e19<\/li>\r\n                                    <li>\u0e2a\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19\u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e17\u0e35\u0e48\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14<\/li>\r\n                                    <li>\u0e23\u0e2d\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e40\u0e02\u0e35\u0e22\u0e19\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21<\/li>\r\n                                    <li>\u0e23\u0e31\u0e1a\u0e04\u0e37\u0e19\u0e08\u0e32\u0e01\u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e17\u0e35\u0e48\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e40\u0e02\u0e35\u0e22\u0e19<\/li>\r\n                                <\/ul>\r\n                                <p class=\"text-red-600 font-bold mt-4\">**\u0e2b\u0e32\u0e01\u0e19\u0e2d\u0e01\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e1a\u0e2d\u0e23\u0e4c <a href=\"tel:043366780\" class=\"underline\">043-366780<\/a><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative flex items-start\">\r\n                           <div class=\"z-10 step-circle absolute left-6 top-0 transform -translate-x-1\/2 md:left-auto md:right-1\/2 md:translate-x-1\/2\">4<\/div>\r\n                        <div class=\"ml-16 md:ml-auto md:w-1\/2 md:pl-8\">\r\n                           <div class=\"bg-white rounded-lg shadow-md p-6 flowchart-item border-l-4 border-[#0056D9] transform transition-transform duration-300 hover:scale-[1.02]\">\r\n                                <h3 class=\"text-xl font-bold text-[#0056D9] mb-2\">4. \u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h3>\r\n                                <p class=\"text-gray-600\">\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e30\u0e42\u0e17\u0e23\u0e41\u0e08\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e23\u0e31\u0e1a \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38\u0e44\u0e27\u0e49<\/p>\r\n                           <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"infographics\" class=\"my-20 scroll-mt-20\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n                <div id=\"documents\" class=\"bg-white rounded-lg shadow-md p-8 order-2 md:order-1 transform transition-transform duration-300 hover:scale-[1.02]\">\r\n                    <h3 class=\"text-2xl font-bold text-[#0041C2] mb-6\">\ud83d\udccb \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07<\/h3>\r\n                    <ul class=\"space-y-4 text-gray-700\">\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-3 mt-1\">\u2714<\/span>\r\n                            <span><strong>\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17:<\/strong> \u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2d\u0e32\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e41\u0e25\u0e49\u0e27<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-3 mt-1\">\u2714<\/span>\r\n                            <span><strong>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19:<\/strong> \u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-3 mt-1\">\u2714<\/span>\r\n                            <span><strong>\u0e01\u0e23\u0e13\u0e35\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15:<\/strong> \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e17\u0e35\u0e48\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e08\u0e32\u0e01 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-3 mt-1\">\u2714<\/span>\r\n                            <span><strong>\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07 \u0e23\u0e1e.:<\/strong> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e30\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"order-1 md:order-2 bg-white rounded-lg shadow-md p-6 transform transition-transform duration-300 hover:scale-[1.02]\">\r\n                    <h3 class=\"text-2xl font-bold text-center text-[#0041C2] mb-4\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23<\/h3>\r\n                    <p class=\"text-center text-gray-600 mb-4\">\u0e42\u0e14\u0e22\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e41\u0e25\u0e49\u0e27\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c \u0e2a\u0e48\u0e27\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e04\u0e37\u0e2d\u0e0a\u0e48\u0e27\u0e07\u0e23\u0e2d\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32<\/p>\r\n                    <div class=\"chart-container\">\r\n                        <canvas id=\"timelineChart\"><\/canvas>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"companies\" class=\"my-20 scroll-mt-20\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center text-[#0041C2] mb-4\">\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33<\/h2>\r\n            <p class=\"text-center text-gray-600 mb-12 max-w-2xl mx-auto\">\r\n                \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e08\u0e32\u0e01\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\r\n            <\/p>\r\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\r\n                \r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-aia mb-2\">AIA<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e2d\u0e44\u0e2d\u0e40\u0e2d<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.aia.co.th\/th\/help-support\/claim-services\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-mtl mb-2\">MTL<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e44\u0e17\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.muangthai.co.th\/th\/service\/claims\/accident-claim\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-tli mb-2\">TLI<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e44\u0e17\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e15\u0e48\u0e32\u0e07\u0e46<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/digitaloffices-agent.thailife.com\/supalai.kab\/articles\/%E0%B9%80%E0%B8%84%E0%B8%A5%E0%B8%A1%E0%B8%AA%E0%B8%B4%E0%B8%99%E0%B9%84%E0%B8%AB%E0%B8%A1-%E0%B8%84%E0%B9%88%E0%B8%B2%E0%B8%A3%E0%B8%B1%E0%B8%81%E0%B8%A9%E0%B8%B2%E0%B8%9E%E0%B8%A2%E0%B8%B2%E0%B8%9A%E0%B8%B2%E0%B8%A5-%E0%B9%84%E0%B8%97%E0%B8%A2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%8A%E0%B8%B5%E0%B8%A7%E0%B8%B4%E0%B8%95\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-bla mb-2\">BLA<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.bangkoklife.com\/th\/PersonalCustomers\/Amercement\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-fwd mb-2\">FWD<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e2d\u0e1f\u0e14\u0e31\u0e1a\u0e1a\u0e25\u0e34\u0e27\u0e14\u0e35<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.fwd.co.th\/th\/claims\/\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-scb mb-2\">SCB<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e44\u0e17\u0e22\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e41\u0e25\u0e30\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.scb.co.th\/th\/personal-banking\/insurance\/claim-online\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-axa mb-2\">AXA<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e41\u0e2d\u0e01\u0e0b\u0e48\u0e32\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.axa.co.th\/claims\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-tqm mb-2\">TQM<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e17\u0e35\u0e04\u0e34\u0e27\u0e40\u0e2d\u0e47\u0e21 \u0e2d\u0e34\u0e19\u0e0a\u0e31\u0e27\u0e23\u0e4c\u0e23\u0e31\u0e19\u0e2a\u0e4c \u0e42\u0e1a\u0e23\u0e04\u0e40\u0e01\u0e2d\u0e23\u0e4c<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.tqm.co.th\/claim\/health-insurance\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-prudential mb-2\">Prudential<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e1e\u0e23\u0e39\u0e40\u0e14\u0e47\u0e19\u0e40\u0e0a\u0e35\u0e22\u0e25 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.prudential.co.th\/corp\/prudential-th\/th\/how-to-claim\/\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-generali mb-2\">Generali<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e08\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e32\u0e25\u0e35\u0e48 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/generali.co.th\/customer-service\/claim-mulct\/\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-allianz mb-2\">Allianz Ayudhya<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e2d\u0e25\u0e34\u0e2d\u0e31\u0e19\u0e0b\u0e4c \u0e2d\u0e22\u0e38\u0e18\u0e22\u0e32 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.azay.co.th\/th_TH\/claims\/life-and-health-claim.html\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-krungthai-axa mb-2\">Krungthai Axa<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e01\u0e23\u0e38\u0e07\u0e44\u0e17\u0e22-\u0e41\u0e2d\u0e01\u0e0b\u0e48\u0e32 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.krungthai-axa.co.th\/customer-service\/claims-procedure\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-tokio-marine mb-2\">Tokio Marine<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e42\u0e15\u0e40\u0e01\u0e35\u0e22\u0e27\u0e21\u0e32\u0e23\u0e35\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e04\u0e48\u0e32\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.tokiomarine.com\/th\/th\/life\/customer-service\/personal\/claim-services\/step-by-step-claim.html\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-ocean-life mb-2\">Ocean Life<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e42\u0e2d\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e19\u0e44\u0e25\u0e1f\u0e4c \u0e44\u0e17\u0e22\u0e2a\u0e21\u0e38\u0e17\u0e23<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.ocean.co.th\/service\/claims\/health-accident\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-tisco mb-2\">Tisco<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e17\u0e34\u0e2a\u0e42\u0e01\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.tiscoinsure.com\/blog\/car\/claim-urgent\/\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-cigna mb-2\">Cigna<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e0b\u0e34\u0e01\u0e19\u0e48\u0e32\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.cignaglobal.com\/individuals-families\/members\/help\/claims-process\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-dhipaya mb-2\">Dhipaya<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e17\u0e34\u0e1e\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.dhipaya.co.th\/th\/service-detail-6.html\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-msig mb-2\">MSIG<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e2d\u0e47\u0e21\u0e40\u0e2d\u0e2a\u0e44\u0e2d\u0e08\u0e35 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.msig-thai.com\/th\/claims\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-viriyah mb-2\">Viriyah<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e27\u0e34\u0e23\u0e34\u0e22\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.viriyah.co.th\/customer-service\/claim-1\/\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-syn-mun-kong mb-2\">\u0e2a\u0e34\u0e19\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2 text-red-600\">\u0e2a\u0e16\u0e32\u0e19\u0e30: \u0e40\u0e1e\u0e34\u0e01\u0e16\u0e2d\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e16\u0e39\u0e01\u0e40\u0e1e\u0e34\u0e01\u0e16\u0e2d\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/p>\r\n                    <\/div>\r\n                    <span class=\"text-red-500 font-medium text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-bangkok-insurance mb-2\">Bangkok Insurance<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.bangkokinsurance.com\/claim\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-lmg mb-2\">LMG<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e41\u0e2d\u0e25\u0e40\u0e2d\u0e47\u0e21\u0e08\u0e35 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.lmginsurance.co.th\/en\/claims\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-thai-re mb-2\">Thai Re<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e44\u0e17\u0e22\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e15\u0e48\u0e2d<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.thaire.co.th\/?page_id=4921&lang=th\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-thanachart mb-2\">Thanachart<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e18\u0e19\u0e0a\u0e32\u0e15\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.thanachartinsurance.co.th\/?MD=1\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-falcon mb-2\">Falcon<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e1f\u0e2d\u0e25\u0e04\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/falconinsurance.co.th\/claim-services\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-sompo mb-2\">Sompo<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e0b\u0e21\u0e42\u0e1b\u0e30 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.sompo.co.th\/claims\/accident-center-24\/7\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-affin mb-2\">\u0e41\u0e2d\u0e4a\u0e1f\u0e1f\u0e34\u0e19 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2 text-yellow-600\">\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e42\u0e1b\u0e23\u0e14\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\r\n                    <\/div>\r\n                    <span class=\"text-yellow-600 font-medium text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-kiatnakin-phatra mb-2\">Kiatnakin Phatra<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e32\u0e04\u0e34\u0e19\u0e20\u0e31\u0e17\u0e23 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/bank.kkpfg.com\/th\/personal-banking\/bancassurance\/insurance\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-liberty mb-2\">Liberty<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e25\u0e34\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e35\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.libertymutual.com\/claims-center\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-chubb-samaggi mb-2\">Chubb Samaggi<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e0a\u0e31\u0e1a\u0e1a\u0e4c \u0e2a\u0e32\u0e21\u0e31\u0e04\u0e04\u0e35\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.chubb.com\/th-th\/claims\/life-insurance.html\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-pacific-cross mb-2\">Pacific Cross<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e41\u0e1b\u0e0b\u0e34\u0e1f\u0e34\u0e04 \u0e04\u0e23\u0e2d\u0e2a \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.pacificcrosshealth.com\/th\/how-to-submit-a-claim\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-scor mb-2\">SCOR<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e2a\u0e01\u0e2d\u0e23\u0e4c \u0e23\u0e35\u0e2d\u0e34\u0e19\u0e0a\u0e31\u0e27\u0e23\u0e31\u0e19\u0e2a\u0e4c<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e04\u0e49\u0e32<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.scor.com\/en\/life-underwriting-and-claims-management\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-thai-life-re mb-2\">Thai Life Re<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e44\u0e17\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e23\u0e35\u0e2d\u0e34\u0e19\u0e0a\u0e31\u0e27\u0e23\u0e31\u0e19\u0e2a\u0e4c<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e04\u0e49\u0e32<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.thairelife.co.th\/th\/our-services-reinsurance.php\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-muang-thai-re mb-2\">Muang Thai Re<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e44\u0e17\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e15\u0e48\u0e2d<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e04\u0e49\u0e32<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.muangthaire.com\/th\/claims\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-thai-health mb-2\">Thai Health<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e44\u0e17\u0e22\u0e40\u0e2e\u0e25\u0e17\u0e4c \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.thaihealth.co.th\/%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%B4%E0%B8%99%E0%B9%84%E0%B8%AB%E0%B8%A1\/\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-asia-insurance mb-2\">\u0e40\u0e2d\u0e40\u0e0a\u0e35\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2 text-red-600\">\u0e2a\u0e16\u0e32\u0e19\u0e30: \u0e40\u0e1e\u0e34\u0e01\u0e16\u0e2d\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e16\u0e39\u0e01\u0e40\u0e1e\u0e34\u0e01\u0e16\u0e2d\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/p>\r\n                    <\/div>\r\n                    <span class=\"text-red-500 font-medium text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-indara-insurance mb-2\">Indara Insurance<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.indara.co.th\/services\/claims\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-south-east-insurance mb-2\">\u0e2d\u0e32\u0e04\u0e40\u0e19\u0e22\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2 text-yellow-600\">\u0e2a\u0e16\u0e32\u0e19\u0e30: \u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e44\u0e14\u0e49<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e42\u0e1b\u0e23\u0e14\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\r\n                    <\/div>\r\n                    <span class=\"text-yellow-600 font-medium text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-safety-insurance mb-2\">\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e44\u0e17\u0e22\u0e27\u0e34\u0e27\u0e31\u0e12\u0e19\u0e4c<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">(\u0e40\u0e14\u0e34\u0e21 Safety Insurance)<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e19\u0e44\u0e2b\u0e21\u0e17\u0e14\u0e41\u0e17\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.thaivivat.co.th\/th\/service_indemnity.php\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"company-card bg-white p-6 text-center flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-bold text-axa-affin mb-2\">\u0e41\u0e2d\u0e01\u0e0b\u0e48\u0e32 \u0e41\u0e2d\u0e4a\u0e1f\u0e1f\u0e34\u0e19 \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<\/div>\r\n                        <h3 class=\"text-xl font-bold mb-2\">(\u0e23\u0e27\u0e21\u0e01\u0e31\u0e1a AXA Thailand)<\/h3>\r\n                        <p class=\"text-gray-500 text-sm mb-4 h-12 flex items-center justify-center\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19<\/p>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.axa.co.th\/claims\" target=\"_blank\" class=\"text-white bg-[#006CFA] hover:bg-[#2A8BFF] font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-block w-full\">\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <p class=\"text-center text-sm text-gray-500 mt-6\">*\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38: \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e42\u0e1b\u0e23\u0e14\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\r\n        <\/section>\r\n\r\n        <section id=\"faq\" class=\"my-20 scroll-mt-20 max-w-3xl mx-auto\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center text-[#0041C2] mb-12\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22 (FAQ)<\/h2>\r\n            <div class=\"space-y-4\">\r\n                <details class=\"bg-white rounded-lg shadow-md group\">\r\n                    <summary class=\"p-6 cursor-pointer flex justify-between items-center font-semibold text-lg text-gray-800\">\r\n                        \u0e08\u0e30\u0e40\u0e01\u0e34\u0e14\u0e2d\u0e30\u0e44\u0e23\u0e02\u0e36\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23?\r\n                        <span class=\"transform transition-transform duration-300 group-open:rotate-180\">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"accordion-content\">\r\n                        <p class=\"p-6 pt-0 text-gray-600\">\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e30\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19 48 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e38\u0e1b\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e17\u0e48\u0e32\u0e19\u0e21\u0e32\u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/p>\r\n                    <\/div>\r\n                <\/details>\r\n\r\n                <details class=\"bg-white rounded-lg shadow-md group\">\r\n                    <summary class=\"p-6 cursor-pointer flex justify-between items-center font-semibold text-lg text-gray-800\">\r\n                        \u0e2b\u0e32\u0e01\u0e40\u0e01\u0e34\u0e19 2 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c\u0e41\u0e25\u0e49\u0e27\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e04\u0e27\u0e23\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\r\n                        <span class=\"transform transition-transform duration-300 group-open:rotate-180\">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"accordion-content\">\r\n                        <p class=\"p-6 pt-0 text-gray-600\">\u0e2b\u0e32\u0e01\u0e17\u0e48\u0e32\u0e19\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e04\u0e23\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14 2 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c \u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48 \u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c: <strong class=\"text-[#0056D9]\">043-366780<\/strong> \u0e2b\u0e23\u0e37\u0e2d <strong class=\"text-[#0056D9]\">043-366787<\/strong> \u0e43\u0e19\u0e27\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/p>\r\n                    <\/div>\r\n                <\/details>\r\n                \r\n                <details class=\"bg-white rounded-lg shadow-md group\">\r\n                    <summary class=\"p-6 cursor-pointer flex justify-between items-center font-semibold text-lg text-gray-800\">\r\n                        \u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e2d\u0e1a\u0e04\u0e33\u0e16\u0e32\u0e21\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e49\u0e32\u0e07\u0e43\u0e19\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21?\r\n                        <span class=\"transform transition-transform duration-300 group-open:rotate-180\">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"accordion-content\">\r\n                        <div class=\"p-6 pt-0 text-gray-600\">\r\n                            <p class=\"mb-4\">\u0e42\u0e14\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32 \u0e40\u0e0a\u0e48\u0e19:<\/p>\r\n                            <ul class=\"list-disc list-inside space-y-2 ml-4\">\r\n                                <li>\u0e01\u0e32\u0e23\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22\u0e42\u0e23\u0e04\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22<\/li>\r\n                                <li>\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32<\/li>\r\n                                <li>\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e17\u0e38\u0e1e\u0e1e\u0e25\u0e20\u0e32\u0e1e (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/li>\r\n                                <li>\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e04\u0e01\u0e31\u0e1a\u0e2a\u0e32\u0e40\u0e2b\u0e15\u0e38\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e21<\/li>\r\n                            <\/ul>\r\n                            <p class=\"mt-4\">\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e44\u0e27\u0e49<\/p>\r\n                            <a href=\"https:\/\/example.com\/sample-medical-questions.pdf\" target=\"_blank\" class=\"mt-4 inline-block bg-blue-100 text-blue-800 font-bold py-2 px-4 rounded-lg hover:bg-blue-200 transition-colors duration-300\">\r\n                                <span class=\"mr-1\">\u2b07\ufe0f<\/span> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e33\u0e16\u0e32\u0e21\u0e41\u0e1e\u0e17\u0e22\u0e4c (PDF)\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/details>\r\n\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <footer id=\"contact\" class=\"bg-[#0041C2] text-white scroll-mt-20\">\r\n        <div class=\"container mx-auto px-6 py-12\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center md:text-left\">\r\n                <div>\r\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c<\/h4>\r\n                    <p class=\"text-blue-200 text-base\">\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34<br>\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h4>\r\n                    <p class=\"text-blue-200 text-base\">123 \u0e16.\u0e21\u0e34\u0e15\u0e23\u0e20\u0e32\u0e1e \u0e15.\u0e43\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19 40002<\/p>\r\n                    <p class=\"text-blue-200 mt-2 text-base\"><strong>\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23:<\/strong> \u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e28\u0e38\u0e01\u0e23\u0e4c (\u0e43\u0e19\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23)<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/h4>\r\n                    <p class=\"text-blue-200 text-base\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21 (\u0e2b\u0e32\u0e01\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32): <a href=\"tel:043366780\" class=\"hover:underline\">043-366780<\/a><\/p>\r\n                    <p class=\"text-blue-200 text-base\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19): <a href=\"tel:043366787\" class=\"hover:underline\">043-366787<\/a><\/p>\r\n                    <p class=\"text-blue-200 text-base\">\u0e07\u0e32\u0e19\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23: <a href=\"tel:043366798\" class=\"hover:underline\">043-366798<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-t border-blue-600 mt-8 pt-6 text-center text-sm text-blue-200\">\r\n                &copy; 2025 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c | \u0e08\u0e31\u0e14\u0e17\u0e33\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e41\u0e01\u0e48\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Mobile Menu Toggle\r\n        const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n        if (mobileMenuButton && mobileMenu) {\r\n            mobileMenuButton.addEventListener('click', () => {\r\n                mobileMenu.classList.toggle('hidden');\r\n            });\r\n\r\n            document.querySelectorAll('#mobile-menu a').forEach(link => {\r\n                link.addEventListener('click', () => {\r\n                    mobileMenu.classList.add('hidden');\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Chart.js Configuration\r\n        const wrapLabel = (label, maxWidth) => {\r\n            const words = label.split(' ');\r\n            const lines = [];\r\n            let currentLine = '';\r\n            words.forEach(word => {\r\n                if ((currentLine + ' ' + word).length > maxWidth && currentLine.length > 0) {\r\n                    lines.push(currentLine);\r\n                    currentLine = word;\r\n                } else {\r\n                    if (currentLine.length > 0) {\r\n                        currentLine += ' ' + word;\r\n                    } else {\r\n                        currentLine = word;\r\n                    }\r\n                }\r\n            });\r\n            lines.push(currentLine);\r\n            return lines;\r\n        };\r\n\r\n        \/\/ Ensure chart elements exist before initializing charts\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const timelineCtx = document.getElementById('timelineChart');\r\n            if (timelineCtx) {\r\n                new Chart(timelineCtx.getContext('2d'), {\r\n                    type: 'doughnut',\r\n                    data: {\r\n                        labels: [wrapLabel('\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23 (48 \u0e0a\u0e21.)', 20), wrapLabel('\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25 (\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 14 \u0e27\u0e31\u0e19)', 20)],\r\n                        datasets: [{\r\n                            label: '\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23',\r\n                            data: [2, 14],\r\n                            backgroundColor: [\r\n                                '#55A5FF', \/\/ Lighter blue\r\n                                '#0056D9', \/\/ Darker blue\r\n                            ],\r\n                            borderColor: [\r\n                                '#f0f4f8', \/* Matches body background *\/\r\n                                '#f0f4f8'\r\n                            ],\r\n                            borderWidth: 4,\r\n                            hoverOffset: 8\r\n                        }]\r\n                    },\r\n                    options: {\r\n                        responsive: true,\r\n                        maintainAspectRatio: false,\r\n                        cutout: '70%',\r\n                        plugins: {\r\n                            legend: {\r\n                                position: 'bottom',\r\n                                labels: {\r\n                                    padding: 20,\r\n                                    font: {\r\n                                        size: 14,\r\n                                        family: \"'Sarabun', sans-serif\"\r\n                                    },\r\n                                    usePointStyle: true, \/\/ Use circles for legend\r\n                                },\r\n                            },\r\n                            tooltip: {\r\n                                callbacks: {\r\n                                    title: function(tooltipItems) {\r\n                                        const item = tooltipItems[0];\r\n                                        let label = item.chart.data.labels[item.dataIndex];\r\n                                        return Array.isArray(label) ? label.join(' ') : label;\r\n                                    },\r\n                                    label: function(context) {\r\n                                        let label = context.dataset.label || '';\r\n                                        if (label) {\r\n                                            label += ': ';\r\n                                        }\r\n                                        if (context.parsed !== null) {\r\n                                            label += context.raw + ' \u0e27\u0e31\u0e19';\r\n                                        }\r\n                                        return label;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e04\u0e25\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15 &#8211; \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,6],"tags":[],"class_list":["post-278","post","type-post","status-publish","format-standard","hentry","category-7","category-6"],"_links":{"self":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=278"}],"version-history":[{"count":67,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/278\/revisions"}],"predecessor-version":[{"id":3703,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/278\/revisions\/3703"}],"wp:attachment":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}