{"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-27T15:55:48","modified_gmt":"2026-07-27T15:55:48","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        .hapex-btn-program {\r\n            transition: all 0.3s ease !important;\r\n            background-color: #cfb159 !important; \/* Gold *\/\r\n            color: #003366 !important; \/* Deep Blue *\/\r\n            text-decoration: none !important;\r\n            border-radius: 8px !important;\r\n            padding: 8px 16px !important;\r\n            font-weight: 700 !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;\r\n        }\r\n        .hapex-btn-program:hover {\r\n            background-color: #b0964c !important; \/* Darker Gold *\/\r\n            color: #001f3f !important;\r\n            box-shadow: 0 4px 12px rgba(207, 177, 89, 0.4) !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-6 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                    \r\n                    <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1666\" style=\"background-color: #cfb159 !important; color: #003366 !important; padding: 8px 16px !important; border-radius: 8px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; text-decoration: none !important;\">\r\n                        <i class=\"fa-solid fa-calendar-days\"><\/i> Program\r\n                    <\/a>\r\n                    \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                    \r\n                    <div class=\"py-3 border-b border-slate-100 flex justify-center\">\r\n                        <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=1666\" style=\"background-color: #cfb159 !important; color: #003366 !important; padding: 10px 24px !important; border-radius: 8px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; text-decoration: none !important; width: 80%;\">\r\n                            <i class=\"fa-solid fa-calendar-days\"><\/i> Program\r\n                        <\/a>\r\n                    <\/div>\r\n                    \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 -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 Program Important Date Registration Abstract General Audience Fullpaper Submit Payment Menu World HAPEX Conference Program Important Date Registration Abstract General Audience Fullpaper Submit Payment International Conference on Halal Wellness &#038; Innovation 31 July -2026 ICC Hall Hatyai, Songkhla Thailand Payment Information &#8211; HAPEX 2026 Payment Information Please transfer your registration fee to [&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 Program Important Date Registration Abstract General Audience Fullpaper Submit Payment Menu World HAPEX Conference Program Important Date Registration Abstract General Audience Fullpaper Submit Payment International Conference on Halal Wellness & Innovation 31 July -2026 ICC Hall Hatyai, Songkhla Thailand Payment Information - HAPEX 2026 Payment Information Please transfer your registration fee to&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":29,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/1525\/revisions"}],"predecessor-version":[{"id":1712,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/1525\/revisions\/1712"}],"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}]}}