{"id":370,"date":"2026-06-05T02:50:37","date_gmt":"2026-06-05T02:50:37","guid":{"rendered":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=370"},"modified":"2026-06-08T04:35:17","modified_gmt":"2026-06-08T04:35:17","slug":"registration-flow","status":"publish","type":"page","link":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=370","title":{"rendered":"Registration Flow"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"370\" class=\"elementor elementor-370\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d169993 e-con-full e-flex e-con e-parent\" data-id=\"d169993\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be1a913 elementor-widget elementor-widget-html\" data-id=\"be1a913\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"registration-fees-table\">\r\n    <div class=\"fees-table-container\">\r\n        \r\n        <div class=\"fees-heading\">\r\n            <span>IIUM POSTGRADUATE COLLOQUIUM 2026<\/span>\r\n            <h2>Registration Fees<\/h2>\r\n      \r\n            \r\n        <div class=\"fees-panel\">\r\n            \r\n            <div class=\"category-group\">\r\n                <div class=\"group-header iium-bg\">\r\n                    <span class=\"group-icon\">\ud83d\udd4c<\/span>\r\n                    <h3>IIUM Members <small>(Internal)<\/small><\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"fee-row row-iium-body\">\r\n                    <div class=\"fee-type-block\">\r\n                        <div class=\"fee-text-content\">\r\n                            <h4>Oral Presenter<\/h4>\r\n                            <p>Includes presentation slot, programme book, refreshment and e-certificate.<\/p>\r\n                        <\/div>\r\n                        <div class=\"fee-price\">\r\n                            <span class=\"currency\">RM<\/span>100\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fee-row row-iium-body\">\r\n                    <div class=\"fee-type-block\">\r\n                        <div class=\"fee-text-content\">\r\n                            <h4>Participant<\/h4>\r\n                            <p>Includes access to all sessions, programme book, refreshment and e-certificate.<\/p>\r\n                        <\/div>\r\n                        <div class=\"fee-price\">\r\n                            <span class=\"currency\">RM<\/span>70\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"category-group\">\r\n                <div class=\"group-header non-iium-bg\">\r\n                    <span class=\"group-icon\">\ud83c\udf0d<\/span>\r\n                    <h3>Non-IIUM Members <small>(External)<\/small><\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"fee-row row-non-iium-body\">\r\n                    <div class=\"fee-type-block\">\r\n                        <div class=\"fee-text-content\">\r\n                            <h4>Oral Presenter<\/h4>\r\n                            <p>Includes presentation slot, programme book, refreshment and e-certificate.<\/p>\r\n                        <\/div>\r\n                        <div class=\"fee-price\">\r\n                            <span class=\"currency\">RM<\/span>200\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fee-row row-non-iium-body\">\r\n                    <div class=\"fee-type-block\">\r\n                        <div class=\"fee-text-content\">\r\n                            <h4>Participant<\/h4>\r\n                            <p>Includes access to all sessions, programme book, refreshment and e-certificate.<\/p>\r\n                        <\/div>\r\n                        <div class=\"fee-price\">\r\n                            <span class=\"currency\">RM<\/span>150\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fees-footer-note\">\r\n            <p>\ud83d\udca1 <strong>Important Note:<\/strong> All registrations must be accompanied by proof of payment via the EZPay portal. Fees are strictly non-refundable.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.registration-fees-table {\r\n    padding: 60px 20px;\r\n    background: #eef3f1; \/* Latar belakang luar kelabu-hijau lembut *\/\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.fees-table-container {\r\n    max-width: 850px;\r\n    margin: auto;\r\n}\r\n\r\n\/* Heading *\/\r\n.fees-heading {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.fees-heading span {\r\n    color: #1e463a;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.fees-heading h2 {\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n    color: #112e24;\r\n    margin: 6px 0;\r\n}\r\n\r\n.fees-heading p {\r\n    font-size: 15px;\r\n    color: #556b63;\r\n}\r\n\r\n\/* Panel Utama *\/\r\n.fees-panel {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 30px rgba(17, 46, 36, 0.08);\r\n    overflow: hidden;\r\n    border: 1px solid #d1ded9;\r\n}\r\n\r\n\/* Header Kategori *\/\r\n.group-header {\r\n    padding: 20px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: #ffffff;\r\n}\r\n\r\n.group-header.iium-bg {\r\n    background: #112e24; \r\n}\r\n\r\n.group-header.non-iium-bg {\r\n    background: #1e463a;\r\n    border-top: 1px solid #112e24;\r\n}\r\n\r\n.group-icon {\r\n    font-size: 24px;\r\n}\r\n\r\n.group-header h3 {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    color: #ffffff;\r\n}\r\n\r\n.group-header.iium-bg h3 {\r\n    color: #d4af37;\r\n}\r\n\r\n.group-header h3 small {\r\n    font-weight: 400;\r\n    color: #cbd5e1;\r\n    font-size: 13px;\r\n    margin-left: 5px;\r\n}\r\n\r\n\/* Baris Kontena *\/\r\n.fee-row {\r\n    padding: 24px 28px;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.row-iium-body {\r\n    background: #ffffff;\r\n    border-bottom: 1px solid #edf2f0;\r\n}\r\n\r\n.row-non-iium-body {\r\n    background: #f9fbfb;\r\n    border-bottom: 1px solid #edf2f0;\r\n}\r\n\r\n.row-non-iium-body:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.fee-row:hover {\r\n    background: #f1f6f4;\r\n}\r\n\r\n\/* Susunan Blok - Semua Di-align ke KIRI *\/\r\n.fee-type-block {\r\n    display: flex;\r\n    flex-direction: column; \/* Mengubah elemen ke susunan menegak (stack) rapat ke kiri *\/\r\n    align-items: flex-start; \/* Memastikan semuanya rapat ke dinding kiri *\/\r\n    text-align: left;\r\n    gap: 12px; \/* Jarak antara teks penerangan dengan kapsul harga *\/\r\n}\r\n\r\n.fee-text-content {\r\n    width: 100%;\r\n}\r\n\r\n.fee-type-block h4 {\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    color: #112e24;\r\n    margin: 0 0 4px 0;\r\n}\r\n\r\n.fee-type-block p {\r\n    font-size: 13.5px;\r\n    color: #556b63;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Kapsul Harga yang telah di-align ke KIRI *\/\r\n.fee-price {\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: #112e24;\r\n    white-space: nowrap;\r\n    background: #e6eee9;\r\n    padding: 6px 16px;\r\n    border-radius: 10px;\r\n    border: 1px solid #cbdcd3;\r\n    display: inline-block; \/* Memastikan saiz kapsul mengikut panjang teks sahaja *\/\r\n}\r\n\r\n.fee-price .currency {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #bfa13b;\r\n    margin-right: 4px;\r\n}\r\n\r\n\/* Nota Kaki *\/\r\n.fees-footer-note {\r\n    margin-top: 30px;\r\n    text-align: center;\r\n}\r\n\r\n.fees-footer-note p {\r\n    font-size: 13px;\r\n    color: #475569;\r\n    margin: 0;\r\n}\r\n\r\n\/* Paparan Responsif (Mobile) *\/\r\n@media (max-width: 600px) {\r\n    .fee-row {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .fee-price {\r\n        font-size: 22px;\r\n        padding: 4px 12px;\r\n    }\r\n    \r\n    .fees-heading h2 {\r\n        font-size: 28px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9799b5 elementor-widget elementor-widget-html\" data-id=\"a9799b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"registration-guide\">\r\n    <div class=\"guide-container\">\r\n\r\n        <div class=\"guide-heading\">\r\n            <span>IIUM POSTGRADUATE COLLOQUIUM 2026<\/span>\r\n            <h2>Payment & Registration Guide<\/h2>\r\n            <p>Follow these four simple steps to secure your participation.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"steps-row-container\">\r\n            \r\n            <div class=\"step-column\">\r\n                <div class=\"step-circle-card\">\r\n                    <div class=\"badge-number\">1<\/div>\r\n                    <div class=\"step-icon\">\ud83c\udf10<\/div>\r\n                <\/div>\r\n                <div class=\"step-content\">\r\n                    <h3>Access<\/h3>\r\n                    <h4>Determine fee & enter portal<\/h4>\r\n                    <p>Determine your registration category (IIUM \/ Non-IIUM) and access EZPay through the QR Code or payment link.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"step-column\">\r\n                <div class=\"step-circle-card\">\r\n                    <div class=\"badge-number\">2<\/div>\r\n                    <div class=\"step-icon\">\ud83d\udcdd<\/div>\r\n                <\/div>\r\n                <div class=\"step-content\">\r\n                    <h3>Details<\/h3>\r\n                    <h4>Complete EZPay form<\/h4>\r\n                    <p>Fill in with active email, G-number\/IC, category, and university name.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"step-column\">\r\n                <div class=\"step-circle-card\">\r\n                    <div class=\"badge-number\">3<\/div>\r\n                    <div class=\"step-icon\">\ud83d\udcb3<\/div>\r\n                <\/div>\r\n                <div class=\"step-content\">\r\n                    <h3>Payment<\/h3>\r\n                    <h4>Choose payment method<\/h4>\r\n                    <p>Secure options via Internet Banking (FPX), Credit\/Debit Card, or E-Wallet\/BNPL.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"step-column\">\r\n                <div class=\"step-circle-card\">\r\n                    <div class=\"badge-number\">4<\/div>\r\n                    <div class=\"step-icon\">\ud83d\udcc4<\/div>\r\n                <\/div>\r\n                <div class=\"step-content\">\r\n                    <h3>Notification<\/h3>\r\n                    <h4>Download receipt & register<\/h4>\r\n                    <p>Save emailed receipt, upload proof, and complete your registration.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.registration-guide {\r\n    padding: 60px 20px;\r\n    background: #f4f7f6; \/* Latar belakang lembut korporat *\/\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.guide-container {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n}\r\n\r\n\/* Heading style *\/\r\n.guide-heading {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.guide-heading span {\r\n    color: #1e463a;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.guide-heading h2 {\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n    color: #112e24;\r\n    margin: 6px 0;\r\n}\r\n\r\n.guide-heading p {\r\n    font-size: 15px;\r\n    color: #556b63;\r\n    margin: 0;\r\n}\r\n\r\n\/* Container Utama Sebaris Melintang *\/\r\n.steps-row-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 24px; \/* Jarak rapat dan sekata antara kolum *\/\r\n}\r\n\r\n\/* Kolum bagi setiap langkah *\/\r\n.step-column {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    min-width: 0; \/* Mengelakkan elemen pecah *\/\r\n}\r\n\r\n\/* Reka bentuk Bulatan Ikon (Sama seperti fail imej anda) *\/\r\n.step-circle-card {\r\n    position: relative;\r\n    width: 140px; \/* Saiz bulatan yang lebih kompak supaya muat sebaris *\/\r\n    height: 140px;\r\n    background: #ffffff;\r\n    border: 5px solid #1e463a; \/* Warna hijau pekat tema IIUM *\/\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 15px rgba(17,46,36,0.06);\r\n    transition: all 0.3s ease;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Kesan Interaktif apabila tetikus diletakkan di atas kad *\/\r\n.step-column:hover .step-circle-card {\r\n    transform: translateY(-5px);\r\n    border-color: #d4af37; \/* Bertukar warna emas *\/\r\n    box-shadow: 0 10px 20px rgba(212,175,55,0.15);\r\n}\r\n\r\n\/* Nombor Lencana Kecil di bucu atas bulatan *\/\r\n.badge-number {\r\n    position: absolute;\r\n    top: -2px;\r\n    left: -2px;\r\n    width: 34px;\r\n    height: 34px;\r\n    background: #2a5c4d;\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    z-index: 5;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n    transition: background 0.3s;\r\n}\r\n\r\n.step-column:hover .badge-number {\r\n    background: #d4af37;\r\n}\r\n\r\n.step-icon {\r\n    font-size: 40px;\r\n}\r\n\r\n\/* Bahagian Teks Kandungan di bawah Bulatan *\/\r\n.step-content {\r\n    width: 100%;\r\n}\r\n\r\n.step-content h3 {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #112e24;\r\n    margin: 0 0 4px\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>IIUM POSTGRADUATE COLLOQUIUM 2026 Registration Fees \ud83d\udd4c IIUM Members (Internal) Oral Presenter Includes presentation slot, programme book, refreshment and e-certificate. RM100 Participant Includes access to all sessions, programme book, refreshment and e-certificate. RM70 \ud83c\udf0d Non-IIUM Members (External) Oral Presenter Includes presentation slot, programme book, refreshment and e-certificate. RM200 Participant Includes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=370"}],"version-history":[{"count":31,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/370\/revisions\/726"}],"wp:attachment":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}