{"id":1525,"date":"2026-07-02T02:30:04","date_gmt":"2026-07-02T02:30:04","guid":{"rendered":"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1525"},"modified":"2026-07-14T13:13:37","modified_gmt":"2026-07-14T13:13:37","slug":"conference-payment","status":"publish","type":"page","link":"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1525&lang=en","title":{"rendered":"Conference Payment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1525\" class=\"elementor elementor-1525\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b23b27 e-con-full e-flex e-con e-parent\" data-id=\"8b23b27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85ea3aa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"85ea3aa\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;600;700&family=Sarabun:wght@400;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\r\n    <!-- Load Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<style>\r\n\/* \u0e19\u0e33\u0e42\u0e04\u0e49\u0e14 CSS \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e21\u0e32\u0e27\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a *\/\r\n    \/* =========================================\r\n       \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 1: \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e41\u0e01\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 (\u0e25\u0e49\u0e32\u0e07\u0e2a\u0e35\u0e40\u0e14\u0e34\u0e21 \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e42\u0e17\u0e19\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19)\r\n       ========================================= *\/\r\n    :root {\r\n        \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e08\u0e32\u0e01 Pink \u0e40\u0e1b\u0e47\u0e19 Blue *\/\r\n        --banner-blue-dark: #0056b3;     \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 *\/\r\n        --banner-blue-light: #e6f0fa;    \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e32\u0e01 *\/\r\n        --banner-blue-medium: #b3d4f5;   \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e01\u0e25\u0e32\u0e07 *\/\r\n        --banner-gold: #c69c3a;          \/* \u0e2a\u0e35\u0e17\u0e2d\u0e07 (\u0e04\u0e07\u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e14\u0e2a\u0e35) *\/\r\n        --text-main: #333333;\r\n        --bg-pastel-top: #e6f2ff;        \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1e\u0e32\u0e2a\u0e40\u0e17\u0e25\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 *\/\r\n        --bg-pastel-bottom: #ffffff;\r\n    }\r\n\r\n    \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a Body \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 + \u0e25\u0e32\u0e22 *\/\r\n    body, html {\r\n        margin: 0; padding: 0; width: 100%; min-height: 100vh;\r\n        background-color: var(--bg-pastel-top) !important;\r\n        background-image: \r\n            url('https:\/\/halalinst.psu.ac.th\/hapex\/wp-content\/uploads\/2026\/1x\/onbg.png'),\r\n            linear-gradient(180deg, var(--bg-pastel-top) 0%, var(--bg-pastel-bottom) 100%) !important;\r\n        background-repeat: repeat, no-repeat !important;\r\n        background-position: top center, top center !important;\r\n        background-attachment: fixed !important; \r\n        background-size: auto, cover !important;\r\n    }\r\n\r\n    \/* \u0e25\u0e49\u0e32\u0e07\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e18\u0e35\u0e21\u0e43\u0e2b\u0e49\u0e43\u0e2a *\/\r\n    .site, .site-content, .entry-content, #page, .wp-site-blocks, .wrap, #content, .entry-inner {\r\n        background: transparent !important;\r\n        background-color: transparent !important;\r\n        max-width: 100% !important; \/* \u0e1b\u0e25\u0e14\u0e25\u0e47\u0e2d\u0e01\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e18\u0e35\u0e21 *\/\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 2: \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 (AUTO CENTER)\r\n       *** \u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e0a\u0e34\u0e14\u0e0b\u0e49\u0e32\u0e22 ***\r\n       ========================================= *\/\r\n    \r\n    \/* \u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e17\u0e38\u0e01\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49 \u0e27\u0e34\u0e48\u0e07\u0e40\u0e02\u0e49\u0e32\u0e01\u0e25\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e19\u0e17\u0e35 *\/\r\n    .section-header, \r\n    .topic-grid, \r\n    .dates-container, \r\n    .fees-table,\r\n    .custom-container {\r\n        max-width: 1100px !important;   \/* \u0e08\u0e33\u0e01\u0e31\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07 *\/\r\n        margin-left: auto !important;   \/* \u0e14\u0e31\u0e19\u0e0b\u0e49\u0e32\u0e22 *\/\r\n        margin-right: auto !important;  \/* \u0e14\u0e31\u0e19\u0e02\u0e27\u0e32 *\/\r\n        width: 100% !important;\r\n        padding-left: 20px;             \/* \u0e40\u0e27\u0e49\u0e19\u0e02\u0e2d\u0e1a\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 *\/\r\n        padding-right: 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .hapex-wrapper { font-family: 'Sarabun', sans-serif; color: var(--text-main); width: 100%; overflow-x: hidden; }\r\n\r\n    \/* =========================================\r\n       \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 3: \u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \r\n       ========================================= *\/\r\n\r\n    \/* Banner *\/\r\n    .hero-banner {\r\n        width: 100%; display: flex; justify-content: center;\r\n        background: radial-gradient(circle at center, var(--banner-blue-light) 0%, var(--banner-blue-medium) 100%);\r\n        padding: 60px 20px; \r\n        box-shadow: 0 10px 30px rgba(0, 86, 179, 0.15); \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e40\u0e07\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 *\/\r\n        position: relative;\r\n    }\r\n    .content-limit { width: 100%; max-width: 1100px; margin: 0 auto; }\r\n    .hero-flex-layout { display: flex; align-items: center; justify-content: center; gap: 60px; }\r\n    \r\n    .banner-left { flex: 0 0 auto; z-index: 2; }\r\n    .main-shield-logo { width: 320px; height: auto; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15)); animation: floatLogo 3.5s ease-in-out infinite; }\r\n    .banner-right { flex: 1; text-align: left; z-index: 2; animation: fadeUp 1s ease-out forwards; opacity: 0; }\r\n    \r\n    .top-logos-container { display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.6); padding: 12px 25px; border-radius: 50px; margin-bottom: 20px; backdrop-filter: blur(8px); }\r\n    .top-logos-container img { height: 40px; margin: 0 12px; }\r\n\r\n    .pre-title { font-family: 'Prompt', sans-serif; font-size: 1.5rem; color: var(--banner-blue-dark); margin: 0; }\r\n    .main-title { \r\n        font-family: 'Prompt', sans-serif; font-size: 3.5rem; font-weight: 800; margin: 5px 0 25px 0; line-height: 1.1; text-transform: uppercase; \r\n        background: -webkit-linear-gradient(45deg, #0056b3, #00a2ff); \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e01\u0e23\u0e40\u0e14\u0e35\u0e22\u0e19\u0e15\u0e4c\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19-\u0e1f\u0e49\u0e32 *\/\r\n        -webkit-background-clip: text; \r\n        -webkit-text-fill-color: transparent; \r\n    }\r\n    .banner-meta { color: var(--banner-blue-dark); }\r\n    .meta-date { display: block; font-family: 'Prompt', sans-serif; font-size: 2rem; font-weight: 700; }\r\n    .meta-location { font-size: 1.2rem; }\r\n\r\n    \/* \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e20\u0e32\u0e22\u0e43\u0e19 *\/\r\n    .section-header { text-align: center; margin-top: 40px; margin-bottom: 40px; }\r\n    .section-header h3 { font-family: 'Prompt', sans-serif; color: var(--banner-blue-dark); font-size: 2rem; display: inline-block; border-bottom: 3px solid var(--banner-gold); padding-bottom: 10px; }\r\n\r\n    .topic-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }\r\n    .topic-card { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left: 5px solid var(--banner-blue-dark); transition: transform 0.2s; display: flex; align-items: center; }\r\n    .topic-card:hover { transform: translateY(-5px); }\r\n    .topic-card i { color: var(--banner-gold); font-size: 1.5rem; margin-right: 15px; width: 30px; text-align: center; }\r\n    .topic-card span { font-weight: 600; color: #444; }\r\n\r\n    .dates-container { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }\r\n    .date-item { display: flex; padding: 15px 0; border-bottom: 1px solid #eee; align-items: center; }\r\n    .date-item:last-child { border-bottom: none; }\r\n    .date-val { width: 180px; font-weight: bold; color: var(--banner-blue-dark); font-family: 'Prompt', sans-serif; font-size: 1.1rem; }\r\n    .date-desc { flex: 1; }\r\n    .date-highlight { background: #f0f7ff; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e44\u0e2e\u0e44\u0e25\u0e17\u0e4c\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1f\u0e49\u0e32\u0e2d\u0e48\u0e2d\u0e19 *\/ border-left: 4px solid var(--banner-gold); padding-left: 15px; border-radius: 0 8px 8px 0; }\r\n    .early-bird-badge { background: var(--banner-gold); color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; margin-left: 10px; }\r\n\r\n    .fees-table { width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); margin-bottom: 30px; }\r\n    .fees-table th { background: var(--banner-blue-dark); color: white; padding: 15px; text-align\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f550697 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"f550697\" 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\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <!-- \u0e25\u0e47\u0e2d\u0e04 Viewport \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e08\u0e2d\u0e02\u0e22\u0e31\u0e1a\u0e0b\u0e49\u0e32\u0e22\u0e02\u0e27\u0e32\u0e44\u0e14\u0e49 -->\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <title>HAPEX Banner & Menu<\/title>\r\n    \r\n    <!-- Load Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Load Fonts & Icons -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;600;700&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* CSS \u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 (\u0e44\u0e21\u0e48\u0e22\u0e38\u0e48\u0e07\u0e01\u0e31\u0e1a Layout \u0e2b\u0e25\u0e31\u0e01) *\/\r\n        .hapex-btn-register {\r\n            transition: all 0.3s ease !important;\r\n            background-color: #005bb5 !important;\r\n            color: #ffffff !important;\r\n            text-decoration: none !important;\r\n        }\r\n        .hapex-btn-register:hover {\r\n            background-color: #004487 !important;\r\n            box-shadow: 0 4px 12px rgba(0, 91, 181, 0.3) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n        .anim-float {\r\n            animation: floatLogo 6s ease-in-out infinite;\r\n        }\r\n        @keyframes floatLogo {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-12px); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body style=\"margin: 0; padding: 0;\">\r\n\r\n    <!-- ========================================================================= -->\r\n    <!-- MASTER CONTAINER: \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Elementor \u0e14\u0e31\u0e19\u0e08\u0e2d\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 -->\r\n    <!-- ========================================================================= -->\r\n    <div style=\"width: 100%; max-width: 100vw; overflow-x: hidden; box-sizing: border-box; font-family: 'Inter', 'Noto Sans Thai', sans-serif; background: #fff;\">\r\n\r\n        <!-- ========================================================================= -->\r\n        <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 1: \u0e41\u0e16\u0e1a\u0e40\u0e21\u0e19\u0e39 (Navbar) -->\r\n        <!-- ========================================================================= -->\r\n        <nav style=\"background: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); position: relative; z-index: 50; width: 100%; box-sizing: border-box;\">\r\n            <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; height: 80px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;\">\r\n\r\n                <!-- \u0e42\u0e25\u0e42\u0e01\u0e49\u0e40\u0e21\u0e19\u0e39\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d: \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07 40px \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e25\u0e49\u0e19 -->\r\n                <div class=\"md:hidden flex items-center h-full\">\r\n                    <img decoding=\"async\" src=\"https:\/\/halalinst.psu.ac.th\/hapex\/wp-content\/uploads\/2026\/1x\/2026logo.png\" alt=\"15th World Hapex Logo\" style=\"height: 40px !important; width: auto !important; object-fit: contain; margin: 0;\">\r\n                <\/div>\r\n\r\n                <!-- Desktop Menu -->\r\n                <div class=\"hidden md:flex flex-1 items-center justify-center space-x-8 w-full\">\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/\" class=\"text-slate-600 hover:text-blue-700 font-medium transition\" style=\"text-decoration: none;\">World HAPEX<\/a>\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=829\" class=\"text-slate-600 hover:text-blue-700 font-medium transition\" style=\"text-decoration: none;\">Conference<\/a>\r\n                    <a href=\"#\" class=\"text-slate-600 hover:text-blue-700 font-medium transition\" style=\"text-decoration: none;\">Important Date<\/a>\r\n                    \r\n                    <div class=\"relative group py-2\">\r\n                        <button class=\"text-slate-600 hover:text-blue-700 font-medium transition flex items-center gap-1 bg-transparent border-none cursor-pointer\">\r\n                            Registration <i class=\"fa-solid fa-chevron-down\" style=\"font-size: 10px; margin-left: 4px;\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"absolute left-1\/2 -translate-x-1\/2 top-full mt-0 w-52 bg-white border border-slate-100 rounded-xl shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 text-left\">\r\n                            <a href=\"https:\/\/airtable.com\/appd81tZACp9rAJfw\/shrFiHDSW1RfIVTY8\" class=\"block px-4 py-3 text-sm text-slate-600 hover:bg-blue-50 hover:text-blue-700 rounded-t-xl transition border-b border-slate-50\" style=\"text-decoration: none;\">Abstract<\/a>\r\n                            <a href=\"https:\/\/airtable.com\/appd81tZACp9rAJfw\/shrphzgfXr8Z93uU6\" class=\"block px-4 py-3 text-sm text-slate-600 hover:bg-blue-50 hover:text-blue-700 rounded-b-xl transition\" style=\"text-decoration: none;\">General Audience<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1269\" class=\"text-slate-600 hover:text-blue-700 font-medium transition\" style=\"text-decoration: none;\">Fullpaper Submit<\/a>\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1525\" class=\"text-slate-600 hover:text-blue-700 font-medium transition\" style=\"text-decoration: none;\">Payment<\/a>\r\n                <\/div>\r\n\r\n                <!-- Mobile Menu Button -->\r\n                <div class=\"md:hidden flex items-center h-full\">\r\n                    <button onclick=\"window.hapexToggleMenu()\" style=\"background: #f0f9ff; border: 1px solid #e0f2fe; padding: 8px 16px; border-radius: 8px; cursor: pointer; color: #1e3a8a; font-weight: bold; display: flex; align-items: center; gap: 8px;\">\r\n                        Menu <i id=\"hapex-menu-icon\" class=\"fa-solid fa-bars\" style=\"font-size: 18px;\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Mobile Menu Panel -->\r\n            <div id=\"hapex-mobile-menu\" class=\"hidden md:hidden bg-white border-t border-slate-100 w-full absolute left-0 shadow-2xl z-40\">\r\n                <div class=\"px-6 py-4 text-center\">\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/\" class=\"block py-3 text-slate-700 font-medium border-b border-slate-100 hover:text-blue-700\" style=\"text-decoration: none;\">World HAPEX<\/a>\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=829\" class=\"block py-3 text-slate-700 font-medium border-b border-slate-100 hover:text-blue-700\" style=\"text-decoration: none;\">Conference<\/a>\r\n                    <a href=\"#\" class=\"block py-3 text-slate-700 font-medium border-b border-slate-100 hover:text-blue-700\" style=\"text-decoration: none;\">Important Date<\/a>\r\n                    \r\n                    <div class=\"py-4 border-b border-slate-100 bg-slate-50 rounded-xl my-2 px-4 text-center\">\r\n                        <span class=\"block text-blue-900 font-bold mb-2\">Registration<\/span>\r\n                        <a href=\"https:\/\/airtable.com\/appd81tZACp9rAJfw\/shrFiHDSW1RfIVTY8\" class=\"block py-2 text-sm text-slate-600 hover:text-blue-700\" style=\"text-decoration: none;\">Abstract<\/a>\r\n                        <a href=\"https:\/\/airtable.com\/appd81tZACp9rAJfw\/shrphzgfXr8Z93uU6\" class=\"block py-2 text-sm text-slate-600 hover:text-blue-700\" style=\"text-decoration: none;\">General Audience<\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1269\" class=\"block py-3 text-slate-700 font-medium border-b border-slate-100 hover:text-blue-700\" style=\"text-decoration: none;\">Fullpaper Submit<\/a>\r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1525\" class=\"block py-3 text-slate-700 font-medium hover:text-blue-700\" style=\"text-decoration: none;\">Payment<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <!-- ========================================================================= -->\r\n        <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 2: \u0e41\u0e1a\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c (HAPEX Blue Banner) -->\r\n        <!-- ========================================================================= -->\r\n        <div style=\"background: linear-gradient(135deg, #ffffff 0%, #e6f0fa 100%); width: 100%; box-sizing: border-box;\">\r\n            \r\n            <!-- \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e17\u0e35\u0e48\u0e08\u0e30\u0e16\u0e39\u0e01\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e49\u0e27\u0e22 JavaScript -->\r\n            <div id=\"hapex-hero-flexbox\" style=\"max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\r\n                \r\n                <!-- \u0e42\u0e25\u0e42\u0e01\u0e49\u0e43\u0e2b\u0e0d\u0e48 (\u0e08\u0e30\u0e16\u0e39\u0e01\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22 JS) -->\r\n                <div id=\"hapex-hero-logo\" style=\"text-align: center; box-sizing: border-box;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/halalinst.psu.ac.th\/hapex\/wp-content\/uploads\/2026\/1x\/2026logo.png\" alt=\"15th World Hapex Logo\" class=\"anim-float\" style=\"width: 100%; max-width: 350px; height: auto; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15));\">\r\n                <\/div>\r\n\r\n                <!-- \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 -->\r\n                <div id=\"hapex-hero-content\" style=\"font-family: 'Prompt', sans-serif; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;\">\r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/halalinst.psu.ac.th\/hapex\/wp-content\/uploads\/2026\/1x\/Conference-Logo.png\" alt=\"HAPEX Logo\" style=\"height: 50px; width: auto; max-width: 100%; object-fit: contain; margin-bottom: 20px;\">\r\n                    \r\n                    <h3 style=\"font-size: clamp(1.25rem, 4vw, 1.5rem); color: #005bb5; font-weight: 600; margin: 0 0 8px 0; line-height: 1.4;\">\r\n                        International Conference on\r\n                    <\/h3>\r\n                    \r\n                    <h1 style=\"font-size: clamp(2rem, 6vw, 3.5rem); color: #003366; font-weight: 700; margin: 0 0 20px 0; text-transform: uppercase; line-height: 1.15;\">\r\n                        Halal Wellness & Innovation\r\n                    <\/h1>\r\n                    \r\n                    <div style=\"margin-bottom: 30px; width: 100%;\">\r\n                        <span style=\"display: block; font-size: clamp(1.5rem, 5vw, 2rem); font-weight: 700; color: #005bb5; margin-bottom: 10px;\">\r\n                            31 July - 1 August 2026\r\n                        <\/span>\r\n                        <span style=\"display: flex; align-items: flex-start; gap: 8px; font-size: clamp(1rem, 3vw, 1.2rem); font-weight: 500; color: #005bb5;\">\r\n                            <i class=\"fas fa-map-marker-alt\" style=\"margin-top: 4px;\"><\/i> \r\n                            <span>ICC Hall Hatyai, Songkhla Thailand<\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                    \r\n                    \r\n                    \r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n    <\/div> <!-- \u0e08\u0e1a MASTER CONTAINER -->\r\n\r\n    <!-- ========================================================================= -->\r\n    <!-- JAVASCRIPT ENFORCER: \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e31\u0e49\u0e19\u0e40\u0e14\u0e47\u0e14\u0e02\u0e32\u0e14 (Elementor \u0e17\u0e31\u0e1a\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49) -->\r\n    <!-- ========================================================================= -->\r\n    <script>\r\n        \/\/ 1. \u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1b\u0e34\u0e14\/\u0e1b\u0e34\u0e14\u0e40\u0e21\u0e19\u0e39\r\n        window.hapexToggleMenu = function() {\r\n            var menu = document.getElementById('hapex-mobile-menu');\r\n            var icon = document.getElementById('hapex-menu-icon');\r\n            if (menu.classList.contains('hidden')) {\r\n                menu.classList.remove('hidden');\r\n                icon.classList.remove('fa-bars');\r\n                icon.classList.add('fa-xmark');\r\n            } else {\r\n                menu.classList.add('hidden');\r\n                icon.classList.remove('fa-xmark');\r\n                icon.classList.add('fa-bars');\r\n            }\r\n        };\r\n\r\n        \/\/ 2. \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a Layout (\u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19 Elementor 100%)\r\n        function enforceHapexLayout() {\r\n            var w = window.innerWidth;\r\n            var flexbox = document.getElementById('hapex-hero-flexbox');\r\n            var logo = document.getElementById('hapex-hero-logo');\r\n            var content = document.getElementById('hapex-hero-content');\r\n\r\n            if (!flexbox || !logo || !content) return;\r\n\r\n            if (w <= 1024) {\r\n                \/\/ \u0e42\u0e2b\u0e21\u0e14\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d & \u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\r\n                flexbox.style.setProperty('flex-direction', 'column', 'important');\r\n                flexbox.style.setProperty('padding', '40px 24px', 'important'); \/\/ \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e21\u0e35\u0e02\u0e2d\u0e1a 24px \u0e01\u0e31\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e08\u0e21\u0e0b\u0e49\u0e32\u0e22\r\n                flexbox.style.setProperty('gap', '0px', 'important');\r\n\r\n                \/\/ \ud83d\udd34 \u0e25\u0e1a\u0e42\u0e25\u0e42\u0e01\u0e49\u0e2d\u0e2d\u0e01\u0e44\u0e1b\u0e08\u0e32\u0e01\u0e2a\u0e32\u0e23\u0e1a\u0e1a\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e17\u0e32\u0e07\u0e42\u0e1c\u0e25\u0e48\u0e21\u0e32\u0e14\u0e31\u0e19\u0e08\u0e2d\u0e44\u0e14\u0e49\r\n                logo.style.setProperty('display', 'none', 'important');\r\n                logo.style.setProperty('width', '0px', 'important');\r\n\r\n                \/\/ \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d (\u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e25\u0e49\u0e19\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e35 padding)\r\n                content.style.setProperty('width', '100%', 'important');\r\n                content.style.setProperty('text-align', 'left', 'important');\r\n                content.style.setProperty('align-items', 'flex-start', 'important');\r\n            } else {\r\n                \/\/ \u0e42\u0e2b\u0e21\u0e14 Desktop (PC)\r\n                flexbox.style.setProperty('flex-direction', 'row', 'important');\r\n                flexbox.style.setProperty('flex-wrap', 'nowrap', 'important'); \/\/ \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e07\u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 \u0e2b\u0e49\u0e32\u0e21\u0e15\u0e01\u0e25\u0e07\u0e21\u0e32\u0e17\u0e31\u0e1a\u0e01\u0e31\u0e19\r\n                flexbox.style.setProperty('padding', '80px 40px', 'important');\r\n                flexbox.style.setProperty('gap', '60px', 'important');\r\n\r\n                \/\/ \u0e19\u0e33\u0e42\u0e25\u0e42\u0e01\u0e49\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\r\n                logo.style.setProperty('display', 'block', 'important');\r\n                logo.style.setProperty('flex', '0 0 350px', 'important');\r\n                logo.style.setProperty('width', '350px', 'important');\r\n\r\n                content.style.setProperty('flex', '1 1 auto', 'important');\r\n                content.style.setProperty('text-align', 'left', 'important');\r\n                content.style.setProperty('align-items', 'flex-start', 'important');\r\n            }\r\n        }\r\n\r\n        \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35\u0e17\u0e35\u0e48\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e22\u0e48\u0e2d\/\u0e02\u0e22\u0e32\u0e22\u0e08\u0e2d\r\n        document.addEventListener('DOMContentLoaded', enforceHapexLayout);\r\n        window.addEventListener('resize', enforceHapexLayout);\r\n        \r\n        \/\/ \u0e22\u0e34\u0e07\u0e0b\u0e49\u0e33\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e1c\u0e37\u0e48\u0e2d Elementor \u0e42\u0e2b\u0e25\u0e14\u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c\u0e21\u0e32\u0e0a\u0e49\u0e32\r\n        setTimeout(enforceHapexLayout, 500);\r\n        setTimeout(enforceHapexLayout, 1500);\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0026f28 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0026f28\" 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=\"en\">\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>Payment Information - HAPEX 2026<\/title>\r\n    \r\n    <!-- Load Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Load Fonts & Icons -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        body {\r\n            font-family: 'Inter', 'Noto Sans Thai', sans-serif;\r\n            background-color: #f8fafc; \/* slate-50 *\/\r\n        }\r\n        .heading-font {\r\n            font-family: 'Prompt', sans-serif;\r\n        }\r\n        \r\n        \/* Custom Shadow for the card *\/\r\n        .payment-card {\r\n            box-shadow: 0 10px 40px -10px rgba(0, 51, 102, 0.1);\r\n        }\r\n\r\n        \/* Tooltip animation *\/\r\n        @keyframes fadeInOut {\r\n            0% { opacity: 0; transform: translateY(5px); }\r\n            10% { opacity: 1; transform: translateY(0); }\r\n            90% { opacity: 1; transform: translateY(0); }\r\n            100% { opacity: 0; transform: translateY(-5px); }\r\n        }\r\n        .copy-tooltip {\r\n            animation: fadeInOut 2s ease-in-out forwards;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen py-12 px-4 sm:px-6 lg:px-8 text-slate-800 flex flex-col items-center justify-center\">\r\n\r\n    <!-- Header Section -->\r\n    <!-- \u0e40\u0e1e\u0e34\u0e48\u0e21 mx-auto \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 -->\r\n    <div class=\"text-center mb-10 w-full max-w-4xl mx-auto\">\r\n        <h1 class=\"heading-font text-3xl md:text-4xl font-bold text-[#003366] mb-3\">Payment Information<\/h1>\r\n        <p class=\"text-slate-500 text-lg\">Please transfer your registration fee to the following bank account.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Content Container -->\r\n    <!-- \u0e40\u0e1e\u0e34\u0e48\u0e21 mx-auto \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 -->\r\n    <div class=\"w-full max-w-4xl bg-white rounded-2xl payment-card overflow-hidden border border-slate-100 mx-auto\">\r\n        \r\n        <!-- Beneficiary Bank Details (Highlight Section) -->\r\n        <div class=\"bg-gradient-to-br from-[#005bb5] to-[#003366] p-8 md:p-10 text-white\">\r\n            <div class=\"flex items-center gap-3 mb-6\">\r\n                <div class=\"bg-white\/20 p-3 rounded-lg backdrop-blur-sm\">\r\n                    <i class=\"fa-solid fa-building-columns text-2xl\"><\/i>\r\n                <\/div>\r\n                <h2 class=\"heading-font text-2xl font-semibold\">Beneficiary Bank Details<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6 lg:gap-8\">\r\n                <!-- Row 1: Bank Name -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 text-blue-100\/80 font-medium\">Bank name:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 font-semibold text-lg\">Siam Commercial Bank<\/div>\r\n\r\n                <!-- Row 2: Account Name -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 text-blue-100\/80 font-medium mt-1\">Account Name:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9\">\r\n                    <div class=\"font-semibold text-lg leading-tight\">Halal Institute<\/div>\r\n                    <div class=\"text-blue-200 text-sm mt-1\">(\u0e40\u0e07\u0e34\u0e19\u0e2d\u0e38\u0e14\u0e2b\u0e19\u0e38\u0e19 \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e2e\u0e32\u0e25\u0e32\u0e25)<\/div>\r\n                <\/div>\r\n\r\n                <!-- Row 3: Account No (With Copy Button) -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 text-blue-100\/80 font-medium self-center\">Account No.:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 flex items-center flex-wrap gap-3\">\r\n                    <span class=\"font-bold text-2xl tracking-wider bg-white\/10 px-4 py-2 rounded-lg border border-white\/20\" id=\"account-number\">565 491206 5<\/span>\r\n                    <span class=\"text-blue-200 text-sm\">(Saving Account)<\/span>\r\n                    \r\n                    <div class=\"relative ml-auto sm:ml-2 mt-2 sm:mt-0 w-full sm:w-auto\">\r\n                        <button onclick=\"copyAccountNo()\" class=\"w-full sm:w-auto flex items-center justify-center gap-2 bg-white text-[#003366] hover:bg-blue-50 px-4 py-2 rounded-lg font-medium transition-colors duration-200 shadow-sm focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#005bb5] focus:ring-white outline-none\">\r\n                            <i class=\"fa-regular fa-copy\"><\/i> Copy\r\n                        <\/button>\r\n                        <!-- Tooltip (Hidden by default) -->\r\n                        <div id=\"copy-tooltip\" class=\"hidden absolute -top-10 left-1\/2 -translate-x-1\/2 bg-slate-800 text-white text-xs py-1 px-3 rounded whitespace-nowrap shadow-lg\">\r\n                            Copied to clipboard!\r\n                            <!-- Arrow -->\r\n                            <div class=\"absolute -bottom-1 left-1\/2 -translate-x-1\/2 w-2 h-2 bg-slate-800 rotate-45\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Row 4: Bank Address -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 text-blue-100\/80 font-medium\">Bank Address:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 leading-relaxed\">\r\n                    15 Kanchanavanit Road, Hatyai District, Songkla 90110, Thailand\r\n                <\/div>\r\n\r\n                <!-- Row 5: Swift Code -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 text-blue-100\/80 font-medium self-center\">Swift Code:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 font-mono text-lg font-bold tracking-widest bg-black\/20 inline-block px-3 py-1 rounded w-max\">\r\n                    SICOTHBK\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Beneficiary Details (Organization Info) -->\r\n        <div class=\"p-8 md:p-10 bg-white\">\r\n            <div class=\"flex items-center gap-3 mb-6\">\r\n                <div class=\"bg-blue-50 text-[#005bb5] p-3 rounded-lg\">\r\n                    <i class=\"fa-solid fa-building-user text-xl\"><\/i>\r\n                <\/div>\r\n                <h2 class=\"heading-font text-xl font-semibold text-slate-800\">Beneficiary Details<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-y-4 md:gap-x-6 lg:gap-x-8 text-slate-600\">\r\n                \r\n                <!-- Name -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 font-medium text-slate-500\">Name:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 font-semibold text-slate-800\">Halal Institute<\/div>\r\n\r\n                <!-- Address -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 font-medium text-slate-500 mt-1\">Address:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 leading-relaxed\">\r\n                    Halal Institute, Prince of Songkla University<br>\r\n                    15, Karnjanavanich Road, Hat Yai District,<br>\r\n                    Songkla 90110\r\n                <\/div>\r\n\r\n                <!-- Phone -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 font-medium text-slate-500\">Phone No.:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9\">\r\n                    <a href=\"tel:+66074289291\" class=\"hover:text-[#005bb5] transition-colors\">+66 (0) 7428 9291<\/a>\r\n                <\/div>\r\n\r\n                <!-- Email -->\r\n                <div class=\"md:col-span-4 lg:col-span-3 font-medium text-slate-500\">Email:<\/div>\r\n                <div class=\"md:col-span-8 lg:col-span-9 flex flex-col sm:flex-row sm:gap-4 gap-1\">\r\n                    <a href=\"mailto:worldhapexconference@gmail.com\" class=\"text-[#005bb5] hover:underline decoration-1 underline-offset-4\">worldhapexconference@gmail.com<\/a>\r\n                    <span class=\"hidden sm:inline text-slate-300\">|<\/span>\r\n                    <a href=\"mailto:waleeda.b@psu.ac.th\" class=\"text-[#005bb5] hover:underline decoration-1 underline-offset-4\">waleeda.b@psu.ac.th<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n    <!-- Next Steps Information (Redesigned for Step-by-Step Clarity) -->\r\n    <div class=\"mt-10 max-w-4xl text-center mx-auto bg-white p-8 rounded-2xl border border-blue-100 shadow-sm relative overflow-hidden\">\r\n        <!-- Background decorative element -->\r\n        <div class=\"absolute -top-10 -right-10 w-32 h-32 bg-blue-50 rounded-full blur-2xl opacity-60 pointer-events-none\"><\/div>\r\n        <div class=\"absolute -bottom-10 -left-10 w-32 h-32 bg-blue-50 rounded-full blur-2xl opacity-60 pointer-events-none\"><\/div>\r\n        \r\n        <h3 class=\"heading-font text-2xl font-bold text-[#003366] mb-8 relative z-10\">Next Steps to Complete Registration<\/h3>\r\n        \r\n        <div class=\"flex flex-col md:flex-row justify-center items-stretch gap-6 relative z-10 mb-8\">\r\n            <!-- Step 1 -->\r\n            <div class=\"flex-1 bg-slate-50 p-6 rounded-xl border border-slate-100 flex flex-col items-center\">\r\n                <div class=\"w-12 h-12 rounded-full bg-blue-100 text-[#005bb5] flex items-center justify-center font-bold text-xl mb-4 shadow-inner\">\r\n                    1\r\n                <\/div>\r\n                <h4 class=\"font-semibold text-slate-800 mb-2\">Make Payment<\/h4>\r\n                <p class=\"text-sm text-slate-600 text-center\">Transfer the required fee to the bank account detailed above.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Arrow separator (hidden on mobile) -->\r\n            <div class=\"hidden md:flex items-center justify-center text-slate-300\">\r\n                <i class=\"fa-solid fa-chevron-right text-2xl\"><\/i>\r\n            <\/div>\r\n            \r\n            <!-- Step 2 -->\r\n            <div class=\"flex-1 bg-slate-50 p-6 rounded-xl border border-slate-100 flex flex-col items-center\">\r\n                <div class=\"w-12 h-12 rounded-full bg-blue-100 text-[#005bb5] flex items-center justify-center font-bold text-xl mb-4 shadow-inner\">\r\n                    2\r\n                <\/div>\r\n                <h4 class=\"font-semibold text-slate-800 mb-2\">Save Receipt<\/h4>\r\n                <p class=\"text-sm text-slate-600 text-center\">Take a screenshot or save the transfer slip as proof of your payment.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Arrow separator (hidden on mobile) -->\r\n            <div class=\"hidden md:flex items-center justify-center text-slate-300\">\r\n                <i class=\"fa-solid fa-chevron-right text-2xl\"><\/i>\r\n            <\/div>\r\n            \r\n            <!-- Step 3 -->\r\n            <div class=\"flex-1 bg-blue-50\/50 p-6 rounded-xl border border-blue-100 flex flex-col items-center ring-1 ring-blue-100\/50\">\r\n                <div class=\"w-12 h-12 rounded-full bg-[#005bb5] text-white flex items-center justify-center font-bold text-xl mb-4 shadow-md\">\r\n                    3\r\n                <\/div>\r\n                <h4 class=\"font-semibold text-[#003366] mb-2\">Upload & Confirm<\/h4>\r\n                <p class=\"text-sm text-slate-600 text-center\">Click the button below to fill out the confirmation form and attach your slip.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Action Button -->\r\n        <a href=\"https:\/\/airtable.com\/appd81tZACp9rAJfw\/shrUkTKXyKERLc7DD\" target=\"_blank\" class=\"relative z-10 inline-flex items-center justify-center gap-3 px-10 py-4 bg-[#005bb5] text-white rounded-xl font-bold text-lg hover:bg-[#004487] transition-all duration-300 shadow-[0_8px_20px_rgba(0,91,181,0.25)] hover:shadow-[0_12px_25px_rgba(0,91,181,0.35)] hover:-translate-y-1\">\r\n            Confirm Payment & Upload Slip\r\n            <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <script>\r\n        function copyAccountNo() {\r\n            \/\/ Get the account number text, remove spaces for the clipboard\r\n            const accountNoSpan = document.getElementById('account-number');\r\n            const rawNumber = accountNoSpan.innerText;\r\n            const numberToCopy = rawNumber.replace(\/\\s+\/g, ''); \/\/ Removes spaces\r\n\r\n            \/\/ Use the older execCommand method which is more reliable in iFrames\/some environments\r\n            const tempInput = document.createElement(\"input\");\r\n            tempInput.value = numberToCopy;\r\n            document.body.appendChild(tempInput);\r\n            tempInput.select();\r\n            \r\n            try {\r\n                document.execCommand(\"copy\");\r\n                showTooltip();\r\n            } catch (err) {\r\n                console.error('Failed to copy text: ', err);\r\n                \/\/ Fallback for modern browsers if execCommand fails\r\n                if(navigator.clipboard) {\r\n                    navigator.clipboard.writeText(numberToCopy)\r\n                        .then(() => showTooltip())\r\n                        .catch(err => console.error('Async: Could not copy text: ', err));\r\n                }\r\n            }\r\n            \r\n            document.body.removeChild(tempInput);\r\n        }\r\n\r\n        function showTooltip() {\r\n            const tooltip = document.getElementById('copy-tooltip');\r\n            \r\n            \/\/ Remove the class to reset the animation if it was already playing\r\n            tooltip.classList.remove('copy-tooltip');\r\n            tooltip.classList.remove('hidden');\r\n            \r\n            \/\/ Trigger reflow to restart animation\r\n            void tooltip.offsetWidth; \r\n            \r\n            \/\/ Add the animation class\r\n            tooltip.classList.add('copy-tooltip');\r\n            \r\n            \/\/ Hide after animation completes\r\n            setTimeout(() => {\r\n                tooltip.classList.add('hidden');\r\n                tooltip.classList.remove('copy-tooltip');\r\n            }, 2000);\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<div class=\"elementor-element elementor-element-c353064 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c353064\" 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<style>\r\n    \/* --- CSS \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e48\u0e27\u0e19 Registration Fees \u0e42\u0e17\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 --- *\/\r\n    :root {\r\n        \/* \u0e1b\u0e23\u0e31\u0e1a Gradient \u0e40\u0e1b\u0e47\u0e19\u0e42\u0e17\u0e19\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 *\/\r\n        --fee-blue-gradient: linear-gradient(135deg, #113a5d, #1a5b92); \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Regular *\/\r\n        --fee-lightblue-gradient: linear-gradient(135deg, #0072ff, #00bfff); \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e27\u0e48\u0e32\u0e07\/\u0e1f\u0e49\u0e32 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Early Bird *\/\r\n        --fee-bg-hover: #f4f9ff; \/* \u0e2a\u0e35 hover \u0e2d\u0e21\u0e1f\u0e49\u0e32\u0e19\u0e34\u0e14\u0e46 *\/\r\n        --fee-border-color: #eee;\r\n    }\r\n\r\n    \/* \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e04\u0e23\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n    .fee-section-card {\r\n        background: white;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n        margin-bottom: 40px;\r\n        border: 1px solid rgba(0,0,0,0.03);\r\n    }\r\n\r\n    \/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14 *\/\r\n    .fee-card-title {\r\n        margin: 0;\r\n        padding: 20px;\r\n        color: white;\r\n        font-family: 'Prompt', sans-serif;\r\n        font-size: 1.3rem;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* \u0e2a\u0e35\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 *\/\r\n    .title-regular { background: var(--fee-blue-gradient); }\r\n    .title-earlybird { background: var(--fee-lightblue-gradient); }\r\n    \r\n    \/* Wrapper \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n    .table-responsive-wrapper {\r\n        overflow-x: auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* \u0e15\u0e31\u0e27\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n    .modern-fees-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        background: white;\r\n        min-width: 600px;\r\n    }\r\n\r\n    \/* \u0e2b\u0e31\u0e27\u0e15\u0e32\u0e23\u0e32\u0e07 (thead) *\/\r\n    .modern-fees-table thead th {\r\n        background: #f8f9fa;\r\n        color: #555;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        font-size: 0.9rem;\r\n        padding: 18px;\r\n        border-bottom: 2px solid #eee;\r\n    }\r\n\r\n    \/* \u0e41\u0e16\u0e27\u0e43\u0e19\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n    .modern-fees-table tbody tr {\r\n        transition: background-color 0.2s ease;\r\n        border-bottom: 1px solid var(--fee-border-color);\r\n    }\r\n    .modern-fees-table tbody tr:last-child { border-bottom: none; }\r\n    .modern-fees-table tbody tr:hover {\r\n        background-color: var(--fee-bg-hover);\r\n    }\r\n\r\n    \/* \u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e43\u0e19\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n    .modern-fees-table td {\r\n        padding: 20px 15px;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    \/* \u0e08\u0e31\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e41\u0e23\u0e01 (Category) *\/\r\n    .category-cell {\r\n        text-align: left;\r\n        padding-left: 30px !important;\r\n    }\r\n    .cat-main {\r\n        display: block;\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        color: #333;\r\n    }\r\n    .cat-sub {\r\n        display: block;\r\n        font-size: 0.9rem;\r\n        color: #888;\r\n        margin-top: 4px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e23\u0e32\u0e04\u0e32 *\/\r\n    .price-cell {\r\n        font-family: 'Prompt', sans-serif;\r\n        font-weight: 600;\r\n        font-size: 1.15rem;\r\n        color: #444;\r\n    }\r\n\r\n    \/* \u0e23\u0e32\u0e04\u0e32 Early Bird \u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19 (\u0e42\u0e17\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19) *\/\r\n    .price-highlight-blue {\r\n        color: #0072ff;\r\n        font-weight: 700;\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"hapex-wrapper custom-container\">\r\n    <div class=\"section-header\" style=\"margin-bottom: 50px;\">\r\n        <h3>Registration Fees<\/h3>\r\n    <\/div>\r\n    \r\n    <div class=\"fee-section-card\">\r\n        <h4 class=\"fee-card-title title-regular\">Presentation Fees (Regular Rates)<\/h4>\r\n        \r\n        <div class=\"table-responsive-wrapper\">\r\n            <table class=\"modern-fees-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th style=\"text-align: left; padding-left: 30px;\">Category<\/th>\r\n                        <th>Oral Presentation<\/th>\r\n                        <th>Poster Presentation<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Researcher<\/span>\r\n                            <span class=\"cat-sub\">(Local)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell\">3,500 THB<\/td>\r\n                        <td class=\"price-cell\">1,500 THB<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Researcher<\/span>\r\n                            <span class=\"cat-sub\">(Overseas)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell\">150 USD<\/td>\r\n                        <td class=\"price-cell\">75 USD<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Student<\/span>\r\n                            <span class=\"cat-sub\">(Local)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell\">2,500 THB<\/td>\r\n                        <td class=\"price-cell\">1,200 THB<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Student<\/span>\r\n                            <span class=\"cat-sub\">(Overseas)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell\">100 USD<\/td>\r\n                        <td class=\"price-cell\">50 USD<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fee-section-card\" style=\"border: 2px solid #0072ff;\"> \r\n        <h4 class=\"fee-card-title title-earlybird\">\r\n            <i class=\"fas fa-star\" style=\"margin-right: 10px;\"><\/i> Early Bird Rates (26 June - 6 July 2026)\r\n        <\/h4>\r\n        \r\n        <div class=\"table-responsive-wrapper\">\r\n            <table class=\"modern-fees-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th style=\"text-align: left; padding-left: 30px; background: #f2f9ff; color: #0072ff;\">Category<\/th>\r\n                        <th style=\"background: #f2f9ff; color: #0072ff;\">Oral Presentation<\/th>\r\n                        <th style=\"background: #f2f9ff; color: #0072ff;\">Poster Presentation<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Researcher<\/span>\r\n                            <span class=\"cat-sub\">(Local)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">2,500 THB<\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">1,200 THB<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Researcher<\/span>\r\n                            <span class=\"cat-sub\">(Overseas)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">100 USD<\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">50 USD<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Student<\/span>\r\n                            <span class=\"cat-sub\">(Local)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">1,500 THB<\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">1,000 THB<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"category-cell\">\r\n                            <span class=\"cat-main\">Student<\/span>\r\n                            <span class=\"cat-sub\">(Overseas)<\/span>\r\n                        <\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">50 USD<\/td>\r\n                        <td class=\"price-cell price-highlight-blue\">35 USD<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f92ab2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1f92ab2\" 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<style>\r\n    .custom-footer {\r\n        text-align: center;\r\n        padding: 100px 20px 50px; \r\n        margin-top: 60px;\r\n        border-top: 1px solid #eee;\r\n\r\n        \/* --- \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 (\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e40\u0e14\u0e34\u0e21) --- *\/\r\n        background-image: url('https:\/\/halalinst.psu.ac.th\/hapex\/wp-content\/uploads\/2026\/1x\/3.png');\r\n        background-repeat: no-repeat;\r\n        background-position: center top; \r\n        background-size: cover; \r\n        background-color: #ffffff; \r\n        position: relative;\r\n    }\r\n\r\n    \/* --- \u0e2a\u0e48\u0e27\u0e19 Contact \u0e43\u0e2b\u0e21\u0e48 --- *\/\r\n    .contact-wrapper {\r\n        display: inline-block; \/* \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e2d\u0e1a\u0e02\u0e22\u0e32\u0e22\u0e15\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e41\u0e25\u0e49\u0e27\u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07 *\/\r\n        text-align: left; \/* \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e49\u0e32\u0e07\u0e43\u0e19\u0e0a\u0e34\u0e14\u0e0b\u0e49\u0e32\u0e22 *\/\r\n        background: rgba(255, 255, 255, 0.85); \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e32\u0e27\u0e08\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 *\/\r\n        padding: 30px 50px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n        backdrop-filter: blur(5px);\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .contact-header {\r\n        font-family: 'Prompt', sans-serif;\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        color: blue; \/* \u0e2a\u0e35\u0e0a\u0e21\u0e1e\u0e39\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d *\/\r\n        margin: 0 0 20px 0;\r\n        text-shadow: 2px 2px 0px #ffffff;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .contact-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .contact-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        font-family: 'Sarabun', sans-serif;\r\n        font-size: 1.2rem;\r\n        color: #003366; \/* \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d *\/\r\n        font-weight: 600;\r\n    }\r\n\r\n    .contact-icon {\r\n        width: 40px;\r\n        text-align: center;\r\n        font-size: 1.5rem;\r\n        margin-right: 15px;\r\n        display: flex;\r\n        justify-content: center;\r\n        padding-top: 3px; \/* \u0e14\u0e31\u0e19\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e25\u0e07\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07\u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e41\u0e23\u0e01 *\/\r\n    }\r\n\r\n    \/* \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b *\/\r\n    .icon-phone { color: #002280; }   \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 *\/\r\n    .icon-web   { color: #00c3ff; }   \/* \u0e1f\u0e49\u0e32\u0e2a\u0e27\u0e48\u0e32\u0e07 *\/\r\n    .icon-mail  { color: #ff2a4d; }   \/* \u0e41\u0e14\u0e07\u0e0a\u0e21\u0e1e\u0e39 *\/\r\n    .icon-fb    { color: #1877f2; }   \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 Facebook *\/\r\n\r\n    .contact-text {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .contact-text a {\r\n        text-decoration: none;\r\n        color: #003366;\r\n        transition: color 0.2s;\r\n    }\r\n    \r\n    .contact-text a:hover {\r\n        color: #e40046;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* hosted by text *\/\r\n    .host-credit {\r\n        margin-top: 40px;\r\n        font-size: 0.9rem;\r\n        color: #555;\r\n        font-weight: 500;\r\n        text-shadow: 0 1px 5px rgba(255,255,255,0.8);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hapex-wrapper\">\r\n    <footer class=\"custom-footer\">\r\n        \r\n        <a href=\"https:\/\/airtable.com\/appd81tZACp9rAJfw\/shrFiHDSW1RfIVTY8\" class=\"btn-main\" target=\"_blank\">Register Now<\/a>\r\n\r\n        <div style=\"text-align: center;\"> <div class=\"contact-wrapper\">\r\n                <h2 class=\"contact-header\">Contact :<\/h2>\r\n                \r\n                <div class=\"contact-list\">\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon icon-phone\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                        <div class=\"contact-text\">\r\n                            <span>+66 618 789 517<\/span>\r\n                            <span>+66 621 012 864<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon icon-mail\"><i class=\"fas fa-envelope-open-text\"><\/i><\/div>\r\n                        <div class=\"contact-text\">\r\n                            <span>worldhapexconference@gmail.com<\/span>\r\n                            <span>halinst.psu@gmail.com<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"contact-icon icon-fb\"><i class=\"fab fa-facebook\"><\/i><\/div>\r\n                        <div class=\"contact-text\">\r\n                            <a href=\"https:\/\/www.facebook.com\/WorldHAPEX\" target=\"_blank\">World HAPEX<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n<\/div>\r\n        <center><p class=\"host-credit\">Hosted by: HALAL INSTITUTE, PRINCE OF SONGKLA UNIVERSITY, THAILAND<\/p><\/center>\r\n    <\/footer>\r\n<\/div>\t\t\t\t<\/div>\n\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>World HAPEX Conference Important Date Registration Abstract General Audience Fullpaper Submit Payment Menu World HAPEX Conference Important Date Registration Abstract General Audience Fullpaper Submit Payment International Conference on Halal Wellness &#038; Innovation 31 July &#8211; 1 August 2026 ICC Hall Hatyai, Songkhla Thailand Payment Information &#8211; HAPEX 2026 Payment Information Please transfer your registration fee [&hellip;]<\/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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":""}},"footnotes":""},"class_list":["post-1525","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":"marosee.l","author_link":"https:\/\/halalinst.psu.ac.th\/hapex\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"World HAPEX Conference Important Date Registration Abstract General Audience Fullpaper Submit Payment Menu World HAPEX Conference Important Date Registration Abstract General Audience Fullpaper Submit Payment International Conference on Halal Wellness & Innovation 31 July - 1 August 2026 ICC Hall Hatyai, Songkhla Thailand Payment Information - HAPEX 2026 Payment Information Please transfer your registration fee&hellip;","_links":{"self":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/1525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1525"}],"version-history":[{"count":25,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/1525\/revisions"}],"predecessor-version":[{"id":1624,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/1525\/revisions\/1624"}],"wp:attachment":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}