{"id":751,"date":"2026-03-12T23:06:03","date_gmt":"2026-03-12T16:06:03","guid":{"rendered":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/?page_id=751"},"modified":"2026-05-19T03:01:19","modified_gmt":"2026-05-18T20:01:19","slug":"sponsor-prospectus","status":"publish","type":"page","link":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/sponsor-prospectus\/","title":{"rendered":"Sponsor Prospectus"},"content":{"rendered":"\n\n\n\n \n \n Sponsorship Prospectus – PMK MDT Forum 2026<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Kanit', 'Segoe UI', 'Roboto', 'sans-serif'],\n },\n colors: {\n navy: {\n 800: '#11294d',\n 900: '#0B1F3A',\n 950: '#061121',\n },\n burgundy: {\n 600: '#9b2735',\n 700: '#7C1F2A',\n 800: '#5c171f',\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n font-family: 'Kanit', 'Segoe UI', sans-serif;\n background-color: #f5f7fb;\n }\n\n .brand-line {\n height: 4px;\n background: linear-gradient(90deg, #0B1F3A 0%, #0B1F3A 64%, #9b2735 64%, #9b2735 100%);\n }\n\n .logo-hero {\n background:\n linear-gradient(115deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.96) 58%, rgba(248,250,252,0.92) 100%);\n }\n\n .hero-curve-navy {\n position: absolute;\n right: -170px;\n top: -250px;\n width: 640px;\n height: 640px;\n border-radius: 9999px;\n border: 82px solid #0B1F3A;\n pointer-events: none;\n opacity: 0.98;\n }\n\n .hero-curve-burgundy {\n position: absolute;\n right: -132px;\n top: -212px;\n width: 558px;\n height: 558px;\n border-radius: 9999px;\n border: 23px solid #9b2735;\n pointer-events: none;\n opacity: 0.98;\n }\n\n .hero-curve-soft {\n position: absolute;\n right: -80px;\n bottom: -250px;\n width: 600px;\n height: 600px;\n border-radius: 9999px;\n background: radial-gradient(circle, rgba(11,31,58,0.055), transparent 62%);\n pointer-events: none;\n }\n\n .hero-logo {\n width: min(100%, 720px);\n height: auto;\n display: block;\n }\n\n .hero-title-small {\n letter-spacing: 0.32em;\n font-weight: 500;\n color: #0B1F3A;\n }\n\n .hero-title-main {\n letter-spacing: 0.03em;\n font-weight: 500;\n }\n\n .hero-subtitle {\n max-width: 780px;\n font-weight: 400;\n }\n\n .section-heading {\n font-weight: 500;\n }\n\n .medium-text {\n font-weight: 500 !important;\n }\n\n .regular-text {\n font-weight: 400 !important;\n }\n\n .label-text {\n font-weight: 600;\n letter-spacing: 0.12em;\n }\n\n .highlight-bar {\n background: linear-gradient(90deg, rgba(124,31,42,0.10) 0%, rgba(255,255,255,0.92) 58%, rgba(11,31,58,0.08) 100%);\n border: 1px solid rgba(124,31,42,0.18);\n border-left: 5px solid #9b2735;\n }\n\n .clean-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n box-shadow: 0 10px 30px rgba(16,24,40,0.05);\n }\n\n .clean-card:hover {\n border-color: rgba(11,31,58,0.20);\n box-shadow: 0 16px 38px rgba(16,24,40,0.08);\n transform: translateY(-4px);\n }\n\n .gold-card {\n background: linear-gradient(180deg, #fffdf4 0%, #ffffff 100%);\n border: 1px solid rgba(180, 126, 0, 0.28);\n box-shadow: 0 12px 34px rgba(180, 126, 0, 0.10);\n }\n\n .badge-red-line {\n background: #9b2735;\n }\n\n .badge-mockup {\n aspect-ratio: 105 \/ 148;\n width: 100%;\n max-width: 260px;\n margin: 0 auto;\n }\n\n .badge-front-frame {\n border-left: 8px solid #ffffff;\n border-right: 8px solid #ffffff;\n background: #0B1F3A;\n }\n\n .badge-logo-panel {\n background: #ffffff;\n border-radius: 0;\n }\n\n .badge-logo {\n width: 88%;\n height: auto;\n object-fit: contain;\n display: block;\n margin: 0 auto;\n }\n\n .lanyard-logo-bar {\n height: 28px;\n width: auto;\n max-width: 320px;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.20));\n }\n\n .lanyard-cancernext-logo {\n height: 26px;\n width: auto;\n max-width: 230px;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));\n }\n\n .sponsor-logo-chip {\n background: rgba(255,255,255,0.96);\n color: #0B1F3A;\n border-radius: 4px;\n padding: 4px 10px;\n box-shadow: 0 1px 4px rgba(0,0,0,0.12);\n font-size: 10px;\n font-weight: 500;\n line-height: 1;\n white-space: nowrap;\n }\n\n .grid-bg {\n background-size: 40px 40px;\n background-image: \n linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);\n }\n\n .booth {\n position: absolute;\n width: 4.5%;\n height: 6%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n transition: all 0.2s ease;\n cursor: pointer;\n z-index: 10;\n }\n\n .booth:hover {\n transform: scale(1.15) translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2);\n z-index: 20;\n }\n\n .booth-available { background: linear-gradient(135deg, #881337, #9f1239); color: white; border: 1px solid #4c0519; }\n .booth-premium { background: linear-gradient(135deg, #fde047, #f59e0b); color: #78350f; border: 1px solid #b45309; }\n .booth-reserved { background: linear-gradient(135deg, #94a3b8, #64748b); color: white; border: 1px solid #475569; }\n .booth-activity { background: linear-gradient(135deg, #172554, #1e3a8a); color: white; border: 1px solid #0f172a; }\n \n .room {\n position: absolute;\n background-color: rgba(239, 246, 255, 0.9);\n border: 2px solid rgba(30, 58, 138, 0.2);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n color: #172554;\n font-size: 1.25rem;\n border-radius: 8px;\n box-shadow: inset 0 0 20px rgba(255,255,255,0.5);\n }\n \n .facility {\n position: absolute;\n background-color: #e2e8f0;\n border: 1px solid #cbd5e1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #475569;\n border-radius: 4px;\n font-size: 0.875rem;\n }\n\n .booth .tooltip {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n bottom: 120%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #1e293b;\n color: white;\n text-align: center;\n padding: 4px 8px;\n border-radius: 6px;\n font-size: 0.75rem;\n white-space: nowrap;\n transition: opacity 0.2s;\n pointer-events: none;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n\n .booth .tooltip::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #1e293b transparent transparent transparent;\n }\n\n .booth:hover .tooltip {\n visibility: visible;\n opacity: 1;\n }\n\n .table-scroll::-webkit-scrollbar { height: 6px; }\n .table-scroll::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }\n .table-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n .table-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n\n @media (max-width: 768px) {\n .hero-curve-navy {\n right: -290px;\n top: -310px;\n width: 560px;\n height: 560px;\n border-width: 56px;\n }\n\n .hero-curve-burgundy {\n right: -260px;\n top: -278px;\n width: 500px;\n height: 500px;\n border-width: 16px;\n }\n\n .hero-logo {\n width: 100%;\n max-width: 520px;\n }\n\n .hero-title-small {\n letter-spacing: 0.16em;\n }\n\n .lanyard-logo-bar {\n max-width: 200px;\n height: 22px;\n }\n\n .lanyard-cancernext-logo {\n max-width: 160px;\n height: 22px;\n }\n }\n\n @media print {\n body { background-color: white; padding: 0; }\n .no-print { display: none !important; }\n .mockup-container { break-inside: avoid; }\n .floorplan-container { break-inside: avoid; }\n .comparison-table-container { break-inside: avoid; }\n .grid-bg { background-image: none; background-color: #f8fafc; }\n\n body:not(.is-popup-print) .floorplan-scroll-wrapper {\n overflow: visible !important;\n display: flex;\n justify-content: center;\n }\n\n body:not(.is-popup-print) .floorplan-wrapper {\n transform: scale(0.7);\n transform-origin: top center;\n margin-bottom: -195px; \n }\n }\n <\/style>\n<\/head>\n\n<body class=\"text-slate-800 antialiased selection:bg-burgundy-700 selection:text-white pb-16\">\n\n <div class=\"brand-line w-full\"><\/div>\n\n <div id=\"main-prospectus-container\" class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 relative\">\n\n <button onclick=\"printSpecificElement('main-prospectus-container')\" class=\"no-print fixed top-6 right-6 z-50 bg-navy-900 hover:bg-navy-800 text-white border border-navy-800 rounded-full px-4 py-2 text-sm transition-all shadow-lg cursor-pointer flex items-center gap-2\">\n <i class=\"fas fa-print\"><\/i> \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32 \/ Save PDF\n <\/button>\n\n <!-- ================= HERO SECTION ================= -->\n <section class=\"logo-hero rounded-[2rem] text-navy-900 relative overflow-hidden shadow-[0_24px_80px_rgba(15,23,42,0.08)] border border-slate-200 pb-24 md:pb-28\">\n\n <div class=\"hero-curve-navy\"><\/div>\n <div class=\"hero-curve-burgundy\"><\/div>\n <div class=\"hero-curve-soft\"><\/div>\n\n <div class=\"relative z-10 px-6 pt-8 md:pt-10 lg:px-14\">\n\n <div class=\"mb-8 md:mb-10\">\n <img decoding=\"async\" \n src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/05\/58EB20CE-51DD-42BA-92C7-9CBBEE703D0D.jpeg\" \n alt=\"PMK MDT Forum 2026\" \n class=\"hero-logo\"\n >\n <\/div>\n\n <div class=\"max-w-5xl\">\n <div class=\"hero-title-small text-[11px] md:text-sm uppercase mb-4\">\n Sponsorship Prospectus\n <\/div>\n\n <h1 class=\"hero-title-main text-3xl md:text-5xl lg:text-[3.35rem] leading-tight text-navy-900 mb-4\">\n PMK MDT Forum 2026\n <\/h1>\n\n <p class=\"hero-subtitle text-xl md:text-2xl lg:text-[1.75rem] leading-snug text-navy-900\/90 mb-6\">\n Comprehensive Cancer Care: From Perioperative Innovation to Toxicity Management\n <\/p>\n\n <p class=\"text-[15px] md:text-base text-slate-600 max-w-3xl leading-relaxed regular-text\">\n \u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u0e41\u0e1a\u0e1a\u0e2a\u0e2b\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \n \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e01\u0e31\u0e1a\u0e01\u0e25\u0e38\u0e48\u0e21\u0e41\u0e1e\u0e17\u0e22\u0e4c \u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 \u0e40\u0e20\u0e2a\u0e31\u0e0a\u0e01\u0e23 \u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e14\u0e49\u0e32\u0e19\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\n <\/p>\n <\/div>\n\n <div class=\"mt-9 highlight-bar rounded-2xl p-5 md:p-6 max-w-5xl shadow-[0_14px_36px_rgba(15,23,42,0.06)]\">\n <div class=\"flex flex-col md:flex-row md:items-center gap-4\">\n <div class=\"w-11 h-11 rounded-xl bg-burgundy-700 text-white flex items-center justify-center text-lg shrink-0\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n\n <div class=\"flex-1\">\n <div class=\"text-[11px] md:text-xs text-burgundy-700 uppercase tracking-[0.22em] medium-text mb-1\">\n Sponsor Response Deadline\n <\/div>\n <div class=\"text-lg md:text-xl text-navy-900 medium-text leading-snug\">\n \u0e42\u0e1b\u0e23\u0e14\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 30 \u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19 \u0e1e.\u0e28. 2569\n <\/div>\n <div class=\"text-sm md:text-[15px] text-slate-600 mt-1 regular-text\">\n \u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e38\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19\u0e40\u0e27\u0e17\u0e35\u0e2b\u0e25\u0e31\u0e01 \u0e40\u0e27\u0e17\u0e35\u0e23\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-7\">\n <div class=\"flex flex-wrap gap-3\">\n <a href=\"#packages\" class=\"px-6 py-3 bg-burgundy-700 text-white font-medium rounded-xl hover:bg-burgundy-600 shadow-[0_10px_24px_rgba(155,39,53,0.22)] transition-all hover:-translate-y-1\">\n \u0e14\u0e39 Sponsorship Packages\n <\/a>\n <a href=\"#floorplan-section\" class=\"px-6 py-3 bg-navy-900 text-white font-medium rounded-xl hover:bg-navy-800 shadow-[0_10px_24px_rgba(11,31,58,0.18)] transition-all hover:-translate-y-1\">\n \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e1a\u0e39\u0e18\n <\/a>\n <a href=\"mailto:cancercenter@pmk.ac.th\" class=\"px-6 py-3 bg-white text-navy-900 font-medium rounded-xl border border-slate-200 hover:border-navy-900\/30 transition-all hover:-translate-y-1\">\n \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- ================= KEY INFO CARDS ================= -->\n <section class=\"relative z-20 -mt-12 md:-mt-14 px-4 md:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6\">\n\n <div class=\"bg-white rounded-2xl p-6 shadow-[0_10px_30px_rgba(16,24,40,0.06)] border border-slate-100 flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-navy-900\/5 text-navy-900 flex items-center justify-center text-lg shrink-0\">\n <i class=\"far fa-calendar-check\"><\/i>\n <\/div>\n <div>\n <div class=\"text-[11px] label-text text-slate-400 uppercase mb-1\">Event Dates<\/div>\n <div class=\"text-[17px] medium-text text-navy-900\">19\u201320 \u0e01.\u0e22. 2569<\/div>\n <div class=\"text-[12px] text-slate-500 mt-1 regular-text\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 2 \u0e27\u0e31\u0e19\u0e40\u0e15\u0e47\u0e21<\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-2xl p-6 shadow-[0_10px_30px_rgba(16,24,40,0.06)] border border-slate-100 flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-burgundy-700\/10 text-burgundy-700 flex items-center justify-center text-lg shrink-0\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div>\n <div class=\"text-[11px] label-text text-slate-400 uppercase mb-1\">Venue<\/div>\n <div class=\"text-[17px] medium-text text-navy-900 leading-tight\">\u0e23\u0e1e.\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32<\/div>\n <div class=\"text-[12px] text-slate-500 mt-1 regular-text\">\u0e0a\u0e31\u0e49\u0e19 10 \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e23\u0e30\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e2f<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl p-6 shadow-[0_10px_30px_rgba(16,24,40,0.06)] border border-slate-100 flex items-start gap-4 border-l-4 border-l-burgundy-700\">\n <div class=\"w-10 h-10 rounded-full bg-burgundy-700\/10 text-burgundy-700 flex items-center justify-center text-lg shrink-0\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div>\n <div class=\"text-[11px] label-text text-burgundy-700 uppercase mb-1\">Expected Attendees<\/div>\n <div class=\"text-[17px] medium-text text-navy-900\">~250 Pax<\/div>\n <div class=\"text-[12px] text-slate-600 mt-1 regular-text\">\u0e41\u0e1e\u0e17\u0e22\u0e4c Resident\/Fellow \u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 \u0e40\u0e20\u0e2a\u0e31\u0e0a\u0e01\u0e23<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- ================= DEMOGRAPHIC SECTION ================= -->\n <section class=\"mt-20\">\n <div class=\"mb-8 text-center\">\n <div class=\"text-burgundy-700 label-text tracking-[0.2em] text-xs mb-2 uppercase\">Attendee Demographics<\/div>\n <h2 class=\"text-3xl md:text-4xl section-heading text-navy-900 mb-4\">Target Audience Profile<\/h2>\n <p class=\"text-base md:text-lg text-slate-500 max-w-2xl mx-auto regular-text\">\n \u0e01\u0e25\u0e38\u0e48\u0e21\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6\">\n <div class=\"clean-card rounded-2xl p-6 text-center transition-all duration-300\">\n <div class=\"text-4xl medium-text text-navy-900\">50%<\/div>\n <div class=\"text-sm text-slate-500 regular-text mt-1\">Physicians<\/div>\n <\/div>\n <div class=\"clean-card rounded-2xl p-6 text-center transition-all duration-300\">\n <div class=\"text-4xl medium-text text-burgundy-700\">20%<\/div>\n <div class=\"text-sm text-slate-500 regular-text mt-1\">Residents & Fellows<\/div>\n <\/div>\n <div class=\"clean-card rounded-2xl p-6 text-center transition-all duration-300\">\n <div class=\"text-4xl medium-text text-navy-900\">20%<\/div>\n <div class=\"text-sm text-slate-500 regular-text mt-1\">Nurses<\/div>\n <\/div>\n <div class=\"clean-card rounded-2xl p-6 text-center transition-all duration-300\">\n <div class=\"text-4xl medium-text text-burgundy-700\">10%<\/div>\n <div class=\"text-sm text-slate-500 regular-text mt-1\">Pharmacists<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= PACKAGES ================= -->\n <section id=\"packages\" class=\"mt-24 scroll-mt-24\">\n <div class=\"mb-8 text-center\">\n <div class=\"text-burgundy-700 label-text tracking-[0.2em] text-xs mb-2 uppercase\">Sponsorship Packages<\/div>\n <h2 class=\"text-3xl md:text-4xl section-heading text-navy-900 mb-4\">\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h2>\n <\/div>\n\n <div class=\"highlight-bar rounded-2xl p-5 mb-8 shadow-[0_14px_36px_rgba(15,23,42,0.06)]\">\n <div class=\"flex items-start md:items-center gap-4\">\n <div class=\"w-11 h-11 rounded-xl bg-navy-900 text-white flex items-center justify-center flex-shrink-0 text-lg\">\n <i class=\"fas fa-bullhorn\"><\/i>\n <\/div>\n <div>\n <h4 class=\"medium-text text-navy-900 text-base mb-1\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/h4>\n <p class=\"text-sm text-slate-600 regular-text\">\n \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19 <span class=\"medium-text text-burgundy-700\">\u0e40\u0e27\u0e17\u0e35\u0e2b\u0e25\u0e31\u0e01<\/span> \u0e41\u0e25\u0e30 \n <span class=\"medium-text text-burgundy-700\">\u0e40\u0e27\u0e17\u0e35\u0e23\u0e2d\u0e07<\/span> \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e43\u0e19 \n <span class=\"medium-text text-burgundy-700\">\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07<\/span> \u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-10\">\n \n <div class=\"clean-card rounded-2xl p-6 transition-all duration-300 flex flex-col\">\n <div class=\"w-12 h-12 rounded-xl bg-navy-900 text-white flex items-center justify-center text-xl mb-5\">\n <i class=\"fas fa-gem\"><\/i>\n <\/div>\n <h4 class=\"text-2xl medium-text text-navy-900 mb-1\">Platinum Sponsor<\/h4>\n <p class=\"text-sm text-slate-500 regular-text mb-5\">\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07 \/ \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e44\u0e14\u0e49\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n <ul class=\"space-y-3 text-sm text-slate-700 regular-text\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-900 mt-0.5\"><\/i>\n <span>\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <span class=\"medium-text\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32<\/span> \u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 Co-branding<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-900 mt-0.5\"><\/i>\n <span>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2d\u0e37\u0e48\u0e19 \u0e46 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2b\u0e32\u0e23\u0e37\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e13\u0e30\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"gold-card rounded-2xl p-6 transition-all duration-300 flex flex-col relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-24 h-24 bg-amber-400\/10 rounded-bl-full\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"w-12 h-12 rounded-xl bg-amber-500 text-amber-950 flex items-center justify-center text-xl mb-5\">\n <i class=\"fas fa-medal\"><\/i>\n <\/div>\n <div class=\"flex items-center justify-between gap-3 mb-1\">\n <h4 class=\"text-2xl medium-text text-amber-950\">Gold Sponsor<\/h4>\n <span class=\"bg-amber-950 text-amber-100 text-[10px] medium-text px-2 py-1 rounded-full uppercase tracking-wider\">Popular<\/span>\n <\/div>\n <p class=\"text-sm text-amber-800 regular-text mb-5\">Industry Symposium + Premium Booth<\/p>\n <ul class=\"space-y-3 text-sm text-slate-700 regular-text\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-star text-amber-500 mt-0.5\"><\/i>\n <span>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 Industry Symposium <span class=\"medium-text\">1 \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d<\/span><\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-star text-amber-500 mt-0.5\"><\/i>\n <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 <span class=\"medium-text\">\u0e42\u0e0b\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 Premium Booth 1 \u0e1a\u0e39\u0e18<\/span><\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-star text-amber-500 mt-0.5\"><\/i>\n <span>\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <span class=\"medium-text\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32<\/span> \u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"clean-card rounded-2xl p-6 transition-all duration-300 flex flex-col\">\n <div class=\"w-12 h-12 rounded-xl bg-slate-600 text-white flex items-center justify-center text-xl mb-5\">\n <i class=\"fas fa-award\"><\/i>\n <\/div>\n <h4 class=\"text-2xl medium-text text-navy-900 mb-1\">Silver Sponsor<\/h4>\n <p class=\"text-sm text-slate-500 regular-text mb-5\">Exhibition Booth + Badge Back Logo<\/p>\n <ul class=\"space-y-3 text-sm text-slate-700 regular-text\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-900 mt-0.5\"><\/i>\n <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 Exhibition Booth <span class=\"medium-text\">1 \u0e1a\u0e39\u0e18<\/span><\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-900 mt-0.5\"><\/i>\n <span>\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <span class=\"medium-text\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07<\/span> \u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"clean-card rounded-2xl p-6 transition-all duration-300 flex flex-col border-l-4 border-l-burgundy-700\">\n <div class=\"w-12 h-12 rounded-xl bg-burgundy-700 text-white flex items-center justify-center text-xl mb-5\">\n <i class=\"fas fa-id-badge\"><\/i>\n <\/div>\n <h4 class=\"text-2xl medium-text text-navy-900 mb-1\">Lanyard Sponsor<\/h4>\n <p class=\"text-sm text-slate-500 regular-text mb-5\">Exclusive Lanyard Branding<\/p>\n <ul class=\"space-y-3 text-sm text-slate-700 regular-text\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-burgundy-700 mt-0.5\"><\/i>\n <span>\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <span class=\"medium-text\">\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23 Lanyard<\/span> \u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- ================= SPONSOR COMPARISON TABLE ================= -->\n <section class=\"bg-white rounded-2xl border border-slate-200 mb-10 overflow-hidden shadow-[0_10px_30px_rgba(16,24,40,0.05)] comparison-table-container\">\n <div class=\"bg-slate-50 border-b border-slate-200 p-5 text-center\">\n <h3 class=\"text-xl medium-text text-navy-900\">Sponsorship Comparison Matrix<\/h3>\n <p class=\"text-sm text-slate-500 regular-text\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e41\u0e15\u0e48\u0e25\u0e30\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/p>\n <\/div>\n <div class=\"overflow-x-auto table-scroll\">\n <table class=\"w-full text-left min-w-[700px] border-collapse\">\n <thead>\n <tr class=\"text-sm text-navy-900\">\n <th class=\"p-4 border-b-2 border-slate-200 medium-text bg-slate-50\/50 w-1\/4\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c<\/th>\n <th class=\"p-4 border-b-2 border-slate-200 medium-text bg-slate-50 text-center w-[18%]\">Platinum<\/th>\n <th class=\"p-4 border-b-2 border-amber-400 medium-text bg-amber-50\/40 text-center w-[21%] text-amber-900\">\n <i class=\"fas fa-medal text-amber-500 mr-1\"><\/i> Gold\n <\/th>\n <th class=\"p-4 border-b-2 border-slate-200 medium-text bg-slate-50 text-center w-[18%]\">Silver<\/th>\n <th class=\"p-4 border-b-2 border-slate-200 medium-text bg-slate-50 text-center w-[18%]\">Lanyard<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"text-sm text-slate-700 regular-text\">\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 Symposium<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">Custom<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600 bg-amber-50\/20\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">1 Session<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 Booth<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">Premium<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600 bg-amber-50\/20\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">1 Premium Booth<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">1 Standard Booth<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d Badge<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center medium-text text-navy-800\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32<br><span class=\"text-[10px] text-slate-500 regular-text\">\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e2a\u0e38\u0e14<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center medium-text text-navy-800 bg-amber-50\/20\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center medium-text text-slate-600\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e25\u0e07\u0e1a\u0e19\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-500 text-[10px]\">Optional<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300 bg-amber-50\/20\"><i class=\"fas fa-minus\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">Exclusive<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19\u0e40\u0e27\u0e17\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><br><span class=\"text-[10px] text-slate-500\">Prominent<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600 bg-amber-50\/20\"><i class=\"fas fa-check\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check\"><\/i><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <!-- ================= FLOOR PLAN SECTION ================= -->\n <section id=\"floorplan-section\" class=\"bg-white rounded-2xl border border-slate-200 p-6 md:p-8 mb-10 overflow-hidden floorplan-container shadow-[0_10px_30px_rgba(16,24,40,0.05)]\">\n <div class=\"text-center mb-8 relative flex flex-col md:flex-row items-center justify-center\">\n <div class=\"flex-1\">\n <h3 class=\"text-2xl section-heading text-navy-900 mb-1 flex items-center justify-center gap-2\">\n <i class=\"fas fa-map text-burgundy-700\"><\/i> Exhibition Floor Plan\n <\/h3>\n <p class=\"text-sm text-slate-500 regular-text\">\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1a\u0e39\u0e18\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <button onclick=\"printSpecificElement('floorplan-section')\" class=\"no-print mt-4 md:mt-0 md:absolute md:right-0 bg-white border border-slate-300 text-slate-600 hover:bg-slate-100 hover:text-navy-900 rounded-lg px-4 py-2 text-xs medium-text transition-all shadow-sm flex items-center gap-2\">\n <i class=\"fas fa-print\"><\/i> \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\n <\/button>\n <\/div>\n \n <div class=\"overflow-x-auto pb-4 floorplan-scroll-wrapper\">\n <div class=\"floorplan-wrapper relative w-[1000px] h-[650px] mx-auto bg-white border-2 border-slate-200 rounded-xl grid-bg overflow-hidden shadow-inner flex-shrink-0\">\n \n <div class=\"room\" style=\"left: 65%; top: -2px; width: 35.2%; height: 18%; border-top-right-radius: 0; border-top: none; border-right: none;\">\n <i class=\"fas fa-users-class mr-2 opacity-50\"><\/i> \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e1e\u0e0d\u0e32\u0e44\u0e17\n <div class=\"absolute bottom-[-10px] left-[10%] w-[10%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <\/div>\n\n <div class=\"room\" style=\"left: -2px; bottom: -2px; width: 38%; height: 20%; border-bottom-left-radius: 0; border-bottom: none; border-left: none;\">\n <i class=\"fas fa-chalkboard-teacher mr-2 opacity-50\"><\/i> \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e14\u0e38\u0e2a\u0e34\u0e15\u0e18\u0e32\u0e19\u0e35\n <div class=\"absolute top-[-10px] left-[15%] w-[10%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <div class=\"absolute top-[-10px] right-[15%] w-[10%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <\/div>\n\n <div class=\"room\" style=\"left: 60%; bottom: -2px; width: 40.2%; height: 16%; border-bottom-right-radius: 0; border-bottom: none; border-right: none;\">\n <i class=\"fas fa-microphone-alt mr-2 opacity-50\"><\/i> \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48 \u0e0a\u0e31\u0e49\u0e19 10\n <div class=\"absolute top-[-10px] left-[20%] w-[8%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <div class=\"absolute top-[-10px] right-[30%] w-[8%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <\/div>\n\n <div class=\"absolute bg-amber-50 border-2 border-amber-300 rounded-[40px] shadow-sm flex flex-col items-center justify-center text-amber-900 font-medium leading-tight z-0\" style=\"left: 65%; bottom: 18%; width: 11%; height: 14%;\">\n <i class=\"fas fa-coffee mb-1 text-amber-600\"><\/i>\n <span class=\"text-sm\">\u0e0b\u0e38\u0e49\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07<br>\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/span>\n <\/div>\n\n <div class=\"absolute bg-blue-100 border-2 border-blue-300 shadow-sm flex items-center justify-center text-blue-900 font-medium z-0 rounded-sm transform -rotate-90 origin-center\" style=\"left: 55%; bottom: 23%; width: 14%; height: 5%;\">\n \u0e42\u0e15\u0e4a\u0e30\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\n <\/div>\n\n <div class=\"facility shadow-sm flex-col\" style=\"left: 42%; top: 0; width: 16%; height: 14%; border-top: none; background: repeating-linear-gradient(0deg, #e2e8f0, #e2e8f0 10px, #cbd5e1 10px, #cbd5e1 20px);\">\n <div class=\"bg-blue-950 text-white px-3 py-1 rounded shadow-md text-sm font-medium z-10 mt-4\">\n \u0e1a\u0e31\u0e19\u0e44\u0e14\u0e01\u0e25\u0e32\u0e07\n <\/div>\n <\/div>\n\n <div class=\"facility\" style=\"left: 36%; top: 2%; width: 4.5%; height: 10%;\">\n <div class=\"flex flex-col items-center text-rose-800\"><i class=\"fas fa-female text-xl mb-1\"><\/i><span class=\"text-[10px] font-medium\">\u0e2a\u0e38\u0e02\u0e32\u0e2b\u0e0d\u0e34\u0e07<\/span><\/div>\n <\/div>\n <div class=\"facility\" style=\"left: 59%; top: 2%; width: 4.5%; height: 10%;\">\n <div class=\"flex flex-col items-center text-blue-950\"><i class=\"fas fa-male text-xl mb-1\"><\/i><span class=\"text-[10px] font-medium\">\u0e2a\u0e38\u0e02\u0e32\u0e0a\u0e32\u0e22<\/span><\/div>\n <\/div>\n\n <div class=\"absolute bg-slate-100 border-t-2 border-l-2 border-r-2 border-slate-300 rounded-t-lg\" style=\"left: 42%; bottom: 0; width: 16%; height: 26%;\">\n <div class=\"absolute inset-0 flex items-center justify-center opacity-20\">\n <i class=\"fas fa-long-arrow-alt-up text-6xl text-slate-900\"><\/i>\n <\/div>\n <div class=\"absolute left-1 top-2 bottom-2 w-[35%] flex flex-col justify-between\">\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-medium text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-medium text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-medium text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <\/div>\n <div class=\"absolute right-1 top-2 bottom-2 w-[35%] flex flex-col justify-between\">\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-medium text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-medium text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-medium text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <\/div>\n <\/div>\n\n <div class=\"absolute text-slate-500 font-medium text-xs transform -rotate-90 origin-left\" style=\"left: 60%; bottom: 10%;\">\n \u0e17\u0e32\u0e07\u0e40\u0e14\u0e34\u0e19\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48\n <\/div>\n\n <div class=\"absolute bg-rose-950 text-white font-medium text-lg flex items-center justify-center rounded shadow-lg border-2 border-rose-800 z-10\" style=\"left: 42%; top: 20%; width: 16%; height: 6%;\">\n Backdrop\n <\/div>\n\n <div class=\"booth booth-available\" style=\"left: 10%; top: 28%;\">15<span class=\"tooltip\">Booth 15 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 15.5%; top: 28%;\">14<span class=\"tooltip\">Booth 14 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 21%; top: 28%;\">13<span class=\"tooltip\">Booth 13 Available<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 26.5%; top: 28%;\">12<span class=\"tooltip\">Booth 12 Gold\/Platinum Only<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 32%; top: 28%;\">11<span class=\"tooltip\">Booth 11 Gold\/Platinum Only<\/span><\/div>\n\n <div class=\"booth booth-premium\" style=\"left: 63%; top: 28%;\">10<span class=\"tooltip\">Booth 10 Gold\/Platinum Only<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 68.5%; top: 28%;\">9<span class=\"tooltip\">Booth 9 Gold\/Platinum Only<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 74%; top: 28%;\">8<span class=\"tooltip\">Booth 8 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 79.5%; top: 28%;\">7<span class=\"tooltip\">Booth 7 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 85%; top: 28%;\">6<span class=\"tooltip\">Booth 6 Available<\/span><\/div>\n\n <div class=\"booth booth-available\" style=\"left: 6%; top: 38%;\">16<span class=\"tooltip\">Booth 16 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 6%; top: 48%;\">17<span class=\"tooltip\">Booth 17 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 6%; top: 58%;\">18<span class=\"tooltip\">Booth 18 Available<\/span><\/div>\n\n <div class=\"booth booth-available\" style=\"left: 8%; bottom: 22%;\">19<span class=\"tooltip\">Booth 19 Available<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 13.5%; bottom: 22%;\">20<span class=\"tooltip\">Booth 20 Gold\/Platinum Only<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 19%; bottom: 22%;\">21<span class=\"tooltip\">Booth 21 Gold\/Platinum Only<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 24.5%; bottom: 22%;\">22<span class=\"tooltip\">Booth 22 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 30%; bottom: 22%;\">23<span class=\"tooltip\">Booth 23 Available<\/span><\/div>\n \n <div class=\"booth booth-activity\" style=\"left: 35.5%; bottom: 21%; width: 5.8%; height: 8%; flex-direction: column;\">\n <i class=\"fas fa-camera text-xl mb-1\"><\/i>\n <span class=\"text-[10px] leading-tight text-center\">Photo<br>Booth<\/span>\n <span class=\"tooltip\">Activity: Photo Booth<\/span>\n <\/div>\n\n <div class=\"booth booth-available\" style=\"left: 88%; top: 38%;\">5<span class=\"tooltip\">Booth 5 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 88%; top: 48%;\">4<span class=\"tooltip\">Booth 4 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 88%; top: 58%;\">3<span class=\"tooltip\">Booth 3 Available<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 88%; top: 68%;\">2<span class=\"tooltip\">Booth 2 Available<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 80%; top: 68%;\">1<span class=\"tooltip\">Booth 1 Gold\/Platinum Only<\/span><\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-4 bg-slate-50 rounded-xl border border-slate-200 p-4\">\n <div class=\"flex flex-wrap gap-x-6 gap-y-3 text-sm justify-center md:justify-start\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-rose-800 to-rose-900 border border-rose-950 shadow-sm flex items-center justify-center text-white font-medium text-xs\">#<\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07 Available Booth<\/span>\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-yellow-300 to-amber-500 border border-amber-700 shadow-sm flex items-center justify-center text-amber-900 font-medium text-xs\">#<\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e1a\u0e39\u0e18\u0e1e\u0e34\u0e40\u0e28\u0e29 Gold\/Platinum<\/span>\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-slate-400 to-slate-500 border border-slate-600 shadow-sm flex items-center justify-center text-white font-medium text-xs\">#<\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e16\u0e39\u0e01\u0e08\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27 Reserved<\/span>\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-blue-900 to-blue-800 border border-blue-950 shadow-sm flex items-center justify-center text-white font-medium text-xs\"><i class=\"fas fa-camera text-[10px]\"><\/i><\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 Activity<\/span>\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded-full bg-amber-50 border border-amber-300 shadow-sm flex items-center justify-center text-amber-600 font-medium text-xs\"><i class=\"fas fa-coffee text-[10px]\"><\/i><\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e0b\u0e38\u0e49\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07 VIP Lounge<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= BADGE MOCKUP SECTION ================= -->\n <section class=\"bg-white rounded-2xl border border-slate-200 p-6 md:p-8 mockup-container relative overflow-hidden shadow-[0_10px_30px_rgba(16,24,40,0.05)]\">\n <div class=\"absolute top-0 left-0 w-full h-1 badge-red-line\"><\/div>\n \n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl section-heading text-navy-900 mb-1 flex items-center justify-center gap-2\">\n <i class=\"fas fa-id-card-clip text-burgundy-700\"><\/i> Your Brand, Front & Center\n <\/h3>\n <p class=\"text-sm text-slate-500 regular-text\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1a\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23 Badge & Lanyard Mockup<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12\">\n \n <!-- Front Badge -->\n <div class=\"flex flex-col items-center\">\n <div class=\"bg-navy-900 text-white text-[10px] medium-text px-3 py-1 rounded-full mb-4 tracking-wider uppercase\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32 Front<\/div>\n \n <div class=\"badge-mockup rounded-md shadow-[0_15px_30px_rgba(0,0,0,0.15)] border border-slate-200 flex flex-col relative overflow-hidden badge-front-frame\">\n \n <div class=\"absolute top-[3%] left-1\/2 -translate-x-1\/2 w-[14%] h-[3%] bg-slate-100 rounded-full border border-slate-300 shadow-inner z-20\"><\/div>\n \n <div class=\"h-[18%] w-full pt-[7%] px-[5%] text-center flex items-center justify-center badge-logo-panel\">\n <img decoding=\"async\" \n src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/05\/58EB20CE-51DD-42BA-92C7-9CBBEE703D0D.jpeg\"\n alt=\"PMK MDT Forum 2026\"\n class=\"badge-logo\"\n >\n <\/div>\n\n <div class=\"h-[1.5%] w-full badge-red-line\"><\/div>\n\n <div class=\"w-[74%] h-[66%] mx-auto mt-[2%] border border-dashed border-slate-300 flex flex-col items-center justify-center bg-white rounded-sm\">\n <i class=\"far fa-user-circle text-3xl text-slate-200 mb-2\"><\/i>\n <span class=\"text-[min(7px,2vw)] text-slate-400 font-medium uppercase tracking-wider\">Attendee Info<\/span>\n <span class=\"text-[min(5px,1.5vw)] text-slate-300 font-normal mt-1\">Name \/ Organization<\/span>\n <\/div>\n\n <div class=\"h-[14%] mt-auto w-full flex flex-col items-center justify-center bg-navy-900 border-t border-white\/10 px-[5%]\">\n <div class=\"text-[min(6px,1.8vw)] font-medium text-white\/70 uppercase tracking-widest mb-1\">Platinum & Gold Sponsors<\/div>\n <div class=\"flex justify-center gap-2 w-full\">\n <div class=\"h-4 w-[28%] bg-white\/10 border border-white\/20 rounded flex items-center justify-center text-[5px] text-white\/80 font-medium\">GOLD<\/div>\n <div class=\"h-4 w-[32%] bg-white border border-white shadow-sm rounded flex items-center justify-center text-[5.5px] text-navy-900 font-medium\">PLATINUM<\/div>\n <div class=\"h-4 w-[28%] bg-white\/10 border border-white\/20 rounded flex items-center justify-center text-[5px] text-white\/80 font-medium\">GOLD<\/div>\n <\/div>\n<\/div>\n <\/div>\n\n <p class=\"text-xs text-slate-500 mt-4 text-center px-4 regular-text\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <span class=\"medium-text\">Platinum & Gold<\/span> \u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d<\/p>\n <\/div>\n\n <!-- Back Badge -->\n <div class=\"flex flex-col items-center\">\n <div class=\"bg-slate-300 text-slate-700 text-[10px] medium-text px-3 py-1 rounded-full mb-4 tracking-wider uppercase\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07 Back<\/div>\n \n <div class=\"badge-mockup bg-white rounded-md shadow-[0_15px_30px_rgba(0,0,0,0.15)] border border-slate-200 flex flex-col relative overflow-hidden\">\n <div class=\"absolute top-[3%] left-1\/2 -translate-x-1\/2 w-[14%] h-[3%] bg-white rounded-full border border-slate-300 shadow-inner z-20\"><\/div>\n \n <div class=\"h-[13%] bg-navy-900 w-full pt-[8.5%] px-[5%] text-center\">\n <div class=\"text-[min(7px,2vw)] font-medium text-white tracking-widest opacity-95\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/div>\n <\/div>\n <div class=\"h-[1%] w-full badge-red-line\"><\/div>\n\n <div class=\"flex-1 bg-[#fafafa] flex flex-col p-[3%] overflow-hidden\">\n\n <div class=\"grid grid-cols-2 gap-[3%] h-full\">\n\n <!-- LEFT COLUMN: 19 Sep 2026 -->\n <div class=\"flex flex-col gap-[2%] min-h-0\">\n\n <!-- Day 1 Main Hall -->\n <div class=\"border border-slate-200 bg-white rounded-[3px] overflow-hidden\">\n <div class=\"bg-navy-900 text-white text-[min(4px,1.2vw)] font-medium py-[1.5%] px-[2%] flex items-center justify-between\">\n <span>19 \u0e01.\u0e22. 2569<\/span>\n <span>\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48<\/span>\n <\/div>\n\n <div class=\"p-[2%] space-y-[1%]\">\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-slate-200 pb-[1%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">08.30<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">\u0e1e\u0e34\u0e18\u0e35\u0e40\u0e1b\u0e34\u0e14\u0e07\u0e32\u0e19<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-slate-200 pb-[1%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">09.00<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">MDT I: Gastric Cancer<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-slate-200 pb-[1%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">10.55<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">Symposium I<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-slate-200 pb-[1%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">11.55<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">Symposium II<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">12.55<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">MDT II: HCC<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Day 1 Nursing Track -->\n <div class=\"border border-rose-200 bg-white rounded-[3px] overflow-hidden\">\n <div class=\"bg-burgundy-700 text-white text-[min(4px,1.2vw)] font-medium py-[1.5%] px-[2%] flex items-center justify-between\">\n <span>19 \u0e01.\u0e22. 2569<\/span>\n <span>Nursing Track<\/span>\n <\/div>\n\n <div class=\"p-[2%] space-y-[1%]\">\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-rose-100 pb-[1%]\">\n <div class=\"text-burgundy-700 font-medium text-[min(3.25px,0.95vw)]\">09.00<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">The Art of Precision<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-rose-100 pb-[1%]\">\n <div class=\"text-burgundy-700 font-medium text-[min(3.25px,0.95vw)]\">10.45<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">Toxicity Management<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-rose-100 pb-[1%]\">\n <div class=\"text-burgundy-700 font-medium text-[min(3.25px,0.95vw)]\">13.00<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">Vascular Access<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%]\">\n <div class=\"text-burgundy-700 font-medium text-[min(3.25px,0.95vw)]\">14.45<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-burgundy-700 leading-tight\">Workshop: Care Port<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- RIGHT COLUMN: 20 Sep 2026 + QR -->\n <div class=\"flex flex-col gap-[3%] min-h-0\">\n\n <!-- Day 2 -->\n <div class=\"border border-slate-200 bg-white rounded-[3px] overflow-hidden\">\n <div class=\"bg-slate-700 text-white text-[min(4px,1.2vw)] font-medium py-[1.5%] px-[2%] flex items-center justify-between\">\n <span>20 \u0e01.\u0e22. 2569<\/span>\n <span>\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48<\/span>\n <\/div>\n\n <div class=\"p-[2%] space-y-[1%]\">\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-slate-200 pb-[1%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">09.00<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">MDT III: Bladder Cancer<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%] border-b border-dashed border-slate-200 pb-[1%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">10.55<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">Symposium III<\/div>\n <\/div>\n <div class=\"grid grid-cols-[20%_1fr] gap-[2%]\">\n <div class=\"text-navy-900 font-medium text-[min(3.25px,0.95vw)]\">11.40<\/div>\n <div class=\"text-[min(3.55px,1.05vw)] font-medium text-slate-800 leading-tight\">Closing Ceremony<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- QR Mockup: Right Column -->\n <div class=\"mt-auto bg-white border border-slate-200 rounded-[3px] p-[4%] shadow-sm\">\n <div class=\"grid grid-cols-2 gap-[5%]\">\n <div class=\"flex flex-col items-center\">\n <div class=\"w-[68%] aspect-square border border-slate-300 rounded-[2px] flex items-center justify-center bg-slate-50 mb-[5%]\">\n <i class=\"fas fa-qrcode text-[min(16px,5vw)] text-navy-900\"><\/i>\n <\/div>\n <div class=\"text-[min(3.2px,0.95vw)] font-medium text-navy-900 text-center leading-tight\">\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a<br>\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col items-center\">\n <div class=\"w-[68%] aspect-square border border-slate-300 rounded-[2px] flex items-center justify-center bg-slate-50 mb-[5%]\">\n <i class=\"fas fa-qrcode text-[min(16px,5vw)] text-navy-900\"><\/i>\n <\/div>\n <div class=\"text-[min(3.2px,0.95vw)] font-medium text-navy-900 text-center leading-tight\">\n \u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<br>\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/div>\n\n <div class=\"h-[8%] w-full flex flex-col items-center justify-center bg-white border-t border-slate-100 px-[5%]\">\n <div class=\"text-[min(5px,1.5vw)] font-medium text-slate-400 uppercase tracking-widest mb-0.5\">Silver Sponsors<\/div>\n <div class=\"flex justify-center gap-1.5 w-full\">\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-medium\">SILVER<\/div>\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-medium\">SILVER<\/div>\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-medium\">SILVER<\/div>\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-medium\">SILVER<\/div>\n <\/div>\n <\/div>\n <div class=\"h-[3.5%] bg-slate-100 border-t border-slate-200\"><\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4 text-center px-4 regular-text\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <span class=\"medium-text\">Silver Sponsor<\/span> \u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e40\u0e23\u0e35\u0e22\u0e07\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d<\/p>\n <\/div>\n <\/div>\n \n <!-- Lanyard Mockup -->\n <div class=\"mt-10 pt-8 border-t border-slate-200\">\n <div class=\"flex flex-col items-center\">\n <div class=\"bg-navy-900 text-white text-[10px] medium-text px-3 py-1 rounded-full mb-4 tracking-wider uppercase\">\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23 Lanyard<\/div>\n \n <div class=\"w-full max-w-3xl h-[120px] bg-slate-50 rounded-xl shadow-inner border border-slate-200 relative overflow-hidden flex items-center justify-center\">\n <div class=\"absolute w-[142%] h-[46px] bg-navy-900 shadow-md transform -rotate-2 flex items-center justify-center gap-10 border-y border-navy-950\">\n <div class=\"absolute inset-0 opacity-[0.15]\" style=\"background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, #ffffff 2px, #ffffff 4px);\"><\/div>\n \n <div class=\"relative z-10 flex items-center gap-10 w-full justify-center opacity-95\">\n \n <img decoding=\"async\" \n src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/05\/logo_bar_lanyard.png\"\n alt=\"PMK MDT Forum 2026 Logo Bar\"\n class=\"lanyard-logo-bar\"\n >\n\n <div class=\"sponsor-logo-chip\">SPONSOR LOGO<\/div>\n\n <img decoding=\"async\" \n src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/05\/PMK-CancerNeXT_Logo_White-scaled.png\"\n alt=\"PMK CancerNeXT Logo\"\n class=\"lanyard-cancernext-logo\"\n >\n\n <div class=\"sponsor-logo-chip\">SPONSOR LOGO<\/div>\n\n <img decoding=\"async\" \n src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/05\/logo_bar_lanyard.png\"\n alt=\"PMK MDT Forum 2026 Logo Bar\"\n class=\"lanyard-logo-bar\"\n >\n\n <div class=\"sponsor-logo-chip\">SPONSOR LOGO<\/div>\n\n <img decoding=\"async\" \n src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/05\/PMK-CancerNeXT_Logo_White-scaled.png\"\n alt=\"PMK CancerNeXT Logo\"\n class=\"lanyard-cancernext-logo\"\n >\n\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4 text-center px-4 regular-text\">\n \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <span class=\"medium-text\">Lanyard Sponsor<\/span> \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= TAX & CONTACT ================= -->\n <section class=\"mt-10 mb-10\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n <div class=\"bg-white border border-slate-200 rounded-2xl p-5 border-l-4 border-l-emerald-500 shadow-[0_10px_30px_rgba(16,24,40,0.05)]\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-11 h-11 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center text-lg shrink-0\">\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\n <\/div>\n <div>\n <h4 class=\"medium-text text-navy-900 mb-1\">\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e44\u0e14\u0e49 2 \u0e40\u0e17\u0e48\u0e32<\/h4>\n <p class=\"text-sm text-slate-600 regular-text\">\n \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e39\u0e1b\u0e16\u0e31\u0e21\u0e20\u0e4c\u0e2f \u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border border-slate-200 rounded-2xl p-5 border-l-4 border-l-burgundy-700 shadow-[0_10px_30px_rgba(16,24,40,0.05)]\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-11 h-11 rounded-xl bg-burgundy-700\/10 text-burgundy-700 flex items-center justify-center text-lg shrink-0\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <div>\n <h4 class=\"medium-text text-navy-900 mb-1\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21<\/h4>\n <p class=\"text-sm text-slate-600 regular-text\">\n \u0e04\u0e38\u0e13\u0e0d\u0e32\u0e13\u0e27\u0e38\u0e12\u0e34 \u0e20\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e07\u0e29\u0e4c \u0e42\u0e17\u0e23. 02-763-3325<br>\n \u0e2d\u0e35\u0e40\u0e21\u0e25: <a href=\"mailto:cancercenter@pmk.ac.th\" class=\"medium-text text-navy-900 hover:underline\">cancercenter@pmk.ac.th<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n\n <script>\n function printSpecificElement(elementId) {\n const elem = document.getElementById(elementId);\n if (!elem) return;\n\n const printWindow = window.open('', '_blank');\n \n let styles = '';\n document.querySelectorAll('style, link[rel=\"stylesheet\"]').forEach(el => {\n styles += el.outerHTML;\n });\n\n const tailwindScript = '<script src=\"https:\/\/cdn.tailwindcss.com\"><\\\/script>';\n const tailwindConfig = `\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['Kanit', 'Segoe UI', 'Roboto', 'sans-serif'] },\n colors: { \n navy: { 800: '#11294d', 900: '#0B1F3A', 950: '#061121' }, \n burgundy: { 600: '#9b2735', 700: '#7C1F2A', 800: '#5c171f' } \n }\n }\n }\n }\n <\\\/script>\n `;\n\n let pageStyle = '';\n if (elementId === 'floorplan-section') {\n pageStyle = `\n @page { size: A4 landscape; margin: 10mm; }\n body { \n display: flex; \n align-items: center; \n justify-content: center; \n min-height: 100vh; \n }\n .floorplan-only-print { \n border: none !important; \n box-shadow: none !important;\n width: 1000px;\n transform: scale(0.98);\n transform-origin: center center;\n }\n .floorplan-only-print > div.text-center.mb-8 { display: none !important; }\n .overflow-x-auto { overflow: visible !important; }\n `;\n } else {\n pageStyle = `\n @page { size: A4 portrait; margin: 10mm; }\n body { background-color: white !important; }\n `;\n }\n\n printWindow.document.write(`\n <!DOCTYPE html>\n <html lang=\"th\">\n <head>\n <meta charset=\"UTF-8\">\n <title>Print - PMK MDT Forum 2026<\/title>\n ${styles}\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n ${tailwindScript}\n ${tailwindConfig}\n <style>\n body { background-color: white !important; margin: 0; padding: 0; font-family: 'Kanit', sans-serif; }\n * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }\n .no-print { display: none !important; }\n ${pageStyle}\n <\/style>\n <\/head>\n <body class=\"is-popup-print\">\n <div style=\"max-width: 1000px; margin: 0 auto; width: 100%;\" class=\"${elementId === 'floorplan-section' ? 'floorplan-only-print' : ''}\">\n ${elem.outerHTML}\n <\/div>\n <script>\n setTimeout(() => {\n window.focus();\n window.print();\n window.close();\n }, 1500);\n <\\\/script>\n <\/body>\n <\/html>\n `);\n printWindow.document.close();\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sponsorship Prospect […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-751","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/author\/tawakung\/"},"uagb_comment_info":0,"uagb_excerpt":"Sponsorship Prospect […]","ticketed":false,"_links":{"self":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/comments?post=751"}],"version-history":[{"count":9,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/751\/revisions"}],"predecessor-version":[{"id":947,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/751\/revisions\/947"}],"wp:attachment":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/media?parent=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}