IFOMS | Member Support Center<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700;800&display=swap');\n\n :root {\n --navy-deep: #0a1f44;\n --navy-light: #162e5b;\n --gold: #D4AF37;\n --ice-white: #f8fafc;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--ice-white);\n color: var(--navy-deep);\n scroll-behavior: smooth;\n }\n\n h1, h2, h3, .font-serif {\n font-family: 'Playfair Display', serif;\n }\n\n .bg-navy { background-color: var(--navy-deep); }\n .text-gold { color: var(--gold); }\n .bg-gold { background-color: var(--gold); }\n \n .hero-section {\n background: linear-gradient(rgba(10, 31, 68, 0.94), rgba(10, 31, 68, 0.98)), \n url('https:\/\/ifoms.org\/wp-content\/uploads\/2026\/01\/IMG_8585.jpg') center\/contain no-repeat;\n background-attachment: fixed;\n }\n\n .logo-img {\n \/* Using !important to prevent WordPress theme overrides *\/\n width: 100px !important;\n height: 100px !important;\n object-fit: contain !important;\n border-radius: 50% !important;\n overflow: hidden !important;\n background: white !important;\n padding: 8px !important;\n display: block !important;\n margin: 0 auto !important;\n border: 2px solid var(--gold) !important;\n }\n\n .tab-btn {\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n }\n\n .tab-btn.active {\n color: var(--gold);\n border-bottom-color: var(--gold);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .step-container {\n position: relative;\n }\n\n .step-container::before {\n content: '';\n position: absolute;\n left: 2rem;\n top: 0;\n bottom: 0;\n width: 2px;\n background: repeating-linear-gradient(to bottom, transparent, transparent 10px, var(--gold) 10px, var(--gold) 20px);\n opacity: 0.2;\n }\n\n @media (max-width: 768px) {\n .step-container::before { left: 1.5rem; }\n }\n\n .step-card {\n transition: transform 0.3s ease;\n }\n\n .step-card:hover {\n transform: translateY(-3px);\n }\n\n .portal-card {\n border-left: 4px solid var(--gold);\n height: 100%;\n }\n\n [data-tab-content] {\n display: none;\n }\n\n [data-tab-content].active {\n display: block;\n animation: fadeIn 0.5s ease-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .status-badge {\n font-size: 10px;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: bold;\n text-transform: uppercase;\n }\n\n .member-card-img {\n width: 100%;\n max-width: 700px;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n border: 1px solid rgba(0,0,0,0.08);\n margin: 0 auto;\n }\n\n .card-space-container {\n background: #fff;\n padding: 2.5rem;\n border-radius: 20px;\n border: 1px solid #e2e8f0;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero-section min-h-[45vh] flex flex-col items-center justify-center text-center px-6 text-white relative\">\n <div class=\"mb-6 flex flex-col items-center\">\n <div class=\"shadow-2xl mb-4\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2026\/01\/IMG_8585.jpg\" alt=\"IFOMS Logo\" class=\"logo-img\">\n <\/div>\n \n <span class=\"uppercase tracking-[0.2em] text-gold font-bold text-sm md:text-xl px-2\">Independent Federation of Myanmar Seafarers<\/span>\n <\/div>\n <h1 class=\"text-3xl text-blue-300 md:text-5xl font-bold mb-4\">Member Support Center<\/h1>\n <p class=\"text-gray-300 text-sm italic font-light\">Navigating your membership with clarity and solidarity.<\/p>\n <\/header>\n\n \n <nav class=\"sticky top-0 bg-white shadow-md z-50\">\n <div class=\"max-w-5xl mx-auto flex overflow-x-auto no-scrollbar\">\n <button onclick=\"switchTab('registration')\" data-tab-btn=\"registration\" class=\"tab-btn active flex-1 py-5 px-4 text-center font-bold text-sm flex items-center justify-center gap-2 whitespace-nowrap\">\n <i class=\"fa-solid fa-file-signature\"><\/i> Registration Guide\n <\/button>\n <button onclick=\"switchTab('portal')\" data-tab-btn=\"portal\" class=\"tab-btn flex-1 py-5 px-4 text-center font-bold text-sm flex items-center justify-center gap-2 whitespace-nowrap\">\n <i class=\"fa-solid fa-user-gear\"><\/i> Member Portal Guide\n <\/button>\n <button onclick=\"switchTab('support')\" data-tab-btn=\"support\" class=\"tab-btn flex-1 py-5 px-4 text-center font-bold text-sm flex items-center justify-center gap-2 whitespace-nowrap\">\n <i class=\"fa-solid fa-circle-question\"><\/i> Support & FAQ\n <\/button>\n <\/div>\n <\/nav>\n\n \n <main class=\"max-w-5xl mx-auto py-12 px-6\">\n\n \n <div id=\"registration\" data-tab-content class=\"active\">\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-2xl font-bold text-navy\">Application Guide<\/h2>\n <div class=\"h-1 w-16 bg-gold mx-auto mt-2\"><\/div>\n <\/div>\n\n <div class=\"step-container space-y-12\">\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-navy text-gold rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">1<\/div>\n <div class=\"step-card bg-white p-8 rounded-2xl shadow-sm border border-gray-100\">\n <h3 class=\"text-xl font-bold mb-3 text-navy\">Open Registration Page<\/h3>\n <p class=\"text-sm text-gray-600 mb-4\">Visit the official portal using a stable internet connection.<\/p>\n <div class=\"bg-slate-50 p-4 rounded-xl border border-slate-200\">\n <a href=\"https:\/\/ifoms.org\/registration\/index.html\" target=\"_blank\" class=\"text-blue-600 font-semibold break-all text-sm flex items-center gap-2\">\n ifoms.org\/registration\/index.html <i class=\"fa-solid fa-external-link text-[10px]\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-navy text-gold rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">2<\/div>\n <div class=\"step-card bg-white p-8 rounded-2xl shadow-sm border border-gray-100\">\n <h3 class=\"text-xl font-bold mb-4 text-navy\">Fill Personal Information<\/h3>\n <p class=\"text-sm text-gray-600 mb-6\">Enter your details exactly as they appear on your passport\/CDC.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3 text-xs text-gray-700 font-medium mb-6\">\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Profile Picture (License-sized photo)<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Full Name<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Date of Birth<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> CDC Number \/ Passport<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Email Address<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Ship Informations<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Next of Kin<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Member payment system<\/div>\n <\/div>\n <div class=\"p-4 bg-blue-50 rounded-xl border border-blue-100 text-[11px] text-blue-800 font-bold italic\">\n <i class=\"fa-solid fa-book-open mr-2\"><\/i> Please read the terms and conditions before proceeding with your application.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-gold text-navy rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">3<\/div>\n <div class=\"step-card bg-navy p-8 rounded-2xl shadow-xl text-white\">\n <h3 class=\"text-xl font-bold mb-3 text-gold\">Payment & QR Guide<\/h3>\n <p class=\"text-xs text-gray-400 mb-6\">Scan the official QR code using your banking app and confirm the fee.<\/p>\n <div class=\"aspect-video bg-black rounded-xl flex items-center justify-center border border-white\/10 mb-6\">\n \n <video class=\"w-full h-full rounded-xl\" controls preload=\"metadata\">\n <source src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2026\/03\/My-Movie.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n <div class=\"bg-white\/5 p-4 rounded-xl border border-white\/10\">\n <p class=\"text-[10px] text-gold italic\"><i class=\"fa-solid fa-lightbulb mr-2\"><\/i>Complete payment before the final submission.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-navy text-gold rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">4<\/div>\n <div class=\"step-card bg-white p-8 rounded-2xl shadow-sm border border-gray-100 text-center\">\n <i class=\"fa-solid fa-paper-plane text-3xl text-green-500 mb-4\"><\/i>\n <h3 class=\"text-xl font-bold mb-3 text-navy\">Submit Registration<\/h3>\n <p class=\"text-sm text-gray-600 mb-6 max-w-md mx-auto\">Upload your payment proof and click \"Submit\". Admin review takes 1-3 working days.<\/p>\n <div class=\"bg-slate-50 p-4 rounded-xl text-xs text-navy font-bold flex items-center justify-center gap-4\">\n <span><i class=\"fa-solid fa-envelope text-gold mr-1\"><\/i> Check Email for Confirmation<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"portal\" data-tab-content>\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-2xl font-bold text-navy\">Member Portal User Guide<\/h2>\n <p class=\"text-sm text-gray-500 mt-2 italic\">\ud83d\udcd6 Essential instructions for managing your IFOMS account.<\/p>\n <div class=\"h-1 w-16 bg-gold mx-auto mt-4\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 gap-12\">\n \n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">1<\/span>\n \ud83d\udd10 Login to the Member Portal\n <\/h3>\n <p class=\"text-sm text-gray-600 mb-4\">Enter your registered Email and Password to access your personal Member Dashboard.<\/p>\n <div class=\"bg-slate-50 p-4 rounded-xl border border-dashed border-gray-300\">\n <p class=\"text-[10px] uppercase font-bold text-gray-400 mb-2\">Portal Access Link:<\/p>\n <a href=\"https:\/\/ifoms.org\/login\/index.html\" target=\"_blank\" class=\"text-blue-600 font-bold text-sm flex items-center gap-2\">\n https:\/\/ifoms.org\/login\/index.html <i class=\"fa-solid fa-chevron-right text-[10px]\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-6 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">2<\/span>\n \ud83e\udeaa View Digital Membership Card\n <\/h3>\n \n <div class=\"card-space-container mb-8\">\n <p class=\"text-xs text-navy font-bold mb-4 uppercase tracking-widest opacity-60\">Digital Membership Card Display<\/p>\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2026\/03\/IFOMS_Member_Card-scaled.png\" alt=\"IFOMS Member Card Sample\" class=\"member-card-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/600x400?text=IFOMS+Member+Card'\">\n <p class=\"text-[10px] mt-4 text-gray-400 italic\">This card serves as your official IFOMS identification.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start\">\n <div class=\"space-y-4\">\n <div class=\"text-sm text-gray-600\">\n <p class=\"mb-3 font-semibold text-navy\">Your official identification includes:<\/p>\n <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-[11px] font-medium text-navy\">\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-camera text-gold\"><\/i> Member Photo<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-user text-gold\"><\/i> Member Name<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-id-badge text-gold\"><\/i> Membership ID<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-book text-gold\"><\/i> CDC Number<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-calendar text-gold\"><\/i> Issue Date<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-qrcode text-gold\"><\/i> QR Code for checking expiry date<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"p-6 bg-navy rounded-xl text-white text-[11px] leading-relaxed shadow-lg border-b-4 border-gold\">\n <p class=\"text-gold font-bold mb-3 uppercase tracking-tighter text-sm flex items-center gap-2\">\n <i class=\"fa-solid fa-circle-check\"><\/i> Verification & Validation\n <\/p>\n <p class=\"opacity-90\">Scanning the QR code on your card provides instant verification of your identity, membership validity, expiry date, and official registration in the IFOMS system.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">3<\/span>\n \ud83d\udcc5 Membership Validity\n <\/h3>\n <div class=\"flex flex-col md:flex-row gap-4 mb-4\">\n <div class=\"flex-1 bg-slate-50 p-3 rounded-lg border\">\n <p class=\"text-[10px] text-gray-400 uppercase font-bold\">Example Status<\/p>\n <p class=\"text-xs font-bold text-navy mt-1\">\ud83d\udcc5 Since: 03\/12\/2025<\/p>\n <p class=\"text-xs font-bold text-red-600\">\u23f3 Until: 03\/03\/2026<\/p>\n <\/div>\n <div class=\"flex-1 bg-amber-50 p-3 rounded-lg border border-amber-200\">\n <p class=\"text-[11px] text-amber-800 leading-tight\">\u26a0\ufe0f <strong>Expired?<\/strong> Click the <strong>\"Member Extension\"<\/strong> button to renew and maintain IFOMS services and benefits.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm border-l-red-600\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs\">4<\/span>\n \u2693 Complaint Reports\n <\/h3>\n <p class=\"text-[11px] text-gray-500 mb-4\">Report employment issues, salary disputes, or shipboard welfare problems.<\/p>\n <ol class=\"text-[11px] space-y-1 font-medium list-decimal pl-4 text-navy\">\n <li>Click Complaint Report<\/li>\n <li>Fill required info<\/li>\n <li>Clearly describe the issue<\/li>\n <li>Submit for Admin review<\/li>\n <\/ol>\n <\/div>\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm border-l-gray-400\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-gray-400 text-white flex items-center justify-center text-xs\">5<\/span>\n \ud83d\udd4a\ufe0f Death Case Report\n <\/h3>\n <p class=\"text-[11px] text-gray-500 mb-4\">Members or family can report seafarer deaths for IFOMS assistance.<\/p>\n <ol class=\"text-[11px] space-y-1 font-medium list-decimal pl-4 text-navy\">\n <li>Click Death Case Report<\/li>\n <li>Provide case details<\/li>\n <li>Upload documents (if any)<\/li>\n <li>Submit for immediate team review<\/li>\n <\/ol>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-4 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">6<\/span>\n \ud83d\udcca Track Complaint Status\n <\/h3>\n <div class=\"space-y-3\">\n <div class=\"flex items-center justify-between text-[11px] border-b pb-2\">\n <span class=\"text-gray-500 italic\">Waiting for review<\/span>\n <span class=\"status-badge bg-amber-100 text-amber-800\">\ud83d\udfe1 Pending<\/span>\n <\/div>\n <div class=\"flex items-center justify-between text-[11px] border-b pb-2\">\n <span class=\"text-gray-500 italic\">Case is being handled<\/span>\n <span class=\"status-badge bg-blue-100 text-blue-800\">\ud83d\udfe1 Processing<\/span>\n <\/div>\n <div class=\"flex items-center justify-between text-[11px]\">\n <span class=\"text-gray-500 italic\">Issue has been solved<\/span>\n <span class=\"status-badge bg-green-100 text-green-800\">\ud83d\udfe2 Complete<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-4 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">7<\/span>\n \ud83d\udcb3 Payment History\n <\/h3>\n <div class=\"text-[10px] space-y-2\">\n <div class=\"flex justify-between p-2 bg-slate-50 rounded\">\n <span>03\/12\/2025 \u2013 REGISTER<\/span>\n <span class=\"font-bold text-green-600\">APPROVED<\/span>\n <\/div>\n <div class=\"flex justify-between p-2 bg-slate-50 rounded\">\n <span>09\/12\/2025 \u2013 MEMBER<\/span>\n <span class=\"font-bold text-green-600\">APPROVED<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div>\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">8<\/span>\n \ud83d\udc64 Manage Your Profile\n <\/h3>\n <p class=\"text-sm text-gray-600 mb-2\">Click Profile at the top right to:<\/p>\n <ul class=\"text-[11px] text-gray-500 list-disc pl-4\">\n <li>Update personal & contact details<\/li>\n <li>Change account password<\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">9<\/span>\n \ud83d\udeaa Logout Securely\n <\/h3>\n <p class=\"text-sm text-gray-600\">Always click <strong>Logout<\/strong> at the top right corner when finished to protect your account from unauthorized access.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-navy p-6 rounded-xl text-white\">\n <h4 class=\"text-gold font-bold text-sm mb-4 italic underline\">\ud83d\udca1 Important Tips for Members<\/h4>\n <ul class=\"text-xs space-y-2 text-gray-300\">\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Keep your Membership ID safe<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Check your membership expiration regularly<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Upload clear documents when submitting reports<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Use Member Extension if your membership expires<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Contact IFOMS support if you need urgent help<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"support\" data-tab-content>\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-2xl font-bold text-navy\">Support Center<\/h2>\n <div class=\"h-1 w-16 bg-gold mx-auto mt-4\"><\/div>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm space-y-8 text-center\">\n <div>\n <h3 class=\"font-bold text-navy mb-4 flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-headset text-gold\"><\/i> Contact Administrator\n <\/h3>\n <p class=\"text-sm text-gray-600 mb-8 max-w-2xl mx-auto leading-relaxed\">\n If you encounter technical issues during registration, login, or need urgent assistance with your membership status, please use our official support portal.\n <\/p>\n <div class=\"mb-8\">\n <a href=\"https:\/\/ifoms.org\/request_support\/\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-navy text-gold px-10 py-5 rounded-xl font-bold hover:bg-gold hover:text-navy transition-all shadow-md group\">\n <i class=\"fa-solid fa-life-ring group-hover:rotate-12 transition-transform text-lg\"><\/i> Submit Support Request\n <\/a>\n <\/div>\n <\/div>\n <div class=\"h-px bg-gray-100 max-w-xl mx-auto\"><\/div>\n <div class=\"text-left max-w-2xl mx-auto text-sm text-gray-600 space-y-3 leading-relaxed\">\n <h3 class=\"font-bold text-navy mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-scale-balanced text-gold\"><\/i> Membership Terms\n <\/h3>\n <p class=\"flex gap-3\"><i class=\"fa-solid fa-circle-info text-gold\/50 mt-1\"><\/i> Membership is exclusive to seafarers registered under the Independent Federation of Myanmar Seafarers.<\/p>\n <p class=\"flex gap-3\"><i class=\"fa-solid fa-circle-info text-gold\/50 mt-1\"><\/i> Annual fees are non-refundable once issued.<\/p>\n <p class=\"flex gap-3\"><i class=\"fa-solid fa-circle-info text-gold\/50 mt-1\"><\/i> Information provided must be true and match official seafarer documents.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n\n\n <script>\n function switchTab(tabId) {\n document.querySelectorAll('[data-tab-content]').forEach(content => {\n content.classList.remove('active');\n });\n document.querySelectorAll('[data-tab-btn]').forEach(btn => {\n btn.classList.remove('active');\n });\n document.getElementById(tabId).classList.add('active');\n const targetBtn = document.querySelector(`[data-tab-btn=\"${tabId}\"]`);\n if (targetBtn) targetBtn.classList.add('active');\n const nav = document.querySelector('nav');\n window.scrollTo({ top: nav.offsetTop - 20, behavior: 'smooth' });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IFOMS | Member Support Center Independent Federation of Myanmar Seafarers Member Support Center Navigating your membership with clarity and solidarity. Registration Guide Member Portal Guide Support & FAQ Application Guide 1 Open Registration Page Visit the official portal using a stable internet connection. ifoms.org\/registration\/index.html 2 Fill Personal Information Enter your details exactly as they appear…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2730","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/comments?post=2730"}],"version-history":[{"count":28,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2730\/revisions"}],"predecessor-version":[{"id":2773,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2730\/revisions\/2773"}],"wp:attachment":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/media?parent=2730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n IFOMS | Member Support Center<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700;800&display=swap');\n\n :root {\n --navy-deep: #0a1f44;\n --navy-light: #162e5b;\n --gold: #D4AF37;\n --ice-white: #f8fafc;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--ice-white);\n color: var(--navy-deep);\n scroll-behavior: smooth;\n }\n\n h1, h2, h3, .font-serif {\n font-family: 'Playfair Display', serif;\n }\n\n .bg-navy { background-color: var(--navy-deep); }\n .text-gold { color: var(--gold); }\n .bg-gold { background-color: var(--gold); }\n \n .hero-section {\n background: linear-gradient(rgba(10, 31, 68, 0.94), rgba(10, 31, 68, 0.98)), \n url('https:\/\/ifoms.org\/wp-content\/uploads\/2026\/01\/IMG_8585.jpg') center\/contain no-repeat;\n background-attachment: fixed;\n }\n\n .logo-img {\n \/* Using !important to prevent WordPress theme overrides *\/\n width: 100px !important;\n height: 100px !important;\n object-fit: contain !important;\n border-radius: 50% !important;\n overflow: hidden !important;\n background: white !important;\n padding: 8px !important;\n display: block !important;\n margin: 0 auto !important;\n border: 2px solid var(--gold) !important;\n }\n\n .tab-btn {\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n }\n\n .tab-btn.active {\n color: var(--gold);\n border-bottom-color: var(--gold);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .step-container {\n position: relative;\n }\n\n .step-container::before {\n content: '';\n position: absolute;\n left: 2rem;\n top: 0;\n bottom: 0;\n width: 2px;\n background: repeating-linear-gradient(to bottom, transparent, transparent 10px, var(--gold) 10px, var(--gold) 20px);\n opacity: 0.2;\n }\n\n @media (max-width: 768px) {\n .step-container::before { left: 1.5rem; }\n }\n\n .step-card {\n transition: transform 0.3s ease;\n }\n\n .step-card:hover {\n transform: translateY(-3px);\n }\n\n .portal-card {\n border-left: 4px solid var(--gold);\n height: 100%;\n }\n\n [data-tab-content] {\n display: none;\n }\n\n [data-tab-content].active {\n display: block;\n animation: fadeIn 0.5s ease-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .status-badge {\n font-size: 10px;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: bold;\n text-transform: uppercase;\n }\n\n .member-card-img {\n width: 100%;\n max-width: 700px;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n border: 1px solid rgba(0,0,0,0.08);\n margin: 0 auto;\n }\n\n .card-space-container {\n background: #fff;\n padding: 2.5rem;\n border-radius: 20px;\n border: 1px solid #e2e8f0;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero-section min-h-[45vh] flex flex-col items-center justify-center text-center px-6 text-white relative\">\n <div class=\"mb-6 flex flex-col items-center\">\n <div class=\"shadow-2xl mb-4\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2026\/01\/IMG_8585.jpg\" alt=\"IFOMS Logo\" class=\"logo-img\">\n <\/div>\n \n <span class=\"uppercase tracking-[0.2em] text-gold font-bold text-sm md:text-xl px-2\">Independent Federation of Myanmar Seafarers<\/span>\n <\/div>\n <h1 class=\"text-3xl text-blue-300 md:text-5xl font-bold mb-4\">Member Support Center<\/h1>\n <p class=\"text-gray-300 text-sm italic font-light\">Navigating your membership with clarity and solidarity.<\/p>\n <\/header>\n\n \n <nav class=\"sticky top-0 bg-white shadow-md z-50\">\n <div class=\"max-w-5xl mx-auto flex overflow-x-auto no-scrollbar\">\n <button onclick=\"switchTab('registration')\" data-tab-btn=\"registration\" class=\"tab-btn active flex-1 py-5 px-4 text-center font-bold text-sm flex items-center justify-center gap-2 whitespace-nowrap\">\n <i class=\"fa-solid fa-file-signature\"><\/i> Registration Guide\n <\/button>\n <button onclick=\"switchTab('portal')\" data-tab-btn=\"portal\" class=\"tab-btn flex-1 py-5 px-4 text-center font-bold text-sm flex items-center justify-center gap-2 whitespace-nowrap\">\n <i class=\"fa-solid fa-user-gear\"><\/i> Member Portal Guide\n <\/button>\n <button onclick=\"switchTab('support')\" data-tab-btn=\"support\" class=\"tab-btn flex-1 py-5 px-4 text-center font-bold text-sm flex items-center justify-center gap-2 whitespace-nowrap\">\n <i class=\"fa-solid fa-circle-question\"><\/i> Support & FAQ\n <\/button>\n <\/div>\n <\/nav>\n\n \n <main class=\"max-w-5xl mx-auto py-12 px-6\">\n\n \n <div id=\"registration\" data-tab-content class=\"active\">\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-2xl font-bold text-navy\">Application Guide<\/h2>\n <div class=\"h-1 w-16 bg-gold mx-auto mt-2\"><\/div>\n <\/div>\n\n <div class=\"step-container space-y-12\">\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-navy text-gold rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">1<\/div>\n <div class=\"step-card bg-white p-8 rounded-2xl shadow-sm border border-gray-100\">\n <h3 class=\"text-xl font-bold mb-3 text-navy\">Open Registration Page<\/h3>\n <p class=\"text-sm text-gray-600 mb-4\">Visit the official portal using a stable internet connection.<\/p>\n <div class=\"bg-slate-50 p-4 rounded-xl border border-slate-200\">\n <a href=\"https:\/\/ifoms.org\/registration\/index.html\" target=\"_blank\" class=\"text-blue-600 font-semibold break-all text-sm flex items-center gap-2\">\n ifoms.org\/registration\/index.html <i class=\"fa-solid fa-external-link text-[10px]\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-navy text-gold rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">2<\/div>\n <div class=\"step-card bg-white p-8 rounded-2xl shadow-sm border border-gray-100\">\n <h3 class=\"text-xl font-bold mb-4 text-navy\">Fill Personal Information<\/h3>\n <p class=\"text-sm text-gray-600 mb-6\">Enter your details exactly as they appear on your passport\/CDC.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3 text-xs text-gray-700 font-medium mb-6\">\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Profile Picture (License-sized photo)<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Full Name<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Date of Birth<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> CDC Number \/ Passport<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Email Address<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Ship Informations<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Next of Kin<\/div>\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-gold\"><\/i> Member payment system<\/div>\n <\/div>\n <div class=\"p-4 bg-blue-50 rounded-xl border border-blue-100 text-[11px] text-blue-800 font-bold italic\">\n <i class=\"fa-solid fa-book-open mr-2\"><\/i> Please read the terms and conditions before proceeding with your application.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-gold text-navy rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">3<\/div>\n <div class=\"step-card bg-navy p-8 rounded-2xl shadow-xl text-white\">\n <h3 class=\"text-xl font-bold mb-3 text-gold\">Payment & QR Guide<\/h3>\n <p class=\"text-xs text-gray-400 mb-6\">Scan the official QR code using your banking app and confirm the fee.<\/p>\n <div class=\"aspect-video bg-black rounded-xl flex items-center justify-center border border-white\/10 mb-6\">\n \n <video class=\"w-full h-full rounded-xl\" controls preload=\"metadata\">\n <source src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2026\/03\/My-Movie.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n <div class=\"bg-white\/5 p-4 rounded-xl border border-white\/10\">\n <p class=\"text-[10px] text-gold italic\"><i class=\"fa-solid fa-lightbulb mr-2\"><\/i>Complete payment before the final submission.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-16 md:pl-24\">\n <div class=\"absolute left-0 top-0 w-12 h-12 md:w-16 md:h-16 bg-navy text-gold rounded-full flex items-center justify-center text-xl font-bold border-4 border-white shadow-lg\">4<\/div>\n <div class=\"step-card bg-white p-8 rounded-2xl shadow-sm border border-gray-100 text-center\">\n <i class=\"fa-solid fa-paper-plane text-3xl text-green-500 mb-4\"><\/i>\n <h3 class=\"text-xl font-bold mb-3 text-navy\">Submit Registration<\/h3>\n <p class=\"text-sm text-gray-600 mb-6 max-w-md mx-auto\">Upload your payment proof and click \"Submit\". Admin review takes 1-3 working days.<\/p>\n <div class=\"bg-slate-50 p-4 rounded-xl text-xs text-navy font-bold flex items-center justify-center gap-4\">\n <span><i class=\"fa-solid fa-envelope text-gold mr-1\"><\/i> Check Email for Confirmation<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"portal\" data-tab-content>\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-2xl font-bold text-navy\">Member Portal User Guide<\/h2>\n <p class=\"text-sm text-gray-500 mt-2 italic\">\ud83d\udcd6 Essential instructions for managing your IFOMS account.<\/p>\n <div class=\"h-1 w-16 bg-gold mx-auto mt-4\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 gap-12\">\n \n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">1<\/span>\n \ud83d\udd10 Login to the Member Portal\n <\/h3>\n <p class=\"text-sm text-gray-600 mb-4\">Enter your registered Email and Password to access your personal Member Dashboard.<\/p>\n <div class=\"bg-slate-50 p-4 rounded-xl border border-dashed border-gray-300\">\n <p class=\"text-[10px] uppercase font-bold text-gray-400 mb-2\">Portal Access Link:<\/p>\n <a href=\"https:\/\/ifoms.org\/login\/index.html\" target=\"_blank\" class=\"text-blue-600 font-bold text-sm flex items-center gap-2\">\n https:\/\/ifoms.org\/login\/index.html <i class=\"fa-solid fa-chevron-right text-[10px]\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-6 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">2<\/span>\n \ud83e\udeaa View Digital Membership Card\n <\/h3>\n \n <div class=\"card-space-container mb-8\">\n <p class=\"text-xs text-navy font-bold mb-4 uppercase tracking-widest opacity-60\">Digital Membership Card Display<\/p>\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2026\/03\/IFOMS_Member_Card-scaled.png\" alt=\"IFOMS Member Card Sample\" class=\"member-card-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/600x400?text=IFOMS+Member+Card'\">\n <p class=\"text-[10px] mt-4 text-gray-400 italic\">This card serves as your official IFOMS identification.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start\">\n <div class=\"space-y-4\">\n <div class=\"text-sm text-gray-600\">\n <p class=\"mb-3 font-semibold text-navy\">Your official identification includes:<\/p>\n <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-[11px] font-medium text-navy\">\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-camera text-gold\"><\/i> Member Photo<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-user text-gold\"><\/i> Member Name<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-id-badge text-gold\"><\/i> Membership ID<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-book text-gold\"><\/i> CDC Number<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-calendar text-gold\"><\/i> Issue Date<\/li>\n <li class=\"flex items-center gap-2 bg-slate-50 p-2 rounded\"><i class=\"fa-solid fa-qrcode text-gold\"><\/i> QR Code for checking expiry date<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"p-6 bg-navy rounded-xl text-white text-[11px] leading-relaxed shadow-lg border-b-4 border-gold\">\n <p class=\"text-gold font-bold mb-3 uppercase tracking-tighter text-sm flex items-center gap-2\">\n <i class=\"fa-solid fa-circle-check\"><\/i> Verification & Validation\n <\/p>\n <p class=\"opacity-90\">Scanning the QR code on your card provides instant verification of your identity, membership validity, expiry date, and official registration in the IFOMS system.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">3<\/span>\n \ud83d\udcc5 Membership Validity\n <\/h3>\n <div class=\"flex flex-col md:flex-row gap-4 mb-4\">\n <div class=\"flex-1 bg-slate-50 p-3 rounded-lg border\">\n <p class=\"text-[10px] text-gray-400 uppercase font-bold\">Example Status<\/p>\n <p class=\"text-xs font-bold text-navy mt-1\">\ud83d\udcc5 Since: 03\/12\/2025<\/p>\n <p class=\"text-xs font-bold text-red-600\">\u23f3 Until: 03\/03\/2026<\/p>\n <\/div>\n <div class=\"flex-1 bg-amber-50 p-3 rounded-lg border border-amber-200\">\n <p class=\"text-[11px] text-amber-800 leading-tight\">\u26a0\ufe0f <strong>Expired?<\/strong> Click the <strong>\"Member Extension\"<\/strong> button to renew and maintain IFOMS services and benefits.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm border-l-red-600\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs\">4<\/span>\n \u2693 Complaint Reports\n <\/h3>\n <p class=\"text-[11px] text-gray-500 mb-4\">Report employment issues, salary disputes, or shipboard welfare problems.<\/p>\n <ol class=\"text-[11px] space-y-1 font-medium list-decimal pl-4 text-navy\">\n <li>Click Complaint Report<\/li>\n <li>Fill required info<\/li>\n <li>Clearly describe the issue<\/li>\n <li>Submit for Admin review<\/li>\n <\/ol>\n <\/div>\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm border-l-gray-400\">\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-gray-400 text-white flex items-center justify-center text-xs\">5<\/span>\n \ud83d\udd4a\ufe0f Death Case Report\n <\/h3>\n <p class=\"text-[11px] text-gray-500 mb-4\">Members or family can report seafarer deaths for IFOMS assistance.<\/p>\n <ol class=\"text-[11px] space-y-1 font-medium list-decimal pl-4 text-navy\">\n <li>Click Death Case Report<\/li>\n <li>Provide case details<\/li>\n <li>Upload documents (if any)<\/li>\n <li>Submit for immediate team review<\/li>\n <\/ol>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-4 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">6<\/span>\n \ud83d\udcca Track Complaint Status\n <\/h3>\n <div class=\"space-y-3\">\n <div class=\"flex items-center justify-between text-[11px] border-b pb-2\">\n <span class=\"text-gray-500 italic\">Waiting for review<\/span>\n <span class=\"status-badge bg-amber-100 text-amber-800\">\ud83d\udfe1 Pending<\/span>\n <\/div>\n <div class=\"flex items-center justify-between text-[11px] border-b pb-2\">\n <span class=\"text-gray-500 italic\">Case is being handled<\/span>\n <span class=\"status-badge bg-blue-100 text-blue-800\">\ud83d\udfe1 Processing<\/span>\n <\/div>\n <div class=\"flex items-center justify-between text-[11px]\">\n <span class=\"text-gray-500 italic\">Issue has been solved<\/span>\n <span class=\"status-badge bg-green-100 text-green-800\">\ud83d\udfe2 Complete<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-navy mb-4 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">7<\/span>\n \ud83d\udcb3 Payment History\n <\/h3>\n <div class=\"text-[10px] space-y-2\">\n <div class=\"flex justify-between p-2 bg-slate-50 rounded\">\n <span>03\/12\/2025 \u2013 REGISTER<\/span>\n <span class=\"font-bold text-green-600\">APPROVED<\/span>\n <\/div>\n <div class=\"flex justify-between p-2 bg-slate-50 rounded\">\n <span>09\/12\/2025 \u2013 MEMBER<\/span>\n <span class=\"font-bold text-green-600\">APPROVED<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portal-card bg-white p-6 rounded-xl shadow-sm\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div>\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">8<\/span>\n \ud83d\udc64 Manage Your Profile\n <\/h3>\n <p class=\"text-sm text-gray-600 mb-2\">Click Profile at the top right to:<\/p>\n <ul class=\"text-[11px] text-gray-500 list-disc pl-4\">\n <li>Update personal & contact details<\/li>\n <li>Change account password<\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"font-bold text-navy mb-3 flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-full bg-navy text-gold flex items-center justify-center text-xs\">9<\/span>\n \ud83d\udeaa Logout Securely\n <\/h3>\n <p class=\"text-sm text-gray-600\">Always click <strong>Logout<\/strong> at the top right corner when finished to protect your account from unauthorized access.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-navy p-6 rounded-xl text-white\">\n <h4 class=\"text-gold font-bold text-sm mb-4 italic underline\">\ud83d\udca1 Important Tips for Members<\/h4>\n <ul class=\"text-xs space-y-2 text-gray-300\">\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Keep your Membership ID safe<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Check your membership expiration regularly<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Upload clear documents when submitting reports<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Use Member Extension if your membership expires<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-circle-check text-gold\"><\/i> Contact IFOMS support if you need urgent help<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"support\" data-tab-content>\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-2xl font-bold text-navy\">Support Center<\/h2>\n <div class=\"h-1 w-16 bg-gold mx-auto mt-4\"><\/div>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm space-y-8 text-center\">\n <div>\n <h3 class=\"font-bold text-navy mb-4 flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-headset text-gold\"><\/i> Contact Administrator\n <\/h3>\n <p class=\"text-sm text-gray-600 mb-8 max-w-2xl mx-auto leading-relaxed\">\n If you encounter technical issues during registration, login, or need urgent assistance with your membership status, please use our official support portal.\n <\/p>\n <div class=\"mb-8\">\n <a href=\"https:\/\/ifoms.org\/request_support\/\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-navy text-gold px-10 py-5 rounded-xl font-bold hover:bg-gold hover:text-navy transition-all shadow-md group\">\n <i class=\"fa-solid fa-life-ring group-hover:rotate-12 transition-transform text-lg\"><\/i> Submit Support Request\n <\/a>\n <\/div>\n <\/div>\n <div class=\"h-px bg-gray-100 max-w-xl mx-auto\"><\/div>\n <div class=\"text-left max-w-2xl mx-auto text-sm text-gray-600 space-y-3 leading-relaxed\">\n <h3 class=\"font-bold text-navy mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-scale-balanced text-gold\"><\/i> Membership Terms\n <\/h3>\n <p class=\"flex gap-3\"><i class=\"fa-solid fa-circle-info text-gold\/50 mt-1\"><\/i> Membership is exclusive to seafarers registered under the Independent Federation of Myanmar Seafarers.<\/p>\n <p class=\"flex gap-3\"><i class=\"fa-solid fa-circle-info text-gold\/50 mt-1\"><\/i> Annual fees are non-refundable once issued.<\/p>\n <p class=\"flex gap-3\"><i class=\"fa-solid fa-circle-info text-gold\/50 mt-1\"><\/i> Information provided must be true and match official seafarer documents.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n\n\n <script>\n function switchTab(tabId) {\n document.querySelectorAll('[data-tab-content]').forEach(content => {\n content.classList.remove('active');\n });\n document.querySelectorAll('[data-tab-btn]').forEach(btn => {\n btn.classList.remove('active');\n });\n document.getElementById(tabId).classList.add('active');\n const targetBtn = document.querySelector(`[data-tab-btn=\"${tabId}\"]`);\n if (targetBtn) targetBtn.classList.add('active');\n const nav = document.querySelector('nav');\n window.scrollTo({ top: nav.offsetTop - 20, behavior: 'smooth' });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IFOMS | Member Support Center Independent Federation of Myanmar Seafarers Member Support Center Navigating your membership with clarity and solidarity. Registration Guide Member Portal Guide Support & FAQ Application Guide 1 Open Registration Page Visit the official portal using a stable internet connection. ifoms.org\/registration\/index.html 2 Fill Personal Information Enter your details exactly as they appear…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2730","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/comments?post=2730"}],"version-history":[{"count":28,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2730\/revisions"}],"predecessor-version":[{"id":2773,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2730\/revisions\/2773"}],"wp:attachment":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/media?parent=2730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}