{"id":91625,"date":"2026-07-24T11:39:29","date_gmt":"2026-07-24T04:39:29","guid":{"rendered":"https:\/\/careerhub.huflit.edu.vn\/huflit-internship-week-2026\/"},"modified":"2026-09-04T09:19:28","modified_gmt":"2026-09-04T02:19:28","slug":"huflit-internship-week-2026","status":"publish","type":"page","link":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/","title":{"rendered":"HUFLIT Internship Week 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"91625\" class=\"elementor elementor-91625 elementor-84887\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78059a1 e-con-full e-flex e-con e-parent\" data-id=\"78059a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-deca174 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"deca174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"vi\" class=\"scroll-smooth\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HUFLIT Internship Week 2026 - All In One<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\"\n        rel=\"stylesheet\">\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['\"Inter\"', 'sans-serif'],\n                    },\n                    keyframes: {\n                        fadeInUp: {\n                            '0%': { opacity: '0', transform: 'translateY(30px)' },\n                            '100%': { opacity: '1', transform: 'translateY(0)' }\n                        },\n                        float: {\n                            '0%, 100%': { transform: 'translateY(0)' },\n                            '50%': { transform: 'translateY(-10px)' }\n                        }\n                    },\n                    animation: {\n                        fadeInUp: 'fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards',\n                        float: 'float 3s ease-in-out infinite'\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        html,\n        body {\n            overflow-x: hidden !important;\n            margin: 0;\n            padding: 0;\n        }\n\n        body,\n        p,\n        a,\n        li,\n        span,\n        div,\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n            font-family: \"Inter\", sans-serif !important;\n        }\n\n        .force-full-screen {\n            width: 100vw !important;\n            position: relative !important;\n            left: 50% !important;\n            right: 50% !important;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            max-width: 100vw !important;\n            box-sizing: border-box !important;\n        }\n\n        body.admin-bar nav.ch-glass {\n            top: 32px !important;\n        }\n\n        @media screen and (max-width: 782px) {\n            body.admin-bar nav.ch-glass {\n                top: 46px !important;\n            }\n        }\n\n        .ch-glass {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n        }\n\n        body {\n            font-size: 18px;\n            background-color: #FAFAFA;\n            color: #333;\n        }\n\n        .bg-bokeh {\n            background-image:\n                radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.8) 0%, transparent 50%),\n                radial-gradient(circle at 10% 20%, rgba(245, 130, 32, 0.04) 0%, transparent 40%),\n                radial-gradient(circle at 90% 10%, rgba(25, 103, 210, 0.05) 0%, transparent 40%),\n                radial-gradient(circle at 30% 70%, rgba(204, 0, 0, 0.02) 0%, transparent 40%),\n                radial-gradient(circle at 70% 80%, rgba(255, 222, 0, 0.02) 0%, transparent 40%);\n            background-attachment: fixed;\n        }\n\n        .btn-primary {\n            background-color: #F58220;\n            color: white;\n            transition: all 0.3s ease;\n        }\n\n        .btn-primary:hover {\n            background-color: #e06c10;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(245, 130, 32, 0.2);\n        }\n\n        .btn-secondary {\n            background-color: #1967d2;\n            color: white;\n            transition: all 0.3s ease;\n        }\n\n        .btn-secondary:hover {\n            background-color: #1557b0;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(25, 103, 210, 0.2);\n        }\n\n        @keyframes marquee {\n            0% {\n                transform: translateX(0);\n            }\n\n            100% {\n                transform: translateX(-50%);\n            }\n        }\n\n        .animate-marquee {\n            display: flex;\n            width: max-content;\n            animation: marquee 40s linear infinite;\n        }\n\n        .animate-marquee:hover {\n            animation-play-state: paused;\n        }\n\n        .hide-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n\n        .hide-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n\n        .custom-scrollbar::-webkit-scrollbar {\n            width: 6px;\n        }\n\n        .custom-scrollbar::-webkit-scrollbar-track {\n            background: #f1f1f1;\n            border-radius: 8px;\n        }\n\n        .custom-scrollbar::-webkit-scrollbar-thumb {\n            background: #c1c1c1;\n            border-radius: 8px;\n        }\n\n        .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n            background: #a8a8a8;\n        }\n\n        table {\n            border-collapse: separate;\n            border-spacing: 0;\n        }\n\n        th:first-child {\n            border-top-left-radius: 12px;\n        }\n\n        th:last-child {\n            border-top-right-radius: 12px;\n        }\n\n        .reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hiw-input {\n            width: 100%;\n            padding: 20px 24px;\n            border-radius: 16px;\n            border: 1.5px solid #e5e7eb;\n            background-color: #f9fafb;\n            font-size: 1.15rem !important;\n            font-weight: 500;\n            color: #374151;\n            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n        }\n\n        .hiw-input:focus {\n            outline: none;\n            border-color: #1967d2;\n            background-color: #ffffff;\n            box-shadow: 0 0 0 4px rgba(25, 103, 210, 0.15);\n            transform: translateY(-2px);\n        }\n\n        .hiw-input::placeholder {\n            color: #9ca3af;\n            font-weight: 500;\n        }\n\n        @media (max-width: 1023px) {\n            .hiw-desktop-timeline {\n                display: none !important;\n            }\n\n            .hiw-mobile-timeline {\n                display: block !important;\n            }\n        }\n\n        @media (min-width: 1024px) {\n            .hiw-desktop-timeline {\n                display: block !important;\n            }\n\n            .hiw-mobile-timeline {\n                display: none !important;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body class=\"antialiased\">\n\n    <div id=\"hype-wrapper\" class=\"bg-bokeh flex flex-col justify-between\">\n\n        <!-- NAVBAR -->\n        <nav class=\"ch-glass fixed top-0 left-0 w-full z-50 border-b border-slate-200 shadow-sm transition-all duration-300\" style=\"background-color: #ec6523 !important;\">\n            <div class=\"max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-10 min-h-[90px] flex flex-wrap items-center justify-center md:justify-between gap-4 py-3\">\n                <div class=\"flex items-center justify-center w-full md:w-auto\">\n                    <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png\" alt=\"HIW26 Logo\" class=\"object-contain\" style=\"height: 65px; width: auto; max-width: 280px;\">\n                <\/div>\n\n                <div class=\"flex flex-wrap flex-1 items-center justify-center gap-5 md:gap-8 lg:gap-12 text-lg md:text-xl font-bold w-full lg:w-auto order-last lg:order-none mt-2 lg:mt-0\" style=\"color: #ffffff;\">\n                    <a href=\"#gioi-thieu\" class=\"hover:opacity-80 transition whitespace-nowrap\">ABOUT PROGRAM<\/a>\n                    <a href=\"#quy-trinh\" class=\"hover:opacity-80 transition whitespace-nowrap\">ROADMAP<\/a>\n                    <a href=\"#quyen-loi\" class=\"hover:opacity-80 transition whitespace-nowrap\">PERKS<\/a>\n                <\/div>\n\n                <div class=\"flex justify-center w-full md:w-auto\">\n                    <a href=\"#dang-ky\" class=\"btn-primary px-7 py-3 md:px-8 md:py-3.5 rounded-full shadow-lg whitespace-nowrap text-lg md:text-xl font-bold\" style=\"background-color: #0f52fb !important; border-color: #0f52fb !important; color: #ffffff !important;\">Register\n                        Now<\/a>\n                <\/div>\n            <\/div>\n        <\/nav>\n\n        <!-- PH\u1ea6N 1: GI\u1edaI THI\u1ec6U -->\n        <section id=\"gioi-thieu\" class=\"force-full-screen pt-48 pb-20 overflow-hidden\">\n            <div class=\"max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-10\">\n                <div class=\"text-center max-w-[1400px] mx-auto animate-fadeInUp mt-10 lg:mt-0\">\n\n                    <div class=\"inline-block mb-6 px-6 py-2.5 rounded-full bg-blue-50 text-[#1967d2] font-bold text-base md:text-lg tracking-wide border border-blue-100 shadow-sm uppercase\">\n                        HR SOLUTIONS FOR Q3 & Q4 2026\n                    <\/div>\n\n                    <h1 class=\"text-5xl md:text-6xl lg:text-[5.5rem] font-black text-gray-900 mb-8 tracking-tight leading-tight px-4 w-full\">\n                        RECRUITMENT EVENT <br class=\"hidden sm:block\"> <span class=\"whitespace-nowrap\">INTERNSHIP\n                            <\/span>\n                        <span class=\"block mt-3 md:mt-5 text-transparent bg-clip-text bg-gradient-to-r from-[#1967d2] to-[#F58220] text-6xl md:text-7xl lg:text-[7rem]\">All-In-One<\/span>\n                    <\/h1>\n\n                    <p class=\"text-3xl md:text-4xl text-gray-600 mb-6 font-bold w-full mx-auto px-4 leading-snug\">\n                        Save time - Maximize efficiency - Completely free\n                    <\/p>\n\n                    <p class=\"text-gray-600 text-xl md:text-2xl lg:text-3xl mb-14 leading-relaxed font-medium max-w-[1200px] mx-auto px-4\">\n                        HUFLIT Internship Week 2026 helps solve personnel challenges for Businesses,<\/br> shortening the time from posting a job to interviewing to just 02 weeks.\n                    <\/p>\n\n                    <div class=\"flex flex-col xl:flex-row justify-center items-center gap-5 text-xl lg:text-2xl font-bold text-gray-700 mb-14 px-4 w-full xl:flex-nowrap\">\n                        <span class=\"flex-1 w-full xl:w-auto min-w-max flex items-center justify-center gap-3 bg-white px-6 py-4 rounded-xl shadow-sm border border-gray-100\"><i data-lucide=\"check-circle-2\" class=\"text-[#1967d2] w-7 h-7\"><\/i> Provide Information\n                            <\/span>\n                        <span class=\"flex-1 w-full xl:w-auto min-w-max flex items-center justify-center gap-3 bg-white px-6 py-4 rounded-xl shadow-sm border border-gray-100\"><i data-lucide=\"check-circle-2\" class=\"text-[#1967d2] w-7 h-7\"><\/i> Post Job Vacancy\n                            <\/span>\n                        <span class=\"flex-1 w-full xl:w-auto min-w-max flex items-center justify-center gap-3 bg-white px-6 py-4 rounded-xl shadow-sm border border-gray-100\"><i data-lucide=\"check-circle-2\" class=\"text-[#1967d2] w-7 h-7\"><\/i> Screen CV<\/span>\n                        <span class=\"flex-1 w-full xl:w-auto min-w-max flex items-center justify-center gap-3 bg-white px-6 py-4 rounded-xl shadow-sm border border-gray-100\"><i data-lucide=\"check-circle-2\" class=\"text-[#1967d2] w-7 h-7\"><\/i> Online\n                            Interview<\/span>\n                    <\/div>\n\n                    <div class=\"bg-white rounded-[40px] p-10 md:p-14 shadow-xl border border-gray-100 mb-16 text-left text-gray-700 max-w-[1400px] mx-auto relative overflow-hidden transition-all duration-300 hover:shadow-2xl\">\n                        <div class=\"absolute top-0 left-0 w-3 h-full bg-[#F58220]\"><\/div>\n                        <h3 class=\"text-center font-black text-gray-900 text-3xl md:text-4xl mb-4 uppercase tracking-wide\">\n                            EMPLOYER PERKS<\/h3>\n                        <p class=\"text-center text-[#F58220] font-bold text-xl md:text-2xl lg:text-3xl mb-12 px-4\">Experience\n                            an automated recruitment process tailored exclusively for Businesses participating in HIW26<\/p>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-10\">\n                            <div class=\"bg-gray-50 p-6 md:p-8 rounded-[24px] border border-gray-100 hover:border-blue-300 hover:-translate-y-1 transition-all duration-300\">\n                                <h4 class=\"font-bold text-gray-900 text-xl md:text-2xl flex items-center gap-3 mb-4\"><i data-lucide=\"laptop\" class=\"w-8 h-8 text-[#1967d2]\"><\/i> Recruitment Platform\n                                <\/h4>\n                                <p class=\"text-lg md:text-xl lg:text-2xl text-gray-600 leading-relaxed font-medium\">The entire process from job posting, receiving CVs to outcome feedback, all on a single website platform <span class=\"font-bold text-[#1967d2]\">careerhub.huflit.edu.vn<\/span>.<\/p>\n                            <\/div>\n                            <div class=\"bg-gray-50 p-6 md:p-8 rounded-[24px] border border-gray-100 hover:border-orange-300 hover:-translate-y-1 transition-all duration-300\">\n                                <h4 class=\"font-bold text-gray-900 text-xl md:text-2xl flex items-center gap-3 mb-4\"><i data-lucide=\"bell\" class=\"w-8 h-8 text-[#F58220]\"><\/i> Notification Tools<\/h4>\n                                <p class=\"text-lg md:text-xl lg:text-2xl text-gray-600 leading-relaxed font-medium\">Automatically send CV status updates and interview reminders via Zalo OA and Email.\n                                <\/p>\n                            <\/div>\n                            <div class=\"bg-gray-50 p-6 md:p-8 rounded-[24px] border border-gray-100 hover:border-blue-300 hover:-translate-y-1 transition-all duration-300\">\n                                <h4 class=\"font-bold text-gray-900 text-xl md:text-2xl flex items-center gap-3 mb-4\"><i data-lucide=\"calendar-check\" class=\"w-8 h-8 text-[#1967d2]\"><\/i> Scheduling & Interview Process<\/h4>\n                                <p class=\"text-lg md:text-xl lg:text-2xl text-gray-600 leading-relaxed font-medium\">\n                                    Businesses only need to take action once during the scheduling step; all steps including sending emails, tracking confirmations, and providing Zoom interview IDs are handled automatically by the system.<\/p>\n                            <\/div>\n                            <div class=\"bg-gray-50 p-6 md:p-8 rounded-[24px] border border-gray-100 hover:border-orange-300 hover:-translate-y-1 transition-all duration-300\">\n                                <h4 class=\"font-bold text-gray-900 text-xl md:text-2xl flex items-center gap-3 mb-4\"><i data-lucide=\"users\" class=\"w-8 h-8 text-[#F58220]\"><\/i> Operating Team<\/h4>\n                                <p class=\"text-lg md:text-xl lg:text-2xl text-gray-600 leading-relaxed font-medium\">The Organizing Committee provides comprehensive support throughout the event, helping Businesses save time and maximize efficiency.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"w-full max-w-5xl mx-auto rounded-[32px] overflow-hidden shadow-2xl mb-14 aspect-video transform transition-transform hover:scale-[1.02] duration-500 pointer-events-none border border-gray-200\">\n                        <iframe class=\"w-full h-full\"\n                            src=\"https:\/\/www.youtube.com\/embed\/3HGDslYsgw0?autoplay=1&mute=1&loop=1&playlist=3HGDslYsgw0&controls=0&showinfo=0&autohide=1\"\n                            title=\"YouTube video player\" frameborder=\"0\"\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                            allowfullscreen><\/iframe>\n                    <\/div>\n\n                    <a href=\"#dang-ky\" class=\"btn-primary inline-flex items-center gap-3 px-12 py-5 rounded-full font-bold text-2xl md:text-3xl shadow-xl hover:-translate-y-1 transition-transform\">\n                        REGISTER TO JOIN NOW <i data-lucide=\"arrow-down\" class=\"w-8 h-8 animate-bounce\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PH\u1ea6N 2 & 3: QUY TR\u00ccNH & TIMELINE NGANG -->\n        <section id=\"quy-trinh\" class=\"py-24 bg-white border-y border-gray-100\">\n            <div class=\"max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-10 reveal\">\n                <div class=\"text-center mb-20\">\n                    <h2 class=\"text-5xl md:text-6xl font-black text-gray-900 mb-6 uppercase\">ROADMAP<\/h2>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-8 mb-32 relative max-w-[1500px] mx-auto\">\n                    <div class=\"hidden lg:block absolute top-[60px] left-0 w-full h-1.5 bg-gray-100 z-0\"><\/div>\n\n                    <div class=\"relative z-10 bg-white p-8 md:p-10 rounded-[32px] border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 text-left group\">\n                        <div class=\"w-20 h-20 bg-blue-50 text-[#1967d2] rounded-[24px] flex items-center justify-center mb-8 group-hover:bg-[#1967d2] group-hover:text-white transition shadow-md animate-float\">\n                            <i data-lucide=\"edit-3\" class=\"w-10 h-10\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-gray-900 mb-4 text-2xl md:text-3xl\">1. Provide & Confirm Information\n                        <\/h3>\n                        <div class=\"text-lg md:text-xl lg:text-2xl text-gray-600 space-y-4 font-medium leading-relaxed\">\n                            <li>Businesses provide information and recruitment needs (Position, quantity, industry).<\/li>\n                            <li>Next, register the recruitment posting batch & preferred interview time frame.<\/li>\n                            <p class=\"font-bold text-[#1967d2] mt-4\">The Organizing Committee contacts and sends a confirmation email to participate.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"relative z-10 bg-white p-8 md:p-10 rounded-[32px] border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 text-left group\" style=\"transition-delay: 100ms;\">\n                        <div class=\"w-20 h-20 bg-blue-50 text-[#1967d2] rounded-[24px] flex items-center justify-center mb-8 group-hover:bg-[#1967d2] group-hover:text-white transition shadow-md animate-float\" style=\"animation-delay: 0.5s;\">\n                            <i data-lucide=\"layout-template\" class=\"w-10 h-10\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-gray-900 mb-4 text-2xl md:text-3xl\">2. Post Job Vacancy<\/h3>\n                        <ul class=\"text-lg md:text-xl lg:text-2xl text-gray-600 space-y-4 list-disc pl-6 font-medium leading-relaxed\">\n                            <li>Businesses create an Employer Account on <span class=\"font-bold text-[#1967d2]\">careerhub.huflit.edu.vn<\/span>.<\/li>\n                            <li>Post job vacancies per batch.<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"relative z-10 bg-white p-8 md:p-10 rounded-[32px] border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 text-left group\" style=\"transition-delay: 200ms;\">\n                        <div class=\"w-20 h-20 bg-blue-50 text-[#1967d2] rounded-[24px] flex items-center justify-center mb-8 group-hover:bg-[#1967d2] group-hover:text-white transition shadow-md animate-float\" style=\"animation-delay: 1s;\">\n                            <i data-lucide=\"file-check-2\" class=\"w-10 h-10\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-gray-900 mb-4 text-2xl md:text-3xl\">3. Screen CV<\/h3>\n                        <ul class=\"text-lg md:text-xl lg:text-2xl text-gray-600 space-y-4 list-disc pl-6 font-medium leading-relaxed\">\n                            <li>Businesses receive CVs via the website.<\/li>\n                            <li><span class=\"font-bold text-[#1967d2]\">Commitment:<\/span> Provide 100% CV status feedback to students.<\/li>\n                            <li>Proactively schedule interviews with potential candidates.<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"relative z-10 bg-white p-8 md:p-10 rounded-[32px] border border-gray-100 shadow-xl hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 text-left group\" style=\"transition-delay: 300ms;\">\n                        <div class=\"w-20 h-20 bg-blue-50 text-[#1967d2] rounded-[24px] flex items-center justify-center mb-8 group-hover:bg-[#1967d2] group-hover:text-white transition shadow-md animate-float\" style=\"animation-delay: 1.5s;\">\n                            <i data-lucide=\"video\" class=\"w-10 h-10\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-gray-900 mb-4 text-2xl md:text-3xl\">4. Online Interview<\/h3>\n                        <ul class=\"text-lg md:text-xl lg:text-2xl text-gray-600 space-y-4 list-disc pl-6 font-medium leading-relaxed\">\n                            <li>Conduct online interviews across 3 batches.<\/li>\n                            <li>The Organizing Committee creates Google Meet rooms and sends access information.<\/li>\n                            <li>Interview according to the schedule & send results to the Organizing Committee.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- TIMELINE NGANG K\u00c9O GI\u00c3N T\u1ed0I \u0110A (GI\u1eee NGUY\u00caN HO\u00c0N TO\u00c0N THEO Y\u00caU C\u1ea6U) -->\n                <div id=\"timeline\" class=\"w-full reveal max-w-[1700px] mx-auto\">\n                    <div class=\"text-center mb-20\">\n                        <h2 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-gray-900 mb-6 uppercase tracking-wider\">\n                            RECRUITMENT TIMELINE<\/h2>\n                        <p class=\"text-gray-500 mt-6 mb-12 font-medium italic text-2xl md:text-3xl lg:text-4xl\">Businesses can choose 01 or up to 03 batches, fitting their HR plans.<\/p>\n                        <div class=\"w-40 h-3 bg-[#1967d2] mx-auto rounded-full\"><\/div>\n                    <\/div>\n\n                    <div class=\"hiw-desktop-timeline relative w-full mb-10 px-0 max-w-[100%] mx-auto\">\n                        <div class=\"absolute top-[80px] xl:top-[96px] left-2 right-2 h-2 bg-gray-200 z-0\"><\/div>\n\n                        <div class=\"grid grid-cols-7 gap-2 xl:gap-4 relative z-10\">\n                            <div class=\"flex flex-col items-center text-center group cursor-pointer\">\n                                <div class=\"text-[#1967d2] font-bold text-2xl mb-6 bg-white px-6 py-3 rounded-2xl shadow-sm border border-blue-200 relative top-0 group-hover:-translate-y-1 transition-transform whitespace-nowrap\">\n                                    17\/08 - 23\/08<\/div>\n                                <div class=\"w-14 h-14 rounded-full bg-white border-[10px] border-gray-300 group-hover:border-[#1967d2] group-hover:bg-[#1967d2] transition-colors mb-6 relative z-10 shadow-lg\">\n                                <\/div>\n                                <h4 class=\"font-bold text-[#1967d2] text-4xl mb-3 leading-tight whitespace-nowrap\">Job Posting (Batch 1)<\/h4>\n                                <p class=\"text-2xl text-blue-700 leading-tight px-2 opacity-80\">Post internship positions at CareerHUB.<\/p>\n                            <\/div>\n\n                            <div class=\"flex flex-col items-center text-center group mt-48 cursor-pointer\">\n                                <h4 class=\"font-bold text-[#1967d2] text-4xl mb-3 leading-tight whitespace-nowrap\">Interview (Batch 1)<\/h4>\n                                <p class=\"text-2xl text-blue-700 leading-tight mb-6 px-2 opacity-80\">3 days of Online interviews between Businesses and Candidates.<\/p>\n                                <div class=\"w-14 h-14 rounded-full bg-white border-[10px] border-gray-300 group-hover:border-[#1967d2] group-hover:bg-[#1967d2] transition-colors mb-6 relative z-10 shadow-lg\">\n                                <\/div>\n                                <div class=\"text-[#1967d2] font-bold text-2xl bg-white px-6 py-3 rounded-2xl shadow-sm border border-blue-200 relative group-hover:translate-y-1 transition-transform whitespace-nowrap\">\n                                    27\/08 - 29\/08<\/div>\n                            <\/div>\n\n                            <div class=\"flex flex-col items-center text-center group cursor-pointer\">\n                                <div class=\"text-green-600 font-bold text-2xl mb-6 bg-white px-6 py-3 rounded-2xl shadow-sm border border-green-200 relative top-0 group-hover:-translate-y-1 transition-transform whitespace-nowrap\">\n                                    24\/08 - 30\/08<\/div>\n                                <div class=\"w-14 h-14 rounded-full bg-white border-[10px] border-gray-300 group-hover:border-green-600 group-hover:bg-green-600 transition-colors mb-6 relative z-10 shadow-lg\">\n                                <\/div>\n                                <h4 class=\"font-bold text-green-600 text-4xl mb-3 leading-tight whitespace-nowrap\">Job Posting (Batch 2)<\/h4>\n                                <p class=\"text-2xl text-green-700 leading-tight px-2 opacity-80\">Post internship positions at CareerHUB.<\/p>\n                            <\/div>\n\n                            <div class=\"flex flex-col items-center text-center group mt-48 cursor-pointer\">\n                                <h4 class=\"font-bold text-green-600 text-4xl mb-3 leading-tight whitespace-nowrap\">Interview (Batch 2)<\/h4>\n                                <p class=\"text-2xl text-green-700 leading-tight mb-6 px-2 opacity-80\">3 days of Online interviews between Businesses and Candidates.<\/p>\n                                <div class=\"w-14 h-14 rounded-full bg-white border-[10px] border-gray-300 group-hover:border-green-600 group-hover:bg-green-600 transition-colors mb-6 relative z-10 shadow-lg\">\n                                <\/div>\n                                <div class=\"text-green-600 font-bold text-2xl bg-white px-6 py-3 rounded-2xl shadow-sm border border-green-200 relative group-hover:translate-y-1 transition-transform whitespace-nowrap\">\n                                    03\/09 - 05\/09<\/div>\n                            <\/div>\n\n                            <div class=\"flex flex-col items-center text-center group cursor-pointer\">\n                                <div class=\"text-red-600 font-bold text-2xl mb-6 bg-white px-6 py-3 rounded-2xl shadow-sm border border-red-200 relative top-0 group-hover:-translate-y-1 transition-transform whitespace-nowrap\">\n                                    31\/08 - 06\/09<\/div>\n                                <div class=\"w-14 h-14 rounded-full bg-white border-[10px] border-gray-300 group-hover:border-red-600 group-hover:bg-red-600 transition-colors mb-6 relative z-10 shadow-lg\">\n                                <\/div>\n                                <h4 class=\"font-bold text-red-600 text-4xl mb-3 leading-tight whitespace-nowrap\">Job Posting (Batch 3)<\/h4>\n                                <p class=\"text-2xl text-red-700 leading-tight px-2 opacity-80\">Post internship positions at CareerHUB.<\/p>\n                            <\/div>\n\n                            <div class=\"flex flex-col items-center text-center group mt-48 cursor-pointer\">\n                                <h4 class=\"font-bold text-red-600 text-4xl mb-3 leading-tight whitespace-nowrap\">Interview (Batch 3)<\/h4>\n                                <p class=\"text-2xl text-red-700 leading-tight mb-6 px-2 opacity-80\">3 days of Online interviews between Businesses and Candidates.<\/p>\n                                <div class=\"w-14 h-14 rounded-full bg-white border-[10px] border-gray-300 group-hover:border-red-600 group-hover:bg-red-600 transition-colors mb-6 relative z-10 shadow-lg\">\n                                <\/div>\n                                <div class=\"text-red-600 font-bold text-2xl bg-white px-6 py-3 rounded-2xl shadow-sm border border-red-200 relative group-hover:translate-y-1 transition-transform whitespace-nowrap\">\n                                    10\/09 - 12\/09<\/div>\n                            <\/div>\n\n                            <div class=\"flex flex-col items-center text-center group cursor-pointer\">\n                                <div class=\"text-white bg-gray-800 font-bold text-2xl mb-6 px-8 py-3 rounded-2xl shadow-md relative top-0 group-hover:-translate-y-1 transition-transform whitespace-nowrap\">\n                                    13\/09<\/div>\n                                <div class=\"w-16 h-16 rounded-full bg-[#F58220] border-[10px] border-white shadow-[0_0_25px_rgba(245,130,32,0.8)] mb-6 relative z-10\">\n                                <\/div>\n                                <h4 class=\"font-black text-gray-900 text-5xl mb-2 leading-tight uppercase whitespace-nowrap\">\n                                    Conclusion<\/h4>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"hiw-mobile-timeline relative border-l-[6px] border-gray-200 ml-4 md:ml-10 space-y-16 pb-12 max-w-4xl mx-auto\">\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-10 h-10 rounded-full bg-white border-[8px] border-gray-300 group-hover:bg-[#1967d2] group-hover:border-[#1967d2] transition-colors shadow-md\">\n                            <\/div>\n                            <div class=\"bg-white p-10 rounded-[32px] shadow-md border border-gray-100 hover:shadow-xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-blue-50 text-[#1967d2] font-bold text-2xl rounded-2xl mb-5\">17\/08\n                                    - 23\/08<\/span>\n                                <h4 class=\"text-3xl md:text-4xl font-bold text-[#1967d2]\">Job Posting (Batch 1)\n                                <\/h4>\n                                <p class=\"text-blue-700 text-2xl md:text-3xl mt-4 font-medium\">Post internship positions at CareerHUB.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-10 h-10 rounded-full bg-white border-[8px] border-gray-300 group-hover:bg-[#1967d2] group-hover:border-[#1967d2] transition-colors shadow-md\">\n                            <\/div>\n                            <div class=\"bg-white p-10 rounded-[32px] shadow-md border border-gray-100 hover:shadow-xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-blue-50 text-[#1967d2] font-bold text-2xl rounded-2xl mb-5 shadow-sm\">27\/08\n                                    - 28\/08 - 29\/08<\/span>\n                                <h4 class=\"text-3xl md:text-4xl font-bold text-[#1967d2]\">Online Interview (Batch 1)\n                                <\/h4>\n                                <p class=\"text-blue-700 text-2xl md:text-3xl mt-4 font-medium\">3 days of Online interviews between Businesses and Candidates.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-10 h-10 rounded-full bg-white border-[8px] border-gray-300 group-hover:bg-green-600 group-hover:border-green-600 transition-colors shadow-md\">\n                            <\/div>\n                            <div class=\"bg-white p-10 rounded-[32px] shadow-md border border-gray-100 hover:shadow-xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-green-50 text-green-600 font-bold text-2xl rounded-2xl mb-5\">24\/08\n                                    - 30\/08<\/span>\n                                <h4 class=\"text-3xl md:text-4xl font-bold text-green-600\">Job Posting (Batch 2)\n                                <\/h4>\n                                <p class=\"text-green-700 text-2xl md:text-3xl mt-4 font-medium\">Post internship positions at CareerHUB.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-10 h-10 rounded-full bg-white border-[8px] border-gray-300 group-hover:bg-green-600 group-hover:border-green-600 transition-colors shadow-md\">\n                            <\/div>\n                            <div class=\"bg-white p-10 rounded-[32px] shadow-md border border-gray-100 hover:shadow-xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-green-50 text-green-600 font-bold text-2xl rounded-2xl mb-5 shadow-sm\">03\/09\n                                    - 04\/09 - 05\/09<\/span>\n                                <h4 class=\"text-3xl md:text-4xl font-bold text-green-600\">Online Interview (Batch 2)\n                                <\/h4>\n                                <p class=\"text-green-700 text-2xl md:text-3xl mt-4 font-medium\">3 days of Online interviews between Businesses and Candidates.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-10 h-10 rounded-full bg-white border-[8px] border-gray-300 group-hover:bg-red-600 group-hover:border-red-600 transition-colors shadow-md\">\n                            <\/div>\n                            <div class=\"bg-white p-10 rounded-[32px] shadow-md border border-gray-100 hover:shadow-xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-red-50 text-red-600 font-bold text-2xl rounded-2xl mb-5\">31\/08\n                                    - 06\/09<\/span>\n                                <h4 class=\"text-3xl md:text-4xl font-bold text-red-600\">Job Posting (Batch 3)<\/h4>\n                                <p class=\"text-red-700 text-2xl md:text-3xl mt-4 font-medium\">Post internship positions at CareerHUB.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-10 h-10 rounded-full bg-white border-[8px] border-gray-300 group-hover:bg-red-600 group-hover:border-red-600 transition-colors shadow-md\">\n                            <\/div>\n                            <div class=\"bg-white p-10 rounded-[32px] shadow-md border border-gray-100 hover:shadow-xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-red-50 text-red-600 font-bold text-2xl rounded-2xl mb-5 shadow-sm\">10\/09\n                                    - 11\/09 - 12\/09<\/span>\n                                <h4 class=\"text-3xl md:text-4xl font-bold text-red-600\">Online Interview (Batch 3)\n                                <\/h4>\n                                <p class=\"text-red-700 text-2xl md:text-3xl mt-4 font-medium\">3 days of Online interviews between Businesses and Candidates.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative pl-14 group cursor-default\">\n                            <div class=\"absolute -left-[20px] top-2 w-12 h-12 rounded-full bg-[#F58220] border-[8px] border-white shadow-[0_0_20px_rgba(245,130,32,0.8)]\">\n                            <\/div>\n                            <div class=\"bg-gray-900 p-10 rounded-[32px] shadow-2xl hover:shadow-3xl transition-shadow\">\n                                <span class=\"inline-block px-6 py-3 bg-gray-800 text-white font-bold text-2xl rounded-2xl mb-5\">13\/09<\/span>\n                                <h4 class=\"text-5xl md:text-6xl font-black text-[#F58220] uppercase\">Conclusion<\/h4>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PH\u1ea6N 4: NH\u00ccN L\u1ea0I HIW25 -->\n        <section id=\"nhin-lai\" class=\"py-24 overflow-hidden reveal\">\n            <div class=\"max-w-[1600px] mx-auto px-4 sm:px-6 lg:px-10\">\n                <div class=\"text-center mb-16\">\n                    <span class=\"text-[#1967d2] font-black tracking-widest text-xl uppercase\">DISCOVER<\/span>\n                    <h2 class=\"text-5xl md:text-6xl font-black text-gray-900 mt-5 mb-6\">WHAT HAVE BUSINESSES MISSED?<\/h2>\n                    <p class=\"text-gray-600 text-2xl md:text-3xl font-medium\">Reflecting on the telling numbers from the\n                        HIW 2025 campaign<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-24\">\n                    <div class=\"bg-white p-12 rounded-[40px] border border-gray-100 shadow-xl hover:-translate-y-2 transition-transform duration-300 text-center\">\n                        <div class=\"text-7xl md:text-8xl font-black text-[#1967d2] mb-5\">733+<\/div>\n                        <div class=\"font-bold text-gray-900 mb-4 text-3xl\">Submitted CVs<\/div>\n                        <p class=\"text-xl md:text-2xl text-gray-500 font-medium\">High quality from HUFLIT students<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-12 rounded-[40px] border border-gray-100 shadow-xl hover:-translate-y-2 transition-transform duration-300 text-center\" style=\"transition-delay: 100ms;\">\n                        <div class=\"text-7xl md:text-8xl font-black text-[#1967d2] mb-5\">25+<\/div>\n                        <div class=\"font-bold text-gray-900 mb-4 text-3xl\">Corporate Partners<\/div>\n                        <p class=\"text-xl md:text-2xl text-gray-500 font-medium\">Accompanied and successfully recruited\n                        <\/p>\n                    <\/div>\n                    <div class=\"bg-white p-12 rounded-[40px] border border-gray-100 shadow-xl hover:-translate-y-2 transition-transform duration-300 text-center\" style=\"transition-delay: 200ms;\">\n                        <div class=\"text-7xl md:text-8xl font-black text-[#F58220] mb-5\">75%<\/div>\n                        <div class=\"font-bold text-gray-900 mb-4 text-3xl\">CV Match Rate<\/div>\n                        <p class=\"text-xl md:text-2xl text-gray-500 font-medium\">Precisely meets Business needs<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- GALLERY BENTO GRID -->\n                <!-- GALLERY GRID T\u1ef0 FLEX 10 H\u00ccNH \u0110\u1ec0U NHAU (TI\u1ebeT KI\u1ec6M DI\u1ec6N T\u00cdCH) -->\n                <div class=\"grid grid-cols-2 md:grid-cols-5 gap-4 md:gap-6 mb-24 max-w-[1600px] mx-auto\">\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/1-1.png\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/DSCF4234.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/2-scaled.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/2-1.png\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/DSCF4996.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/DSCF6421.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/4-1.png\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/DSCF7070.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/DSCF7808.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                    <div class=\"relative w-full pt-[75%] overflow-hidden rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 group border border-gray-100 bg-gray-100\">\n                        <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/DSCF7815.jpg\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"HIW25 Reality\">\n                    <\/div>\n                <\/div>\n\n\n                <!-- CHIA LOGO L\u00c0M 2 D\u00d2NG -->\n                <div class=\"bg-white py-12 rounded-[40px] border border-gray-100 shadow-xl overflow-hidden relative\">\n                    <p class=\"text-center text-gray-400 font-bold text-xl md:text-4xl tracking-widest uppercase mb-12\">\n                        25 Partners Accompanied HIW25<\/p>\n\n                    <div class=\"whitespace-nowrap flex relative w-full overflow-hidden mb-6\">\n                        <div class=\"animate-marquee flex flex-nowrap items-center space-x-8 px-5\">\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/1_SenDo.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/2_WyundGrand.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/3_MBBank.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/4_VIB.jpeg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/5_Savills.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/6_Ewin.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/7_Ampacs-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/8_FPT-Securities.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/9_Guta.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/10_ComNeuThienLy.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/11_NamVanLog.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/12_LotteHotelSaigon.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/13_VietJet.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n\n                            <!-- L\u1eb7p l\u1ea1i D\u00f2ng 1 -->\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/1_SenDo.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/2_WyundGrand.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/3_MBBank.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/4_VIB.jpeg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/5_Savills.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/6_Ewin.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/7_Ampacs-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/8_FPT-Securities.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/9_Guta.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/10_ComNeuThienLy.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/11_NamVanLog.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/12_LotteHotelSaigon.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/13_VietJet.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"whitespace-nowrap flex relative w-full overflow-hidden\">\n                        <div class=\"animate-marquee flex flex-nowrap items-center space-x-8 px-5\" style=\"animation-direction: reverse;\">\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/14_Aeon.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/15_HitsVina.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/16_JackTechnology-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/17_PheLa-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/18_D1Concept-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/18_Katinat-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/20_Delta.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/22_KhaiHungCorp-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/23_CentralRetail.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/24_MajorAcademy.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/25_DiDongViet-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/26_TMA.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n\n                            <!-- L\u1eb7p l\u1ea1i D\u00f2ng 2 -->\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/14_Aeon.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/15_HitsVina.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/16_JackTechnology-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/17_PheLa-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/18_D1Concept-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/18_Katinat-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/20_Delta.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/22_KhaiHungCorp-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/23_CentralRetail.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/24_MajorAcademy.jpg\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/25_DiDongViet-scaled.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                            <div class=\"w-48 h-24 bg-white border border-gray-200 rounded-2xl shadow-sm flex items-center justify-center p-4 flex-shrink-0 hover:shadow-md transition-all\">\n                                <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/26_TMA.png\" class=\"max-w-full max-h-full object-contain transition-all duration-300\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-white to-transparent pointer-events-none\">\n                    <\/div>\n                    <div class=\"absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-white to-transparent pointer-events-none\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PH\u1ea6N 5: QUY\u1ec0N L\u1ee2I DOANH NGHI\u1ec6P -->\n        <section id=\"quyen-loi\" class=\"force-full-screen py-24 bg-white border-y border-gray-100 reveal\">\n            <div class=\"max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-10\">\n                <div class=\"text-center mb-24\">\n                    <h2 class=\"text-5xl md:text-6xl font-black text-gray-900 mb-8 uppercase\">Employer Perks<\/h2>\n                    <p class=\"text-gray-500 text-2xl md:text-3xl font-medium\">Optimize recruitment efficiency & Increase brand awareness<\/p>\n                <\/div>\n\n                <!-- T\u01af C\u00c1CH NH\u00c0 TUY\u1ec2N D\u1ee4NG -->\n                <div class=\"relative bg-gradient-to-br from-gray-900 to-gray-800 rounded-[48px] p-1 shadow-2xl mb-32 ring-4 ring-[#F58220]\/40 hover:ring-[#F58220]\/80 transition-all duration-500 transform hover:-translate-y-2 max-w-[1600px] mx-auto\">\n                    <div class=\"absolute top-0 right-0 bg-[#F58220] text-white font-bold px-10 py-4 rounded-tr-[48px] rounded-bl-[40px] z-10 shadow-lg flex items-center gap-3 text-lg md:text-xl\">\n                        <i data-lucide=\"star\" class=\"w-6 h-6 fill-white\"><\/i> RECOMMENDED CHOICE\n                    <\/div>\n\n                    <div class=\"bg-white rounded-[44px] p-12 md:p-20 h-full flex flex-col lg:flex-row items-start gap-14 overflow-hidden relative\">\n                        <div class=\"lg:w-5\/12 relative z-10\">\n                            <div class=\"inline-block bg-orange-100 text-[#F58220] p-5 rounded-3xl mb-8 shadow-sm\">\n                                <i data-lucide=\"briefcase\" class=\"w-14 h-14\"><\/i>\n                            <\/div>\n                            <h3 class=\"text-5xl md:text-6xl font-black text-gray-900 mb-8 uppercase leading-tight\">Perks of<br><span class=\"text-[#F58220] text-6xl md:text-7xl\">Employer<\/span><\/h3>\n\n                            <p class=\"text-gray-700 text-xl md:text-2xl font-medium mb-10 leading-relaxed\">\n                                <span class=\"font-bold text-gray-900\">HUFLIT Internship Week 2026<\/span> is HUFLIT's accompanying program for MOU partners and Businesses that have recruited students through the website <span class=\"font-bold text-[#1967d2]\">careerhub.huflit.edu.vn<\/span> since 2022 to present.\n                            <\/p>\n\n                            <ul class=\"space-y-6 mb-14\">\n                                <li class=\"flex items-start gap-4 hover:translate-x-2 transition-transform\">\n                                    <div class=\"bg-blue-100 rounded-full p-2.5 mt-1\"><i data-lucide=\"check\" class=\"w-7 h-7 text-[#1967d2] font-bold\"><\/i><\/div>\n                                    <span class=\"text-gray-700 text-xl md:text-2xl font-semibold\">Access 3rd-year students preparing for internships.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-4 hover:translate-x-2 transition-transform\">\n                                    <div class=\"bg-blue-100 rounded-full p-2.5 mt-1\"><i data-lucide=\"check\" class=\"w-7 h-7 text-[#1967d2] font-bold\"><\/i><\/div>\n                                    <span class=\"text-gray-700 text-xl md:text-2xl font-semibold\">Online interviews, no travel required.<\/span>\n                                <\/li>\n                            <\/ul>\n\n                            <div class=\"bg-orange-50 text-[#F58220] px-8 py-6 rounded-[28px] border-l-[8px] border-[#F58220] font-bold text-xl md:text-2xl shadow-sm\">\n                                <i data-lucide=\"shield-check\" class=\"w-8 h-8 inline-block mr-3 mb-1\"><\/i> Commitment to NO FEES for participating in the program, posting jobs, receiving CVs, and interviewing.\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:w-7\/12 bg-gray-50 p-10 md:p-14 rounded-[36px] border border-gray-100 w-full relative z-10 hover:shadow-xl transition-shadow duration-300\">\n                            <h4 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-10 border-b border-gray-200 pb-5 uppercase\">\n                                RECRUITMENT EFFICIENCY & OUTSTANDING BENEFITS<\/h4>\n                            <div class=\"grid grid-cols-1 gap-8\">\n                                <div class=\"flex items-start gap-6 hover:bg-white p-5 rounded-[28px] transition-colors duration-300 hover:shadow-sm cursor-default\">\n                                    <div class=\"bg-white p-4 rounded-[20px] shadow-sm border border-gray-100 flex-shrink-0\">\n                                        <i data-lucide=\"zap\" class=\"text-[#F58220] w-9 h-9\"><\/i>\n                                    <\/div>\n                                    <p class=\"text-gray-700 text-xl md:text-2xl mt-1 leading-relaxed\"><span class=\"font-bold text-gray-900 block mb-2\">Featured Job Post:<\/span> Job listings displayed prominently on careerhub.huflit.edu.vn.<\/p>\n                                <\/div>\n                                <div class=\"flex items-start gap-6 hover:bg-white p-5 rounded-[28px] transition-colors duration-300 hover:shadow-sm cursor-default\">\n                                    <div class=\"bg-white p-4 rounded-[20px] shadow-sm border border-gray-100 flex-shrink-0\">\n                                        <i data-lucide=\"mouse-pointer-click\" class=\"text-[#1967d2] w-9 h-9\"><\/i>\n                                    <\/div>\n                                    <p class=\"text-gray-700 text-xl md:text-2xl mt-1 leading-relaxed\"><span class=\"font-bold text-gray-900 block mb-2\">Scheduling & Online Interview Process:\n                                            <\/span> Businesses only need to take action once during the scheduling step, all remaining steps are handled automatically by the system.<\/p>\n                                <\/div>\n                                <div class=\"flex items-start gap-6 hover:bg-white p-5 rounded-[28px] transition-colors duration-300 hover:shadow-sm cursor-default\">\n                                    <div class=\"bg-white p-4 rounded-[20px] shadow-sm border border-gray-100 flex-shrink-0\">\n                                        <i data-lucide=\"bell-ring\" class=\"text-[#1967d2] w-9 h-9\"><\/i>\n                                    <\/div>\n                                    <p class=\"text-gray-700 text-xl md:text-2xl mt-1 leading-relaxed\"><span class=\"font-bold text-gray-900 block mb-2\">Notification Tool:<\/span> Automatically send notifications via Zalo OA and E-mail.<\/p>\n                                <\/div>\n                                <div class=\"flex items-start gap-6 hover:bg-white p-5 rounded-[28px] transition-colors duration-300 hover:shadow-sm cursor-default\">\n                                    <div class=\"bg-white p-4 rounded-[20px] shadow-sm border border-gray-100 flex-shrink-0\">\n                                        <i data-lucide=\"megaphone\" class=\"text-[#1967d2] w-9 h-9\"><\/i>\n                                    <\/div>\n                                    <p class=\"text-gray-700 text-xl md:text-2xl mt-1 leading-relaxed\"><span class=\"font-bold text-gray-900 block mb-2\">BRAND PROMOTION:<\/span> Business logo appears in the main poster, job introduction posts, and the program's landing page.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- TABS CHO NH\u00c0 T\u00c0I TR\u1ee2 - \u0110\u00c3 \u0110I\u1ec0U CH\u1ec8NH T\u1ef6 L\u1ec6 C\u1ed8T V\u00c0 CH\u1ed0NG R\u1edaT CH\u1eee -->\n                <div class=\"pt-20 max-w-[1700px] mx-auto\">\n                    <!-- T\u1ef6 L\u1ec6 M\u1edaI: Tr\u00e1i 26% - Ph\u1ea3i 74% -->\n                    <div class=\"flex flex-col lg:flex-row gap-16\">\n\n                        <!-- C\u1ed9t Tr\u00e1i (\u0110\u00e3 thu h\u1eb9p xu\u1ed1ng 26%) -->\n                        <div class=\"lg:w-[26%] flex flex-col gap-8\">\n                            <div>\n                                <h2 class=\"text-5xl md:text-6xl font-black text-gray-900 uppercase leading-tight\">KIND SPONSORSHIP <br> <span class=\"text-3xl text-gray-500 font-bold\">(OPTIONAL)<\/span>\n                                <\/h2>\n                                <p class=\"text-gray-500 mt-6 text-xl md:text-2xl font-medium leading-relaxed\">Dedicated for Businesses looking for deep communication with students<\/p>\n                            <\/div>\n\n                            <div class=\"flex flex-col gap-5 mt-8\">\n                                <button onclick=\"switchSponsorTab('fnb')\" id=\"tab-btn-fnb\" class=\"flex items-center gap-5 w-full text-left px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl transition-all duration-300 bg-[#1967d2] text-white shadow-xl transform hover:-translate-y-1 border border-[#1967d2]\">\n                                    <i data-lucide=\"coffee\" class=\"w-8 h-8\"><\/i> F&B SPONSOR\n                                <\/button>\n                                <button onclick=\"switchSponsorTab('quatang')\" id=\"tab-btn-quatang\" class=\"flex items-center gap-5 w-full text-left px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl transition-all duration-300 bg-white text-gray-600 hover:bg-gray-50 border border-gray-200 transform hover:-translate-y-1 hover:shadow-xl\">\n                                    <i data-lucide=\"gift\" class=\"w-8 h-8\"><\/i> GIFT SPONSOR\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"mt-4\">\n                                <button onclick=\"openDemoModal()\" class=\"w-full inline-flex items-center justify-center gap-4 bg-gray-900 text-white px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl shadow-2xl hover:bg-gray-800 transition-all transform hover:-translate-y-1\">\n                                    <i data-lucide=\"image\" class=\"w-7 h-7 text-white\"><\/i> HIW26 BOOTH DEMO\n                                <\/button>\n                            <\/div>\n\n                            <div id=\"info-fnb\" class=\"bg-white border border-gray-200 rounded-[36px] p-10 shadow-2xl transition-all duration-500 hover:-translate-y-1 mt-8\">\n                                <h5 class=\"text-3xl md:text-4xl font-black text-[#1967d2] mb-6 uppercase\">\"EXAM SEASON ENERGY BOOST\" Station<\/h5>\n                                <p class=\"text-gray-700 text-xl lg:text-2xl mb-5 leading-relaxed\"><span class=\"font-bold text-gray-900\">Format:<\/span> Sponsor 300 breakfast portions or 300 beverage portions (50 portions\/day).<\/p>\n                                <p class=\"text-gray-700 text-xl lg:text-2xl mb-8 leading-relaxed\"><span class=\"font-bold text-gray-900\">Time:<\/span> Takes place over 6 days<br>(August 10-12-14-17-19-21)<\/p>\n\n                                <div class=\"bg-gray-50 border border-gray-200 rounded-[24px] p-6 mb-8 text-center\">\n                                    <span class=\"block text-gray-500 text-lg md:text-xl uppercase font-bold tracking-widest mb-3\">Limit\n                                        <\/span>\n                                    <span class=\"block text-gray-900 font-extrabold text-3xl\">Maximum 02 Businesses\n                                        <\/span>\n                                <\/div>\n\n                                <div class=\"bg-blue-50 border border-blue-100 rounded-[24px] p-6 mb-8 text-center shadow-sm\">\n                                    <span class=\"block text-[#1967d2] font-bold text-2xl\">Includes: 01 Food Sponsor and 01 Drink Sponsor.<\/span>\n                                <\/div>\n\n                                <p class=\"text-[#F58220] font-semibold text-xl lg:text-2xl leading-relaxed italic bg-orange-50 p-6 rounded-[24px] border border-orange-100\">\n                                    * All sponsorship packages for the program will be converted into kind with equivalent value.\n                                <\/p>\n                            <\/div>\n\n                            <div id=\"info-quatang\" class=\"hidden bg-white border border-gray-200 rounded-[36px] p-10 shadow-2xl transition-all duration-500 hover:-translate-y-1 mt-8\">\n                                <h4 class=\"text-3xl md:text-4xl font-black text-[#1967d2] mb-6 uppercase\">Event\n                                    9\/9<br>GOLDEN CV SUBMISSION DAY <\/h4>\n                                <p class=\"text-gray-700 text-xl lg:text-2xl mb-4 leading-relaxed\"><span class=\"font-bold text-gray-900\">Format:<\/span> Sponsor electronic device gifts for students.<\/p>\n                                <p class=\"text-gray-700 text-xl lg:text-2xl mb-4 leading-relaxed\"><span class=\"font-bold text-gray-900\">Time (Expected):<\/span> 09\/09\/2026<\/p>\n                                <p class=\"text-gray-500 text-lg lg:text-xl mb-8 italic\">Suggestions: Smartphone, Laptop, Tablet, Smartwatch, Handheld mini fan,...<\/p>\n\n                                <div class=\"bg-gray-50 border border-gray-200 rounded-[24px] p-6 mb-8 text-center\">\n                                    <span class=\"block text-gray-500 text-lg md:text-xl uppercase font-bold tracking-widest mb-3\">Limit\n                                        <\/span>\n                                    <span class=\"block text-gray-900 font-extrabold text-3xl\">Maximum 04 Businesses\n                                        <\/span>\n                                <\/div>\n\n                                <div class=\"bg-blue-50 border border-blue-100 rounded-[24px] p-6 mb-8 text-center shadow-sm\">\n                                    <span class=\"block text-[#1967d2] font-bold text-2xl\">Includes: 03 Silver Sponsors and 01 Gold Sponsor.<\/span>\n                                <\/div>\n\n                                <p class=\"text-[#F58220] font-semibold text-xl lg:text-2xl leading-relaxed italic bg-orange-50 p-6 rounded-[24px] border border-orange-100\">\n                                    * All sponsorship packages for the program will be converted into kind with equivalent value.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- C\u1ed9t Ph\u1ea3i (\u0110\u00e3 n\u1edbi r\u1ed9ng l\u00ean 74%) -->\n                        <div class=\"lg:w-[74%]\">\n                            <div class=\"bg-white rounded-[44px] border border-gray-200 shadow-2xl hover:shadow-[0_40px_80px_rgba(0,0,0,0.15)] transition-shadow overflow-hidden h-full\">\n                                <div class=\"p-10 border-b border-gray-100 bg-gray-50\/50\">\n                                    <h4 class=\"text-4xl font-black text-[#1967d2] uppercase\">BENEFITS TABLE DETAILS\n                                    <\/h4>\n                                <\/div>\n\n                                <div id=\"table-fnb\" class=\"overflow-x-auto transition-all duration-500 w-full\">\n                                    <table class=\"w-full text-left text-xl\">\n                                        <thead>\n                                            <tr>\n                                                <th class=\"p-8 font-bold text-gray-900 bg-gray-50 border-b border-r border-gray-200 w-[22%] text-2xl\">\n                                                    Benefit Category<\/th>\n                                                <th class=\"p-8 font-bold bg-gray-50 border-b border-r border-gray-200 w-[39%] text-center\">\n                                                    <div class=\"text-gray-500 text-xl md:text-2xl mb-3 uppercase tracking-wider font-bold\">\n                                                        Food Sponsor<\/div>\n                                                    <!-- \u0110\u00c3 \u00c9P KH\u00d4NG R\u1edaT D\u00d2NG V\u00c0 CH\u1ec8NH SIZE CO GI\u00c3N T\u1ed0T -->\n                                                    <div class=\"text-3xl lg:text-4xl xl:text-5xl text-gray-900 font-black mb-4 tracking-tighter whitespace-nowrap\">\n                                                        300 MEALS<\/div>\n                                                    <div class=\"inline-block bg-orange-50 text-[#F58220] px-5 py-3 text-lg font-bold rounded-2xl border border-orange-200 whitespace-nowrap\">\n                                                        Estimated converted value: 8 million VND<\/div>\n                                                <\/th>\n                                                <th class=\"p-8 font-bold bg-orange-50 border-b border-orange-100 w-[39%] text-center\">\n                                                    <div class=\"text-orange-600 text-xl md:text-2xl mb-3 uppercase tracking-wider font-bold flex items-center justify-center gap-2\">\n                                                        <i data-lucide=\"star\" class=\"w-7 h-7 fill-orange-600\"><\/i> Drink\n                                                        Sponsor<\/div>\n                                                    <!-- \u0110\u00c3 \u00c9P KH\u00d4NG R\u1edaT D\u00d2NG V\u00c0 CH\u1ec8NH SIZE CO GI\u00c3N T\u1ed0T -->\n                                                    <div class=\"text-3xl lg:text-4xl xl:text-5xl text-[#F58220] font-black mb-4 tracking-tighter whitespace-nowrap\">\n                                                        300 DRINKS<\/div>\n                                                    <div class=\"inline-block bg-red-50 text-[#cc0000] px-5 py-3 text-lg font-bold rounded-2xl border border-red-200 whitespace-nowrap\">\n                                                        Estimated converted value: 12 million VND<\/div>\n                                                <\/th>\n                                            <\/tr>\n                                        <\/thead>\n                                        <tbody class=\"text-gray-700\">\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Standee Location<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    01 Standee (0.8m x 1.8m) in the satellite area.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Standee (0.8m x 1.8m) in the central area.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Advertising TVC<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Screen promotional TVC throughout the event.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Screen promotional TVC throughout the event.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Logo Placement<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Appear in a visible position on Online publications.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Appear in a PRIORITY position on Online publications.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Product Packaging<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Logo\/Brand present directly on 300 gift items.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Logo\/Brand present directly on 300 gift items.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Attached Voucher<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Attach 300 vouchers with gifts (if needed).<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Attach 300 vouchers with gifts (if needed).<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Story Mentions<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Minimum 300 direct tags\/mentions via student Stories.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Minimum 300 direct tags\/mentions via student Stories.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Livestream Media<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Appear in Video Overlays during the August 19 Livestream session.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Video Overlays + Product images directly on Livestream + Representative appearing on Livestream.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Thank You Letter & Summary<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    01 Thank You Letter + 01 Appreciation Post + 01 Data Report.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Thank You Letter + 01 Appreciation Post + 01 Data Report.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Image Usage<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Full rights to use images featuring the booth.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Full rights to use images featuring the booth.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Content Video Post<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center\"><i data-lucide=\"x\" class=\"w-8 h-8 mx-auto text-gray-300\"><\/i><\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Short Video post on Fanpage.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Email Marketing<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center\"><i data-lucide=\"x\" class=\"w-8 h-8 mx-auto text-gray-300\"><\/i><\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Recruitment Email campaign + 01 Footer Banner.<\/td>\n                                            <\/tr>\n                                            <tr class=\"hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Organize Workshop<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center\"><i data-lucide=\"x\" class=\"w-8 h-8 mx-auto text-gray-300\"><\/i><\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Co-organize 01 Workshop event after the event series.<\/td>\n                                            <\/tr>\n                                        <\/tbody>\n                                    <\/table>\n                                <\/div>\n\n                                <div id=\"table-quatang\" class=\"hidden overflow-x-auto transition-all duration-500 w-full\">\n                                    <table class=\"w-full text-left text-xl\">\n                                        <thead>\n                                            <tr>\n                                                <th class=\"p-8 font-bold text-gray-900 bg-gray-50 border-b border-r border-gray-200 w-[22%] text-2xl\">\n                                                    Benefit Category<\/th>\n                                                <th class=\"p-8 font-bold bg-gray-50 border-b border-r border-gray-200 w-[39%] text-center\">\n                                                    <div class=\"text-gray-500 text-xl md:text-2xl mb-3 uppercase tracking-wider font-bold\">\n                                                        Silver Sponsor<\/div>\n                                                    <!-- \u0110\u00c3 \u00c9P KH\u00d4NG R\u1edaT D\u00d2NG V\u00c0 CH\u1ec8NH SIZE CO GI\u00c3N T\u1ed0T -->\n                                                    <div class=\"text-3xl lg:text-4xl xl:text-5xl text-gray-900 font-black mb-4 tracking-tighter whitespace-nowrap\">\n                                                        GIFT<\/div>\n                                                    <div class=\"inline-block bg-orange-50 text-[#F58220] px-5 py-3 text-lg font-bold rounded-2xl border border-orange-200 whitespace-nowrap\">\n                                                        Estimated converted value: 5 million VND<\/div>\n                                                <\/th>\n                                                <th class=\"p-8 font-bold bg-orange-50 border-b border-orange-100 w-[39%] text-center\">\n                                                    <div class=\"text-orange-600 text-xl md:text-2xl mb-3 uppercase tracking-wider font-bold flex items-center justify-center gap-2\">\n                                                        <i data-lucide=\"star\" class=\"w-7 h-7 fill-orange-600\"><\/i> Gold\n                                                        Sponsor<\/div>\n                                                    <!-- \u0110\u00c3 \u00c9P KH\u00d4NG R\u1edaT D\u00d2NG V\u00c0 CH\u1ec8NH SIZE CO GI\u00c3N T\u1ed0T -->\n                                                    <div class=\"text-3xl lg:text-4xl xl:text-5xl text-[#F58220] font-black mb-4 tracking-tighter whitespace-nowrap\">\n                                                        GIFT<\/div>\n                                                    <div class=\"inline-block bg-red-50 text-[#cc0000] px-5 py-3 text-lg font-bold rounded-2xl border border-red-200 whitespace-nowrap\">\n                                                        Estimated converted value: 8 million VND<\/div>\n                                                <\/th>\n                                            <\/tr>\n                                        <\/thead>\n                                        <tbody class=\"text-gray-700\">\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Standee Location<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    01 Standee (0.8m x 1.8m) in the satellite area.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Standee (0.8m x 1.8m) in the central area.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Advertising TVC<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Screen promotional TVC throughout the event.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Screen promotional TVC throughout the event.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Logo Placement<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Appear in a visible position on Online publications.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Appear in a PRIORITY position on Online publications.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Attached Voucher<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Attach vouchers with gift items (if any).<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Attach vouchers with gift items (if any).<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Livestream Media<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Appear in Video Overlays during the August 19 Livestream session.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Video Overlays + Product images\/in-kind items in Livestream.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Thank You Letter & Summary<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    01 Thank You Letter + 01 Appreciation Post + 01 Data Report.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Thank You Letter + 01 Appreciation Post + 01 Data Report.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Image Usage<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center text-gray-600 font-medium text-xl leading-relaxed\">\n                                                    Full rights to use images featuring the booth.<\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Full rights to use images featuring the booth.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Content Video Post<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center\"><i data-lucide=\"x\" class=\"w-8 h-8 mx-auto text-gray-300\"><\/i><\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Short Video post on Fanpage.<\/td>\n                                            <\/tr>\n                                            <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Email Marketing<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center\"><i data-lucide=\"x\" class=\"w-8 h-8 mx-auto text-gray-300\"><\/i><\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    01 Recruitment Email campaign + 01 Footer Banner.<\/td>\n                                            <\/tr>\n                                            <tr class=\"hover:bg-gray-50 transition cursor-default\">\n                                                <td class=\"p-6 border-r border-gray-100 font-bold text-gray-900 text-xl leading-relaxed\">\n                                                    Organize Workshop<\/td>\n                                                <td class=\"p-6 border-r border-gray-100 text-center\"><i data-lucide=\"x\" class=\"w-8 h-8 mx-auto text-gray-300\"><\/i><\/td>\n                                                <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30 text-xl leading-relaxed\">\n                                                    Co-organize 01 Workshop event after the event series.<\/td>\n                                            <\/tr>\n                                        <\/tbody>\n                                    <\/table>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PH\u1ea6N 6: FORM \u0110\u0102NG K\u00dd -->\n        <section id=\"dang-ky\" class=\"force-full-screen py-24 relative reveal\">\n            <!-- N\u1edaI R\u1ed8NG T\u1ed0I \u0110A -->\n            <div class=\"max-w-[95%] mx-auto px-4 sm:px-6 lg:px-10\">\n                <div class=\"bg-white rounded-[40px] p-10 md:p-16 shadow-2xl border border-gray-100 transition hover:shadow-[0_20px_60px_rgba(0,0,0,0.12)] max-w-[1600px] mx-auto\">\n                    <div class=\"text-center mb-16\">\n                        <h2 class=\"text-4xl md:text-5xl font-black text-gray-900 mb-6 uppercase tracking-tight\">Register\n                            to Join<\/h2>\n                        <p class=\"text-gray-500 font-medium text-xl md:text-2xl\">Join the All-in-one Employer Network of HIW 2026<\/p>\n                    <\/div>\n\n                    <div id=\"register-form-wrapper\" class=\"w-full\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f92896-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"92896\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/91625#wpcf7-f92896-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"92896\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f92896-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<style>\n\/* CSS D\u00e0nh ri\u00eang cho CF7 Form *\/\n\/* CSS cho ph\u1ea7n tick ch\u1ecdn \u0111\u1ee3t (hiw-multi-tick) *\/\n.hiw-multi-tick .wpcf7-list-item {\n display: flex !important;\n align-items: center !important;\n margin-bottom: 16px !important;\n margin-left: 0 !important;\n}\n.hiw-multi-tick input[type= \"checkbox\"] {\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n margin-right: 12px !important;\n accent-color: #1967d2 !important;\n cursor: pointer !important;\n}\n.hiw-multi-tick .wpcf7-list-item-label {\n font-size: 1.15rem !important;\n color: #334155 !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n}\n.hiw-input {\n width: 100%;\n padding: 20px 26px;\n border-radius: 16px;\n border: 1.5px solid #e2e8f0;\n background-color: #f8fafc;\n transition: all 0.3s ease;\n font-size: 1.25rem !important; \n color: #334155;\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n}\n.hiw-input:focus {\n outline: none;\n border-color: #1967d2;\n background-color: #ffffff;\n box-shadow: 0 0 0 4px rgba(25, 103, 210, 0.15);\n transform: translateY(-2px);\n}\n.hiw-input::placeholder {\n color: #94a3b8;\n font-weight: 500;\n}\n\n.wpcf7-form-control-wrap {\n display: block !important;\n}\n\n.hiw-btn-wrapper p { \n display: flex !important; \n width: 100% !important; \n gap: 1.5rem !important; \n margin: 0 !important; \n padding: 0 !important;\n}\n@media (max-width: 768px) { \n .hiw-btn-wrapper p { flex-direction: column !important; } \n}\n.hiw-btn-wrapper br { display: none !important; }\n\n.hiw-acceptance span.wpcf7-list-item { \n margin: 0 !important; \n display: flex !important; \n align-items: flex-start !important; \n}\n.hiw-acceptance input[type= \"checkbox\"] { \n width: 28px !important; \n height: 28px !important; \n min-width: 28px !important; \n margin-right: 16px !important; \n margin-top: 2px !important; \n accent-color: #1967d2 !important; \n cursor: pointer !important; \n}\n.hiw-acceptance .wpcf7-list-item-label { \n font-size: 1.25rem !important; \n color: #334155 !important; \n font-weight: 700 !important; \n cursor: pointer !important; \n line-height: 1.6 !important; \n}\n<\/style>\n\n<!-- D\u1eef li\u1ec7u \u1ea9n c\u1ea5u h\u00ecnh logic -->\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"lich-phong-van-chon\" value=\"\" type=\"hidden\" name=\"lich-phong-van-chon\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"loai-dang-ky\" value=\"\" type=\"hidden\" name=\"loai-dang-ky\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"linh-vuc-du-kien\" value=\"\" type=\"hidden\" name=\"linh-vuc-du-kien\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"after_hiw\" value=\"\" type=\"hidden\" name=\"after_hiw\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"quan-tam-tai-tro\" value=\"\" type=\"hidden\" name=\"quan-tam-tai-tro\" \/>\n<div class=\"mb-12\">\n\t<p><label class=\"block text-gray-800 font-black mb-6 text-2xl md:text-3xl tracking-tight\">1. Th\u00f4ng tin Doanh nghi\u1ec7p<\/label>\n\t<\/p>\n\t<div id=\"part1\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\t\t<div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ten-doanh-nghiep\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00ean Doanh nghi\u1ec7p\" value=\"\" type=\"text\" name=\"ten-doanh-nghiep\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"linh-vuc-kinh-doanh\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"L\u0129nh v\u1ef1c kinh doanh\" value=\"\" type=\"text\" name=\"linh-vuc-kinh-doanh\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ten-nguoi-dang-ky\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00ean Ng\u01b0\u1eddi \u0111\u0103ng k\u00ed\" value=\"\" type=\"text\" name=\"ten-nguoi-dang-ky\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"so-dien-thoai\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i (Zalo)\" value=\"\" type=\"tel\" name=\"so-dien-thoai\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"md:col-span-2\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-lien-he\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email li\u00ean h\u1ec7\" value=\"\" type=\"email\" name=\"email-lien-he\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"mb-12\">\n\t<p><label class=\"block text-gray-800 font-black mb-6 text-2xl md:text-3xl tracking-tight\">2. Nhu c\u1ea7u Tuy\u1ec3n d\u1ee5ng Th\u1ef1c t\u1eadp sinh (D\u1ef1 ki\u1ebfn)<\/label>\n\t<\/p>\n\t<div id=\"part2\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-start\">\n\t\t<div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"vi-tri-tuyen-dung\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"V\u1ecb tr\u00ed tuy\u1ec3n d\u1ee5ng\" value=\"\" type=\"text\" name=\"vi-tri-tuyen-dung\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"so-luong-tuyen-dung\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required hiw-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"S\u1ed1 l\u01b0\u1ee3ng tuy\u1ec3n d\u1ee5ng (D\u1ef1 ki\u1ebfn)\" value=\"\" type=\"text\" name=\"so-luong-tuyen-dung\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div id=\"linhVucWrapper\" class=\"relative z-40 md:col-span-2\">\n\t\t\t<p><label class=\"block text-xl font-bold text-gray-700 mb-4\">L\u0129nh v\u1ef1c (D\u1ef1 ki\u1ebfn):<\/label><br \/>\n<button type=\"button\" onclick=\"toggleLinhVucDropdown()\" class=\"w-full px-8 py-5 rounded-[16px] border-[1.5px] border-slate-200 focus:outline-none transition-all duration-300 bg-slate-50 hover:bg-white text-left flex justify-between items-center shadow-sm\" style=\"box-shadow: 0 0 0 0 rgba(25,103,210,0);\" onfocus=\"this.style.borderColor='#1967d2'; this.style.boxShadow='0 0 0 4px rgba(25, 103, 210, 0.15)';\" onblur=\"this.style.borderColor='#e2e8f0'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)';\"><br \/>\n<span id=\"linhVucDropdownText\" class=\"text-slate-500 text-lg md:text-xl font-medium italic\">-- Nh\u1ea5p \u0111\u1ec3 ch\u1ecdn l\u0129nh v\u1ef1c (C\u00f3 th\u1ec3 ch\u1ecdn nhi\u1ec1u) --<\/span><br \/>\n<i data-lucide=\"chevron-down\" class=\"w-7 h-7 text-slate-400\"><\/i><br \/>\n<\/button>\n\t\t\t<\/p>\n\t\t\t<div id=\"linhVucDropdownContent\" class=\"hidden absolute z-50 w-full mt-3 bg-white border border-slate-200 rounded-[24px] shadow-2xl p-10 left-0 top-full\">\n\t\t\t\t<p class=\"text-base md:text-lg text-slate-500 mb-6 italic font-medium\">Tick ch\u1ecdn 01 ho\u1eb7c nhi\u1ec1u l\u0129nh v\u1ef1c b\u00ean d\u01b0\u1edbi:\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-y-6 gap-x-8 max-h-[350px] overflow-y-auto pr-4 custom-scrollbar\">\n\t\t\t\t\t<p><label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"An to\u00e0n lao \u0111\u1ed9ng\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">An to\u00e0n lao \u0111\u1ed9ng<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"B\u00e1n h\u00e0ng\/ T\u01b0 v\u1ea5n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">B\u00e1n h\u00e0ng\/ T\u01b0 v\u1ea5n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"B\u1ea3o hi\u1ec3m\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">B\u1ea3o hi\u1ec3m<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"B\u1ea3o tr\u00ec\/ S\u1eeda ch\u1eefa\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">B\u1ea3o tr\u00ec\/ S\u1eeda ch\u1eefa<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"B\u1ea5t \u0111\u1ed9ng s\u1ea3n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">B\u1ea5t \u0111\u1ed9ng s\u1ea3n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Bi\u00ean phi\u00ean d\u1ecbch\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Bi\u00ean phi\u00ean d\u1ecbch<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ch\u1ee9ng kho\u00e1n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ch\u1ee9ng kho\u00e1n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"C\u00f4ng ngh\u1ec7 th\u00f4ng tin\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">C\u00f4ng ngh\u1ec7 th\u00f4ng tin<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"D\u1ecbch v\u1ee5 kh\u00e1ch h\u00e0ng\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">D\u1ecbch v\u1ee5 kh\u00e1ch h\u00e0ng<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Du l\u1ecbch\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Du l\u1ecbch<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Gi\u00e1o d\u1ee5c\/ \u0110\u00e0o t\u1ea1o\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Gi\u00e1o d\u1ee5c\/ \u0110\u00e0o t\u1ea1o<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"H\u00e0ng kh\u00f4ng\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">H\u00e0ng kh\u00f4ng<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"H\u00e0nh ch\u00ednh\/ Th\u01b0 k\u00fd\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">H\u00e0nh ch\u00ednh\/ Th\u01b0 k\u00fd<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ho\u1ea1ch \u0111\u1ecbnh\/ D\u1ef1 \u00e1n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ho\u1ea1ch \u0111\u1ecbnh\/ D\u1ef1 \u00e1n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"In \u1ea5n\/ Xu\u1ea5t b\u1ea3n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">In \u1ea5n\/ Xu\u1ea5t b\u1ea3n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Internet\/ Online Media\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Internet\/ Online Media<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"K\u1ebf to\u00e1n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">K\u1ebf to\u00e1n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Kho v\u1eadn\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Kho v\u1eadn<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ki\u1ec3m to\u00e1n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ki\u1ec3m to\u00e1n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ki\u1ebfn tr\u00fac\/ Thi\u1ebft k\u1ebf n\u1ed9i th\u1ea5t\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ki\u1ebfn tr\u00fac\/ Thi\u1ebft k\u1ebf n\u1ed9i th\u1ea5t<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Marketing\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Marketing<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"M\u1ef9 thu\u1eadt\/ Ngh\u1ec7 thu\u1eadt\/ Thi\u1ebft k\u1ebf\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">M\u1ef9 thu\u1eadt\/ Ngh\u1ec7 thu\u1eadt\/ Thi\u1ebft k\u1ebf<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ng\u00e2n h\u00e0ng\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ng\u00e2n h\u00e0ng<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ngo\u1ea1i ng\u1eef\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ngo\u1ea1i ng\u1eef<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Nh\u00e0 h\u00e0ng\/ Kh\u00e1ch s\u1ea1n\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Nh\u00e0 h\u00e0ng\/ Kh\u00e1ch s\u1ea1n<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Nh\u00e2n s\u1ef1\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Nh\u00e2n s\u1ef1<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ph\u00e1p l\u00fd\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ph\u00e1p l\u00fd<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Ph\u00e2n t\u00edch d\u1eef li\u1ec7u\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Ph\u00e2n t\u00edch d\u1eef li\u1ec7u<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Phi ch\u00ednh ph\u1ee7\/ Phi l\u1ee3i nhu\u1eadn\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Phi ch\u00ednh ph\u1ee7\/ Phi l\u1ee3i nhu\u1eadn<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"QA\/ QC\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">QA\/ QC<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Qu\u1ea3n tr\u1ecb kinh doanh\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Qu\u1ea3n tr\u1ecb kinh doanh<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Qu\u1ea3ng c\u00e1o\/ Khuy\u1ebfn m\u00e3i\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Qu\u1ea3ng c\u00e1o\/ Khuy\u1ebfn m\u00e3i<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"S\u1ea3n xu\u1ea5t\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">S\u1ea3n xu\u1ea5t<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"T\u00e0i ch\u00ednh c\u00f4ng ngh\u1ec7\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">T\u00e0i ch\u00ednh c\u00f4ng ngh\u1ec7<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Th\u1eddi trang\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Th\u1eddi trang<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Th\u01b0\u01a1ng m\u1ea1i\/ \u0110i\u1ec7n t\u1eed\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Th\u01b0\u01a1ng m\u1ea1i\/ \u0110i\u1ec7n t\u1eed<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Truy\u1ec1n h\u00ecnh\/ Truy\u1ec1n th\u00f4ng\/ B\u00e1o ch\u00ed\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Truy\u1ec1n h\u00ecnh\/ Truy\u1ec1n th\u00f4ng\/ B\u00e1o ch\u00ed<\/span><\/label><br \/>\n<label class=\"flex items-center space-x-4 cursor-pointer group\"><input type=\"checkbox\" value=\"Xu\u1ea5t nh\u1eadp kh\u1ea9u\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><span class=\"text-lg md:text-xl font-semibold text-slate-600 group-hover:text-slate-900 transition-colors\">Xu\u1ea5t nh\u1eadp kh\u1ea9u<\/span><\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<p><label class=\"flex items-center space-x-4 cursor-pointer group col-span-1 sm:col-span-2 md:col-span-3 mt-4 pt-6 border-t border-slate-200\"><br \/>\n<input type=\"checkbox\" value=\"Kh\u00e1c\" onchange=\"toggleOtherField(this)\" class=\"w-6 h-6 rounded border-slate-300 text-[#1967d2] focus:ring-[#1967d2]\" \/><br \/>\n<span class=\"text-xl font-bold text-gray-800 ml-2 mr-3\">Kh\u00e1c:<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"linh-vuc-khac\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text hiw-input hidden\" id=\"input-linh-vuc-khac\" aria-invalid=\"false\" placeholder=\"Vui l\u00f2ng \u0111i\u1ec1n l\u0129nh v\u1ef1c kh\u00e1c...\" value=\"\" type=\"text\" name=\"linh-vuc-khac\" \/><\/span><br \/>\n<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!-- N\u00daT CTA CH\u1eb6NG 1 -->\n<div id=\"step1-cta\" class=\"mt-14 pt-12 border-t border-slate-200 transition-all duration-500 relative z-10\">\n\t<p class=\"text-center text-slate-500 mb-10 italic text-xl md:text-2xl\">Vui l\u00f2ng \u0111i\u1ec1n \u0111\u1ee7 th\u00f4ng tin c\u00f3 d\u1ea5u <span class=\"text-red-500 font-bold\">*<\/span> v\u00e0 ch\u1ecdn 1 trong 2 h\u00ecnh th\u1ee9c d\u01b0\u1edbi \u0111\u00e2y.\n\t<\/p>\n\t<div class=\"mb-12 bg-blue-50\/50 p-8 rounded-[24px] border border-blue-100 hover:border-blue-300 hover:shadow-md transition-all duration-300\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"policy-agree\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"policy-agree\" value=\"1\" class=\"hiw-acceptance\" id=\"policy-agree\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">B\u1eb1ng vi\u1ec7c nh\u1ea5n n\u00fat \u0111\u0103ng k\u00fd, t\u00f4i \u0111\u1ed3ng \u00fd cho ph\u00e9p Ban t\u1ed5 ch\u1ee9c ch\u01b0\u01a1ng tr\u00ecnh s\u1eed d\u1ee5ng th\u00f4ng tin c\u00e1 nh\u00e2n \u0111\u1ec3 li\u00ean h\u1ec7 t\u01b0 v\u1ea5n\/x\u00e1c nh\u1eadn \u0111\u0103ng k\u00fd. *<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"hiw-btn-wrapper\">\n\t\t<p><button type=\"button\" onclick=\"submitTuVan()\" class=\"w-full px-12 py-6 bg-[#1967d2] hover:bg-[#1557b0] text-white font-black text-2xl md:text-3xl rounded-[20px] shadow-xl hover:shadow-2xl transition-all transform hover:-translate-y-1 flex justify-center items-center whitespace-nowrap tracking-wide cursor-pointer z-50 relative\"><br \/>\n\u0110\u0102NG K\u00dd T\u01af V\u1ea4N <i data-lucide=\"headset\" class=\"w-8 h-8 ml-3\"><\/i><br \/>\n<\/button><br \/>\n<button type=\"button\" onclick=\"continueThamGia()\" class=\"w-full px-12 py-6 bg-[#F58220] hover:bg-[#e06c10] text-white font-black text-2xl md:text-3xl rounded-[20px] shadow-xl hover:shadow-2xl transition-all transform hover:-translate-y-1 flex justify-center items-center whitespace-nowrap tracking-wide cursor-pointer z-50 relative\"><br \/>\n\u0110\u0102NG K\u00dd THAM GIA <i data-lucide=\"arrow-right\" class=\"w-8 h-8 ml-3\"><\/i><br \/>\n<\/button>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n\n<!-- 3. \u0110\u0103ng k\u00fd L\u1ecbch tr\u00ecnh -->\n<div id=\"part3\" class=\"mb-12 mt-14 p-10 bg-blue-50\/60 border border-blue-100 rounded-[32px] hidden transition-all duration-500 opacity-0 transform translate-y-4\">\n\t<p><label class=\"block text-[#1967d2] font-black mb-8 text-3xl border-b border-blue-200 pb-5 uppercase\">3. \u0110\u0103ng k\u00fd L\u1ecbch tr\u00ecnh<\/label>\n\t<\/p>\n\t<div class=\"mb-10 relative z-40\">\n\t\t<p><label class=\"block text-gray-800 font-bold mb-4 text-xl md:text-2xl\">3.1. Doanh nghi\u1ec7p \u0111\u0103ng k\u00fd \u0111\u0103ng tin v\u00e0o \u0111\u1ee3t n\u00e0o? <span class=\"text-red-500\">*<\/span><\/label>\n\t\t<\/p>\n \n <!-- CF7 Checkbox -->\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"dotDangTin\"><span class=\"wpcf7-form-control wpcf7-checkbox hiw-multi-tick\" id=\"dotDangTin\"><span class=\"wpcf7-list-item first\"><label><input type=\"checkbox\" name=\"dotDangTin[]\" value=\"\u0110\u1ee3t 1 (27-29\/08)\" \/><span class=\"wpcf7-list-item-label\">\u0110\u1ee3t 1 (27-29\/08)<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"dotDangTin[]\" value=\"\u0110\u1ee3t 2 (03-05\/09)\" \/><span class=\"wpcf7-list-item-label\">\u0110\u1ee3t 2 (03-05\/09)<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"dotDangTin[]\" value=\"\u0110\u1ee3t 3 (10-12\/09)\" \/><span class=\"wpcf7-list-item-label\">\u0110\u1ee3t 3 (10-12\/09)<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"checkbox\" name=\"dotDangTin[]\" value=\"Ch\u01b0a x\u00e1c \u0111\u1ecbnh l\u1ecbch tr\u00ecnh, t\u00f4i s\u1ebd b\u1ed5 sung sau\" \/><span class=\"wpcf7-list-item-label\">Ch\u01b0a x\u00e1c \u0111\u1ecbnh l\u1ecbch tr\u00ecnh, t\u00f4i s\u1ebd b\u1ed5 sung sau<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div id=\"ngayPhongVanContainer\" class=\"mb-8 hidden\">\n\t\t<p><label class=\"block text-gray-800 font-bold mb-3 text-xl md:text-2xl\">3.2. B\u1ea3ng ch\u1ecdn ca ph\u1ecfng v\u1ea5n \u01b0u ti\u00ean (Ch\u1ecdn t\u1ed1i \u0111a 3 ca) <span class=\"text-red-500\">*<\/span><\/label>\n\t\t<\/p>\n\t\t<p class=\"text-[17px] text-gray-500 mb-6 italic\">\u0110\u00e3 ch\u1ecdn: <span id=\"caSelectedCount\" class=\"font-black text-[#1967d2] text-2xl\">0<\/span>\/3 ca\n\t\t<\/p>\n\t\t<div class=\"overflow-x-auto rounded-[24px] border border-gray-200 shadow-sm\">\n\t\t\t<table class=\"w-full bg-white text-lg md:text-xl text-left\">\n\t\t\t\t<thead class=\"bg-gray-50 text-gray-700 uppercase font-black text-center border-b border-gray-200\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th class=\"px-8 py-6 border-r border-gray-200 whitespace-nowrap\">\n\t\t\t\t\t\t\t<p>Ng\u00e0y\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t<th class=\"px-8 py-6 border-r border-gray-200 text-[#F58220] whitespace-nowrap\">\n\t\t\t\t\t\t\t<p>Ca S\u00e1ng<br \/>\n<span class=\"text-base font-semibold text-gray-500 tracking-normal capitalize\">08:30 - 11:30<\/span>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t<th class=\"px-8 py-6 border-r border-gray-200 text-[#1967d2] whitespace-nowrap\">\n\t\t\t\t\t\t\t<p>Ca Chi\u1ec1u<br \/>\n<span class=\"text-base font-semibold text-gray-500 tracking-normal capitalize\">13:30 - 16:30<\/span>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t<th class=\"px-8 py-6 text-purple-600 whitespace-nowrap\">\n\t\t\t\t\t\t\t<p>Ca T\u1ed1i<br \/>\n<span class=\"text-base font-semibold text-gray-500 tracking-normal capitalize\">18:00 - 20:30<\/span>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/th>\n\t\t\t\t\t<\/tr>\n\t\t\t\t<\/thead>\n\t\t\t\t<tbody id=\"gridPhongVanBody\" class=\"divide-y divide-gray-200 text-center text-xl\">\n <!-- Rendered by JS -->\n\t\t\t\t<\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!-- 4. D\u1ef1 ki\u1ebfn quy tr\u00ecnh -->\n<div id=\"part4\" class=\"mb-12 p-10 bg-orange-50\/60 rounded-[32px] border border-orange-100 hidden transition-all duration-500 opacity-0 transform translate-y-4 relative z-30\">\n\t<p><label class=\"block text-gray-800 font-black mb-8 text-2xl border-b border-orange-200 pb-5 uppercase\">4. D\u1ef1 ki\u1ebfn quy tr\u00ecnh sau ph\u1ecfng v\u1ea5n HIW26 (Ch\u1ecdn 1 trong 2): <span class=\"text-red-500\">*<\/span><\/label>\n\t<\/p>\n\t<div class=\"space-y-6 mt-6\">\n\t\t<p><label class=\"flex items-center space-x-6 cursor-pointer group bg-white p-8 rounded-[24px] border border-gray-100 shadow-sm hover:border-[#F58220] transition-all duration-300 hover:shadow-md hover:-translate-y-1\"><br \/>\n<input type=\"radio\" name=\"after_hiw_radio\" value=\"G\u1eedi Offer v\u00e0 On-board th\u1ef1c t\u1eadp ngay\" onchange=\"document.getElementById('after_hiw').value=this.value\" class=\"w-8 h-8 border-gray-300 text-[#F58220] focus:ring-[#F58220] cursor-pointer\" \/><br \/>\n<span class=\"text-gray-800 font-bold text-xl group-hover:text-orange-700 transition-colors\">G\u1eedi Offer v\u00e0 On-board th\u1ef1c t\u1eadp ngay<\/span><br \/>\n<\/label><br \/>\n<label class=\"flex items-center space-x-6 cursor-pointer group bg-white p-8 rounded-[24px] border border-gray-100 shadow-sm hover:border-[#F58220] transition-all duration-300 hover:shadow-md hover:-translate-y-1\"><br \/>\n<input type=\"radio\" name=\"after_hiw_radio\" value=\"C\u1ea7n th\u00eam v\u00f2ng test \/ ph\u1ecfng v\u1ea5n chuy\u00ean s\u00e2u t\u1ea1i C\u00f4ng ty\" onchange=\"document.getElementById('after_hiw').value=this.value\" class=\"w-8 h-8 border-gray-300 text-[#F58220] focus:ring-[#F58220] cursor-pointer\" \/><br \/>\n<span class=\"text-gray-800 font-bold text-xl group-hover:text-orange-700 transition-colors\">C\u1ea7n th\u00eam v\u00f2ng test \/ ph\u1ecfng v\u1ea5n chuy\u00ean s\u00e2u t\u1ea1i C\u00f4ng ty<\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n\n<!-- 5. G\u00f3i T\u00e0i Tr\u1ee3 -->\n<div id=\"part5\" class=\"mb-12 p-10 bg-gray-50 rounded-[32px] border border-gray-200 hidden transition-all duration-500 opacity-0 transform translate-y-4 relative z-30\">\n\t<p><label class=\"block text-gray-800 font-black mb-8 text-2xl uppercase leading-snug\">5. Doanh nghi\u1ec7p c\u00f3 quan t\u00e2m \u0111\u1ebfn c\u00e1c G\u00f3i T\u00e0i Tr\u1ee3 \u0111\u1ec3 gia t\u0103ng quy\u1ec1n l\u1ee3i truy\u1ec1n th\u00f4ng?<\/label>\n\t<\/p>\n\t<div class=\"space-y-6\">\n\t\t<p><label class=\"flex items-center space-x-6 cursor-pointer group bg-white p-8 rounded-[24px] border border-gray-100 shadow-sm hover:border-[#1967d2] transition-all duration-300 hover:shadow-md hover:-translate-y-1\"><br \/>\n<input type=\"radio\" name=\"sponsor_interest_radio\" value=\"C\u00f3, vui l\u00f2ng g\u1eedi chi ti\u1ebft c\u00e1c g\u00f3i t\u00e0i tr\u1ee3\" onchange=\"document.getElementById('quan-tam-tai-tro').value=this.value\" class=\"w-8 h-8 border-gray-300 text-[#1967d2] focus:ring-[#1967d2] cursor-pointer\" \/><br \/>\n<span class=\"text-gray-700 font-bold text-xl group-hover:text-[#1967d2] transition-colors\">C\u00f3, vui l\u00f2ng g\u1eedi chi ti\u1ebft c\u00e1c g\u00f3i t\u00e0i tr\u1ee3 (F&B \/ Qu\u00e0 t\u1eb7ng)<\/span><br \/>\n<\/label><br \/>\n<label class=\"flex items-center space-x-6 cursor-pointer group bg-white p-8 rounded-[24px] border border-gray-100 shadow-sm hover:border-[#1967d2] transition-all duration-300 hover:shadow-md hover:-translate-y-1\"><br \/>\n<input type=\"radio\" name=\"sponsor_interest_radio\" value=\"Kh\u00f4ng, hi\u1ec7n t\u1ea1i ch\u1ec9 tham gia tuy\u1ec3n d\u1ee5ng\" onchange=\"document.getElementById('quan-tam-tai-tro').value=this.value\" class=\"w-8 h-8 border-gray-300 text-[#1967d2] focus:ring-[#1967d2] cursor-pointer\" \/><br \/>\n<span class=\"text-gray-700 font-bold text-xl group-hover:text-[#1967d2] transition-colors\">Kh\u00f4ng, hi\u1ec7n t\u1ea1i ch\u1ec9 tham gia tuy\u1ec3n d\u1ee5ng<\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n\n<!-- N\u00daT CTA CH\u1eb6NG 2 -->\n<div id=\"step2-cta\" class=\"mt-14 pt-12 border-t border-gray-200 hidden transition-all duration-500 opacity-0 relative z-50\">\n\t<p><button type=\"button\" onclick=\"submitThamGia()\" class=\"w-full px-12 py-7 bg-[#F58220] hover:bg-[#e06c10] text-white font-black text-3xl rounded-[20px] shadow-xl hover:shadow-2xl transition-all transform hover:-translate-y-1 flex justify-center items-center gap-4 uppercase tracking-wide cursor-pointer relative z-50\"><br \/>\nHO\u00c0N T\u1ea4T \u0110\u0102NG K\u00dd THAM GIA <i data-lucide=\"check-circle\" class=\"w-8 h-8\"><\/i><br \/>\n<\/button><br \/>\n<button type=\"button\" onclick=\"backToStep1()\" class=\"w-full mt-8 py-4 text-gray-500 hover:text-gray-800 font-bold text-xl transition flex items-center justify-center gap-3 hover:-translate-x-1 cursor-pointer relative z-50\"><br \/>\n<i data-lucide=\"arrow-left\" class=\"w-6 h-6\"><\/i> Tr\u1edf l\u1ea1i B\u01b0\u1edbc 1<br \/>\n<\/button>\n\t<\/p>\n<\/div>\n<p class=\"text-center text-lg text-gray-400 mt-10 font-medium\"><i data-lucide=\"shield-check\" class=\"w-6 h-6 inline mb-1 text-green-500\"><\/i> Th\u00f4ng tin c\u1ee7a Doanh nghi\u1ec7p \u0111\u01b0\u1ee3c b\u1ea3o m\u1eadt tuy\u1ec7t \u0111\u1ed1i.\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner hidden\" type=\"submit\" value=\"G\u1eedi\" \/>\n<\/p><input type=\"text\" class=\"wpcf7_hp_field\" name=\"wpcf7_hp_field\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"144\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- FOOTER: TH\u00d4NG TIN LI\u00caN H\u1ec6 -->\n        <footer class=\"force-full-screen bg-[#2d2d71] text-white pt-20 pb-10 border-t-[8px] border-[#1967d2]\">\n            <div class=\"max-w-[1600px] mx-auto px-4 sm:px-6 lg:px-10 reveal\">\n                <!-- \u0110\u1ed5i c\u1ea5u tr\u00fac Grid sang 12 c\u1ed9t \u0111\u1ec3 n\u1edbi r\u1ed9ng c\u1ed9t tr\u00e1i, ch\u1ed1ng r\u1edbt d\u00f2ng -->\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-14 mb-16\">\n\n                    <!-- C\u1ed8T TR\u00c1I (T\u0103ng di\u1ec7n t\u00edch l\u00ean 4\/12 = 33.3%) -->\n                    <div class=\"lg:col-span-4 xl:col-span-4 flex flex-col gap-6\">\n                        <div class=\"flex items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png\" alt=\"HIW26 Logo\" class=\"object-contain\" style=\"height: 60px; width: auto; max-width: 250px;\">\n                        <\/div>\n\n                        <!-- Gi\u1ea3m kho\u1ea3ng c\u00e1ch d\u1ecdc (space-y-4) \u0111\u1ec3 kh\u1ed1i ch\u1eef kh\u00edt l\u1ea1i -->\n                        <div class=\"text-gray-300 text-[15px] leading-relaxed space-y-4\">\n\n                            <!-- T\u00ean Trung t\u00e2m & Tr\u01b0\u1eddng -->\n                            <div>\n                                <h3 class=\"!text-[#60a5fa] font-black text-base uppercase mb-1 whitespace-nowrap\">Center for Business Relation and Student Support<\/h3>\n                                <p class=\"font-bold text-gray-200 uppercase text-[13px]\">HO CHI MINH CITY UNIVERSITY OF FOREIGN LANGUAGES - INFORMATION TECHNOLOGY<\/p>\n                            <\/div>\n\n                            <!-- V\u0103n ph\u00f2ng l\u00e0m vi\u1ec7c -->\n                            <div>\n                                <h6 class=\"text-white font-bold mb-1.5 flex items-center gap-2\"><i data-lucide=\"map-pin\" class=\"w-4 h-4 text-[#F58220]\"><\/i> Working Office<\/h6>\n                                <ul class=\"space-y-1.5 pl-6\">\n                                    <li><span class=\"font-semibold text-gray-100\">S\u01b0 V\u1ea1n H\u1ea1nh Campus:<\/span> 828 Su Van Hanh, Ward 13, HCMC<\/li>\n                                    <li><span class=\"font-semibold text-gray-100\">Hoc Mon Campus:<\/span> 806 Le Quang Dao, Hoc Mon Commune, HCMC<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <!-- Hotline -->\n                            <div>\n                                <h6 class=\"text-white font-bold mb-1.5 flex items-center gap-2\"><i data-lucide=\"phone-call\" class=\"w-4 h-4 text-[#F58220]\"><\/i> Hotline<\/h6>\n                                <p class=\"pl-6\">028 3863 2052 (Ext: 111)<\/p>\n                            <\/div>\n\n                            <!-- Email -->\n                            <div>\n                                <h6 class=\"text-white font-bold mb-1.5 flex items-center gap-2\"><i data-lucide=\"mail\" class=\"w-4 h-4 text-[#F58220]\"><\/i> Email<\/h6>\n                                <ul class=\"space-y-1.5 pl-6\">\n                                    <li><span class=\"font-semibold text-gray-100 block\">User Support:<\/span> <a href=\"mailto:support.careerhub@huflit.edu.vn\" class=\"hover:text-blue-300 transition-colors\">support.careerhub@huflit.edu.vn<\/a>\n                                    <\/li>\n                                    <li><span class=\"font-semibold text-gray-100 block mt-1\">Business Cooperation:\n                                            <\/span> <a href=\"mailto:CareerHub@huflit.edu.vn\" class=\"hover:text-blue-300 transition-colors\">CareerHub@huflit.edu.vn<\/a><br>\n                                        <a href=\"mailto:qhdn@huflit.edu.vn\" class=\"hover:text-blue-300 transition-colors\">qhdn@huflit.edu.vn<\/a><\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <!-- Social Buttons -->\n                            <div class=\"flex flex-row flex-wrap gap-3 pt-3\">\n                                <a href=\"https:\/\/www.facebook.com\/huflitcareerhub\" target=\"_blank\" class=\"flex items-center justify-center gap-2 bg-[#1877F2] hover:bg-[#155fc2] text-white px-5 py-2.5 rounded-[12px] font-bold text-[15px] transition-all hover:-translate-y-1 shadow-md\">\n                                    <i data-lucide=\"facebook\" class=\"w-4 h-4 fill-current text-white\"><\/i> Fanpage\n                                <\/a>\n                                <a href=\"https:\/\/zalo.me\/huflitcareerhub\" target=\"_blank\" class=\"flex items-center justify-center gap-2 bg-[#0068FF] hover:bg-[#0055d4] text-white px-5 py-2.5 rounded-[12px] font-bold text-[15px] transition-all hover:-translate-y-1 shadow-md\">\n                                    <i data-lucide=\"message-circle\" class=\"w-4 h-4 text-white\"><\/i> Zalo OA\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- C\u1ed8T PH\u1ea2I (Th\u00f4ng tin BTC) - Chi\u1ebfm 8\/12 -->\n                    <div class=\"lg:col-span-8 xl:col-span-8\">\n                        <h4 class=\"text-2xl md:text-3xl font-black mb-8 text-[#F58220] uppercase tracking-wider\">Organizing Committee Contact Information<\/h4>\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-6\">\n                            <!-- \u0110\u1ed5i bg-gray-800 th\u00e0nh bg-white\/10 \u0111\u1ec3 t\u1ec7p v\u1edbi n\u1ec1n #2d2d71 -->\n                            <div class=\"bg-white\/10 p-6 rounded-[24px] border border-white\/20 hover:border-white\/40 hover:-translate-y-1 transition-all duration-300 backdrop-blur-sm\">\n                                <p class=\"font-bold text-white mb-1.5 text-xl\">Master Do Duc Anh<\/p>\n                                <p class=\"text-sm text-[#60a5fa] mb-5 font-bold uppercase tracking-widest\">Deputy Head of Organizing Committee<\/p>\n                                <div class=\"flex items-center gap-3 text-[15px] text-gray-300 mb-3 hover:text-white transition-colors cursor-pointer\">\n                                    <i data-lucide=\"phone\" class=\"w-5 h-5 text-gray-400\"><\/i> 0908 589 365\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-[15px] text-gray-300 hover:text-white transition-colors cursor-pointer\">\n                                    <i data-lucide=\"mail\" class=\"w-5 h-5 text-gray-400\"><\/i> anhdd@huflit.edu.vn\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"bg-white\/10 p-6 rounded-[24px] border border-white\/20 hover:border-white\/40 hover:-translate-y-1 transition-all duration-300 backdrop-blur-sm\" style=\"transition-delay: 100ms;\">\n                                <p class=\"font-bold text-white mb-1.5 text-xl\">Vo Van Phong<\/p>\n                                <p class=\"text-sm text-[#60a5fa] mb-5 font-bold uppercase tracking-widest\">Organizing Committee Member<\/p>\n                                <div class=\"flex items-center gap-3 text-[15px] text-gray-300 mb-3 hover:text-white transition-colors cursor-pointer\">\n                                    <i data-lucide=\"phone\" class=\"w-5 h-5 text-gray-400\"><\/i> 0911 916 448\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-[15px] text-gray-300 hover:text-white transition-colors cursor-pointer\">\n                                    <i data-lucide=\"mail\" class=\"w-5 h-5 text-gray-400\"><\/i> phongvv@huflit.edu.vn\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"bg-white\/10 p-6 rounded-[24px] border border-white\/20 hover:border-white\/40 hover:-translate-y-1 transition-all duration-300 backdrop-blur-sm\" style=\"transition-delay: 200ms;\">\n                                <p class=\"font-bold text-white mb-1.5 text-xl\">Vo Huynh Thuy Vy<\/p>\n                                <p class=\"text-sm text-[#60a5fa] mb-5 font-bold uppercase tracking-widest\">Organizing Committee Member<\/p>\n                                <div class=\"flex items-center gap-3 text-[15px] text-gray-300 mb-3 hover:text-white transition-colors cursor-pointer\">\n                                    <i data-lucide=\"phone\" class=\"w-5 h-5 text-gray-400\"><\/i> 0832 222 624\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-[15px] text-gray-300 hover:text-white transition-colors cursor-pointer\">\n                                    <i data-lucide=\"mail\" class=\"w-5 h-5 text-gray-400\"><\/i> vyvht@huflit.edu.vn\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"border-t border-white\/10 pt-8 text-center text-sm text-gray-400 font-medium\">\n                    <p>&copy; 2026 HUFLIT Internship Week. All rights reserved.<\/p>\n                <\/div>\n            <\/div>\n        <\/footer>\n\n        <!-- Modal Demo Gian H\u00e0ng -->\n        <div id=\"demoModal\" class=\"fixed inset-0 z-[110] flex items-center justify-center bg-black\/80 hidden opacity-0 transition-opacity duration-300 backdrop-blur-sm cursor-pointer\">\n            <div class=\"relative w-full max-w-[1500px] mx-4 transform scale-95 transition-transform duration-300 cursor-default\" id=\"demoModalContent\">\n                <button type=\"button\" onclick=\"closeDemoModal()\" class=\"absolute -top-16 right-0 text-white\/80 hover:text-white font-bold text-3xl flex items-center gap-3 transition cursor-pointer\">\n                    <span>Close<\/span> <i data-lucide=\"x-circle\" class=\"w-10 h-10\"><\/i>\n                <\/button>\n                <div class=\"w-full aspect-video bg-gray-800 rounded-[32px] overflow-hidden shadow-2xl border border-gray-700 flex items-center justify-center relative\">\n                    <img decoding=\"async\" src=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/07\/demogianhang-scaled.jpg\" alt=\"Demo Booth\" class=\"w-full h-full object-cover\">\n                <\/div>\n                <p class=\"text-center text-gray-400 mt-6 text-xl font-medium\">Click outside or the Close button to return to the main screen.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Custom Modal Popup Th\u00e0nh C\u00f4ng -->\n        <div id=\"successModal\" class=\"fixed inset-0 z-[100] flex items-center justify-center bg-black\/60 backdrop-blur-sm hidden opacity-0 transition-opacity duration-300\">\n            <div class=\"bg-white rounded-[40px] p-12 max-w-xl w-full mx-4 shadow-2xl transform scale-95 transition-transform duration-300\" id=\"successModalContent\">\n                <div class=\"text-center\">\n                    <div class=\"w-32 h-32 bg-green-50 rounded-full flex items-center justify-center mx-auto mb-8 shadow-inner\">\n                        <i data-lucide=\"check-circle\" class=\"w-16 h-16 text-green-500\"><\/i>\n                    <\/div>\n                    <h3 id=\"modalTitle\" class=\"text-5xl font-black text-gray-900 mb-5\">Success!<\/h3>\n                    <p id=\"modalMessage\" class=\"text-gray-600 mb-10 font-medium text-2xl leading-relaxed\">The Business's information has been recorded.<\/p>\n                    <button type=\"button\" onclick=\"closeModal()\" class=\"w-full px-8 py-5 bg-[#1967d2] hover:bg-[#1557b0] text-white font-bold text-3xl rounded-[20px] shadow-lg hover:shadow-xl transition-all hover:-translate-y-1\">\n                        Close notification\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n    lucide.createIcons();\n\n    \/\/ 1. TABS T\u00c0I TR\u1ee2 & DEMO MODAL\n    function switchSponsorTab(tabId) {\n        const btnFnb = document.getElementById('tab-btn-fnb');\n        const btnQuatang = document.getElementById('tab-btn-quatang');\n        const infoFnb = document.getElementById('info-fnb');\n        const infoQuatang = document.getElementById('info-quatang');\n        const tableFnb = document.getElementById('table-fnb');\n        const tableQuatang = document.getElementById('table-quatang');\n        const demoText = document.getElementById('demoModalImageText');\n\n        if (tabId === 'fnb') {\n            btnFnb.className = \"flex items-center gap-5 w-full text-left px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl transition-all duration-300 bg-[#1967d2] text-white shadow-xl transform hover:-translate-y-1 border border-[#1967d2]\";\n            btnQuatang.className = \"flex items-center gap-5 w-full text-left px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl transition-all duration-300 bg-white text-gray-600 hover:bg-gray-50 border border-gray-200 transform hover:-translate-y-1 hover:shadow-xl\";\n            infoFnb.classList.remove('hidden');\n            infoQuatang.classList.add('hidden');\n            tableFnb.classList.remove('hidden');\n            tableQuatang.classList.add('hidden');\n            if (demoText) demoText.innerText = \"[\u1ea2nh Demo F&B 16:9]\";\n        } else {\n            btnQuatang.className = \"flex items-center gap-5 w-full text-left px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl transition-all duration-300 bg-[#1967d2] text-white shadow-xl transform hover:-translate-y-1 border border-[#1967d2]\";\n            btnFnb.className = \"flex items-center gap-5 w-full text-left px-8 py-5 rounded-[28px] font-bold text-xl md:text-2xl transition-all duration-300 bg-white text-gray-600 hover:bg-gray-50 border border-gray-200 transform hover:-translate-y-1 hover:shadow-xl\";\n            infoQuatang.classList.remove('hidden');\n            infoFnb.classList.add('hidden');\n            tableQuatang.classList.remove('hidden');\n            tableFnb.classList.add('hidden');\n            if (demoText) demoText.innerText = \"[\u1ea2nh Demo Qu\u00e0 T\u1eb7ng 16:9]\";\n        }\n    }\n\n    function openDemoModal() {\n        const modal = document.getElementById('demoModal');\n        const content = document.getElementById('demoModalContent');\n        modal.classList.remove('hidden');\n        setTimeout(() => {\n            modal.classList.remove('opacity-0');\n            content.classList.remove('scale-95');\n        }, 10);\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeDemoModal() {\n        const modal = document.getElementById('demoModal');\n        const content = document.getElementById('demoModalContent');\n        modal.classList.add('opacity-0');\n        content.classList.add('scale-95');\n        setTimeout(() => {\n            modal.classList.add('hidden');\n            document.body.style.overflow = 'auto';\n        }, 300);\n    }\n\n    document.getElementById('demoModal')?.addEventListener('click', function (e) {\n        if (e.target === this) closeDemoModal();\n    });\n\n    document.addEventListener('keydown', function (e) {\n        const modal = document.getElementById('demoModal');\n        if (e.key === 'Escape' && modal && !modal.classList.contains('hidden')) closeDemoModal();\n    });\n\n    \/\/ 2. REVEAL HI\u1ec6U \u1ee8NG SCROLL\n    function reveal() {\n        var reveals = document.querySelectorAll(\".reveal\");\n        for (var i = 0; i < reveals.length; i++) {\n            var windowHeight = window.innerHeight;\n            var elementTop = reveals[i].getBoundingClientRect().top;\n            if (elementTop < windowHeight - 100) reveals[i].classList.add(\"active\");\n        }\n    }\n    window.addEventListener(\"scroll\", reveal); reveal();\n\n    \/\/ 3. DROPDOWN L\u0128NH V\u1ef0C\n    document.body.addEventListener('click', function (event) {\n        const dropdown = document.getElementById('linhVucDropdownContent');\n        const wrapper = document.getElementById('linhVucWrapper');\n        if (wrapper && !wrapper.contains(event.target) && dropdown && !dropdown.classList.contains('hidden')) {\n            dropdown.classList.add('hidden');\n        }\n    });\n\n    document.body.addEventListener('change', function (e) {\n        if (e.target && (e.target.id === 'dotDangTin' || e.target.name === 'dotDangTin' || e.target.name === 'dotDangTin[]' || e.target.matches('input[name^=\"dotDangTin\"]'))) {\n            handleDotChange(e.target);\n        }\n    });\n\n    function toggleLinhVucDropdown() {\n        const dp = document.getElementById('linhVucDropdownContent');\n        if (dp) dp.classList.toggle('hidden');\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n        document.querySelectorAll('#linhVucDropdownContent input[type=\"checkbox\"]').forEach(cb => {\n            cb.addEventListener('change', updateLinhVucText);\n        });\n\n        const wrapper = document.getElementById('register-form-wrapper');\n        if (wrapper) {\n            wrapper.addEventListener('keydown', function (e) {\n                if (e.key === 'Enter') {\n                    e.preventDefault();\n                    return false;\n                }\n            });\n        }\n    });\n\n    function updateLinhVucText() {\n        const checkedBoxes = Array.from(document.querySelectorAll('#linhVucDropdownContent input[type=\"checkbox\"]:not([value=\"Kh\u00e1c\"]):checked'));\n        const otherCheckbox = document.querySelector('#linhVucDropdownContent input[value=\"Kh\u00e1c\"]');\n        const hasOther = otherCheckbox ? otherCheckbox.checked : false;\n        let total = checkedBoxes.length + (hasOther ? 1 : 0);\n\n        const textEl = document.getElementById('linhVucDropdownText');\n        if (textEl) {\n            if (total === 0) {\n                textEl.textContent = '-- Click to select industries (Multiple choices allowed) --';\n                textEl.classList.add('text-gray-500', 'italic'); textEl.classList.remove('text-gray-900', 'font-bold');\n            } else {\n                textEl.textContent = `Selected ${total} industries`;\n                textEl.classList.remove('text-gray-500', 'italic'); textEl.classList.add('text-gray-900', 'font-bold');\n            }\n        }\n\n        const linhVucField = document.getElementById('linh-vuc-du-kien') || document.getElementById('cf7-linh-vuc-du-kien') || document.querySelector('input[name=\"linh-vuc-du-kien\"]');\n        if (linhVucField) {\n            let selectedValues = checkedBoxes.map(cb => cb.value);\n            if (hasOther) {\n                const otherInput = document.getElementById('input-linh-vuc-khac');\n                if (otherInput && otherInput.value.trim() !== '') {\n                    selectedValues.push('Other: ' + otherInput.value.trim());\n                } else {\n                    selectedValues.push('Other');\n                }\n            }\n            linhVucField.value = selectedValues.join(', ');\n        }\n    }\n\n    function toggleOtherField(checkbox) {\n        const otherInput = document.getElementById('input-linh-vuc-khac');\n        if (checkbox.checked) {\n            otherInput.classList.remove('hidden'); otherInput.focus();\n        } else {\n            otherInput.classList.add('hidden'); otherInput.value = '';\n        }\n        updateLinhVucText();\n    }\n\n    \/\/ 4. X\u1eec L\u00dd L\u1ecaCH TR\u00ccNH V\u00c0 C\u00c1C CA PH\u1eceNG V\u1ea4N T\u01af\u01a0NG TH\u00cdCH M\u1eccI KI\u1ec2U CF7\n    function handleDotChange(clickedTarget) {\n        let selectedValues = [];\n\n        \/\/ H\u1ed7 tr\u1ee3 ki\u1ec3m tra n\u1ebfu l\u00e0 nhi\u1ec1u Checkboxes\n        const checkedBoxes = document.querySelectorAll('input[name^=\"dotDangTin\"]:checked');\n        if (checkedBoxes.length > 0) {\n            selectedValues = Array.from(checkedBoxes).map(cb => cb.value);\n        } else {\n            \/\/ H\u1ed7 tr\u1ee3 n\u1ebfu \u0111\u1ed5i qua d\u1ea1ng Select box ho\u1eb7c Input th\u01b0\u1eddng\n            const dotEl = document.getElementById('dotDangTin') || document.querySelector('[name=\"dotDangTin\"]');\n            if (dotEl) {\n                if (dotEl.tagName.toLowerCase() === 'select' && dotEl.multiple) {\n                    selectedValues = Array.from(dotEl.selectedOptions).map(opt => opt.value);\n                } else if (dotEl.value) {\n                    selectedValues = [dotEl.value];\n                }\n            }\n        }\n\n        \/\/ X\u1eed l\u00fd lo\u1ea1i tr\u1eeb ch\u00e9o n\u1ebfu c\u00f3 \u00f4 \"Ch\u01b0a x\u00e1c \u0111\u1ecbnh\"\n        if (clickedTarget && clickedTarget.type === 'checkbox') {\n            if (clickedTarget.value === 'chuaxacdinh' && clickedTarget.checked) {\n                document.querySelectorAll('input[name^=\"dotDangTin\"]').forEach(cb => {\n                    if (cb.value !== 'chuaxacdinh') cb.checked = false;\n                });\n                selectedValues = ['chuaxacdinh'];\n            } else if (clickedTarget.value !== 'chuaxacdinh' && clickedTarget.checked) {\n                const cx = document.querySelector('input[name^=\"dotDangTin\"][value=\"chuaxacdinh\"]');\n                if (cx && cx.checked) {\n                    cx.checked = false;\n                    selectedValues = selectedValues.filter(v => v !== 'chuaxacdinh');\n                }\n            }\n        }\n\n        const container = document.getElementById('ngayPhongVanContainer');\n        const tbody = document.getElementById('gridPhongVanBody');\n        const caInput = document.getElementById('lich-phong-van-chon') || document.querySelector('input[name=\"lich-phong-van-chon\"]');\n\n        if (caInput) caInput.value = '';\n        const countEl = document.getElementById('caSelectedCount');\n        if (countEl) {\n            countEl.textContent = '0';\n        }\n\n        \/\/ Ki\u1ec3m tra xem c\u00f3 \u0111ang ch\u1ecdn \u0111\u1ee3t n\u00e0o th\u1ef1c s\u1ef1 kh\u00f4ng\n        const isUnspecified = selectedValues.length === 0 || selectedValues.includes('chuaxacdinh') || selectedValues.some(v => v.includes('Ch\u01b0a x\u00e1c \u0111\u1ecbnh') || v.includes('Ch\u1ecdn \u0111\u1ee3t'));\n\n        if (isUnspecified) {\n            if (container) container.classList.add('hidden');\n            if (tbody) tbody.innerHTML = '';\n        } else {\n            if (container) container.classList.remove('hidden');\n            if (tbody) tbody.innerHTML = '';\n\n            let dates = [];\n            const dataDot1 = [{ d: \"Thursday<br><span class='text-lg font-normal text-gray-500'>(27\/08)<\/span>\", v: \"27\/08\" }, { d: \"Friday<br><span class='text-lg font-normal text-gray-500'>(28\/08)<\/span>\", v: \"28\/08\" }, { d: \"Saturday<br><span class='text-lg font-normal text-gray-500'>(29\/08)<\/span>\", v: \"29\/08\" }];\n            const dataDot2 = [{ d: \"Thursday<br><span class='text-lg font-normal text-gray-500'>(03\/09)<\/span>\", v: \"03\/09\" }, { d: \"Friday<br><span class='text-lg font-normal text-gray-500'>(04\/09)<\/span>\", v: \"04\/09\" }, { d: \"Saturday<br><span class='text-lg font-normal text-gray-500'>(05\/09)<\/span>\", v: \"05\/09\" }];\n            const dataDot3 = [{ d: \"Thursday<br><span class='text-lg font-normal text-gray-500'>(10\/09)<\/span>\", v: \"10\/09\" }, { d: \"Friday<br><span class='text-lg font-normal text-gray-500'>(11\/09)<\/span>\", v: \"11\/09\" }, { d: \"Saturday<br><span class='text-lg font-normal text-gray-500'>(12\/09)<\/span>\", v: \"12\/09\" }];\n\n            selectedValues.forEach(val => {\n                \/\/ FIX L\u1ed6I DUPLICATE: B\u1eaft ch\u00ednh x\u00e1c c\u1ee5m t\u1eeb, b\u1ecf vi\u1ec7c check theo s\u1ed1 1, 2, 3\n                if (val.includes(\"\u0110\u1ee3t 1\") || val.includes(\"17\/08\")) dates = dates.concat(dataDot1);\n                if (val.includes(\"\u0110\u1ee3t 2\") || val.includes(\"24\/08\")) dates = dates.concat(dataDot2);\n                if (val.includes(\"\u0110\u1ee3t 3\") || val.includes(\"31\/08\") || val.includes(\"10\/09\")) dates = dates.concat(dataDot3);\n            });\n\n            if (dates.length > 0) {\n                dates.forEach(date => {\n                    const tr = document.createElement('tr');\n                    tr.className = \"hover:bg-blue-50\/50 transition-colors border-b border-gray-100 last:border-0\";\n                    tr.innerHTML = `\n                        <td class=\"px-6 py-6 font-bold text-gray-800 border-r border-gray-200 text-center\">${date.d}<\/td>\n                        <td class=\"px-6 py-6 border-r border-gray-200 text-center\">\n                            <input type=\"checkbox\" class=\"grid-ca-checkbox w-8 h-8 text-[#F58220] rounded border-gray-300 focus:ring-[#F58220] cursor-pointer shadow-sm transition\" value=\"${date.v} - Morning\" onchange=\"updateGridSelection(this)\">\n                        <\/td>\n                        <td class=\"px-6 py-6 border-r border-gray-200 text-center\">\n                            <input type=\"checkbox\" class=\"grid-ca-checkbox w-8 h-8 text-[#1967d2] rounded border-gray-300 focus:ring-[#1967d2] cursor-pointer shadow-sm transition\" value=\"${date.v} - Afternoon\" onchange=\"updateGridSelection(this)\">\n                        <\/td>\n                        <td class=\"px-6 py-6 text-center\">\n                            <input type=\"checkbox\" class=\"grid-ca-checkbox w-8 h-8 text-purple-600 rounded border-gray-300 focus:ring-purple-600 cursor-pointer shadow-sm transition\" value=\"${date.v} - Evening\" onchange=\"updateGridSelection(this)\">\n                        <\/td>\n                    `;\n                    tbody.appendChild(tr);\n                });\n            }\n        }\n    }\n\n    function updateGridSelection(checkbox) {\n        const checkboxes = document.querySelectorAll('.grid-ca-checkbox');\n        const dot1Dates = [\"27\/08\", \"28\/08\", \"29\/08\"];\n        const dot2Dates = [\"03\/09\", \"04\/09\", \"05\/09\"];\n        const dot3Dates = [\"10\/09\", \"11\/09\", \"12\/09\"];\n\n        function getDotName(val) {\n            if (dot1Dates.some(d => val.includes(d))) return \"Batch 1\";\n            if (dot2Dates.some(d => val.includes(d))) return \"Batch 2\";\n            if (dot3Dates.some(d => val.includes(d))) return \"Batch 3\";\n            return \"Other\";\n        }\n\n        const currentDot = getDotName(checkbox.value);\n        const checkedInSameDot = Array.from(checkboxes).filter(cb => cb.checked && getDotName(cb.value) === currentDot);\n\n        \/\/ Gi\u1edbi h\u1ea1n 3 ca m\u1ed7i \u0110\u1ee3t\n        if (checkedInSameDot.length > 3) {\n            alert(`You can only select up to 3 interview shifts for ${currentDot}!`);\n            checkbox.checked = false;\n            return;\n        }\n\n        const allCheckedBoxes = Array.from(checkboxes).filter(cb => cb.checked);\n        const countEl = document.getElementById('caSelectedCount');\n        if (countEl) countEl.textContent = allCheckedBoxes.length;\n\n        const selectedValues = allCheckedBoxes.map(cb => cb.value).join(\", \");\n        const lichInput = document.getElementById('lich-phong-van-chon') || document.querySelector('input[name=\"lich-phong-van-chon\"]');\n        if (lichInput) lichInput.value = selectedValues;\n    }\n\n    \/\/ 5. VALIDATION V\u00c0 \u0110\u1ea8Y DATA V\u00c0O HIDDEN CF7 FIELDS\n    function syncDataToHiddenFields() {\n        const checkedBoxes = document.querySelectorAll('input[name^=\"dotDangTin\"]:checked');\n        let dotValue = \"\";\n\n        if (checkedBoxes.length > 0) {\n            dotValue = Array.from(checkedBoxes).map(cb => cb.value).join(', ');\n        } else {\n            const dotEl = document.getElementById('dotDangTin') || document.querySelector('[name=\"dotDangTin\"]');\n            if (dotEl) dotValue = dotEl.value;\n        }\n\n        const cf7Dot = document.getElementById('cf7-dot-dang-tin');\n        if (cf7Dot) cf7Dot.value = dotValue;\n\n        const afterHiw = document.querySelector('input[name=\"after_hiw_radio\"]:checked');\n        const cf7QuyTrinh = document.getElementById('after_hiw') || document.querySelector('input[name=\"after_hiw\"]');\n        if (cf7QuyTrinh) cf7QuyTrinh.value = afterHiw ? afterHiw.value : \"\";\n\n        const sponsor = document.querySelector('input[name=\"sponsor_interest_radio\"]:checked');\n        const cf7TaiTro = document.getElementById('quan-tam-tai-tro') || document.querySelector('input[name=\"quan-tam-tai-tro\"]');\n        if (cf7TaiTro) cf7TaiTro.value = sponsor ? sponsor.value : \"\";\n    }\n\n    function markError(el, hasError) {\n        if (!el) return;\n        if (hasError) {\n            el.classList.add('border-red-500', 'ring-1', 'ring-red-500');\n            el.classList.remove('border-gray-200');\n        } else {\n            el.classList.remove('border-red-500', 'ring-1', 'ring-red-500');\n            el.classList.add('border-gray-200');\n        }\n    }\n\n    function validateStep1() {\n        let isValid = true;\n        const step1Fields = ['ten-doanh-nghiep', 'linh-vuc-kinh-doanh', 'ten-nguoi-dang-ky', 'so-dien-thoai', 'email-lien-he', 'vi-tri-tuyen-dung', 'so-luong-tuyen-dung'];\n        step1Fields.forEach(name => {\n            const el = document.querySelector(`[name=\"${name}\"]`);\n            if (el && el.hasAttribute('required')) {\n                if (!el.value.trim()) { markError(el, true); isValid = false; }\n                else { markError(el, false); }\n            }\n        });\n\n        const policy = document.getElementById('policy-agree') || document.querySelector('input[name=\"policy-agree[]\"]');\n        if (policy && !policy.checked) isValid = false;\n\n        if (!isValid) alert(\"Please fill in all required fields marked with * and agree to the terms.\");\n        return isValid;\n    }\n\n    function validateStep2() {\n        let isValid = true;\n        let hasDotSelection = false;\n\n        const checkedBoxes = document.querySelectorAll('input[name^=\"dotDangTin\"]:checked');\n        const dotSelect = document.getElementById('dotDangTin') || document.querySelector('[name=\"dotDangTin\"]');\n        \n        if (checkedBoxes.length > 0) hasDotSelection = true;\n        if (dotSelect && dotSelect.value && dotSelect.value.trim() !== '' && !dotSelect.value.includes('Ch\u1ecdn \u0111\u1ee3t')) hasDotSelection = true;\n\n        const dotContainer = document.getElementById('dotDangTin') || (document.querySelector('input[name^=\"dotDangTin\"]') ? document.querySelector('input[name^=\"dotDangTin\"]').closest('.wpcf7-form-control-wrap') : null);\n\n        if (!hasDotSelection) {\n            if (dotContainer) markError(dotContainer, true);\n            if (dotSelect) markError(dotSelect, true);\n            isValid = false;\n        } else {\n            if (dotContainer) markError(dotContainer, false);\n            if (dotSelect) markError(dotSelect, false);\n        }\n\n        const container = document.getElementById('ngayPhongVanContainer');\n        if (container && !container.classList.contains('hidden')) {\n            const checkboxes = document.querySelectorAll('.grid-ca-checkbox');\n            const isAnyChecked = Array.from(checkboxes).some(cb => cb.checked);\n            if (!isAnyChecked) {\n                alert(\"Please select at least 1 interview shift in the schedule table!\");\n                isValid = false;\n            }\n        }\n\n        const radiosAfterHiw = document.querySelectorAll('input[name=\"after_hiw_radio\"]');\n        if (radiosAfterHiw.length > 0 && !Array.from(radiosAfterHiw).some(r => r.checked)) isValid = false;\n\n        if (!isValid && document.querySelectorAll('.grid-ca-checkbox').length === 0) {\n            alert(\"Please complete the Schedule and Expected Process form!\");\n        }\n        return isValid;\n    }\n\n    function forceSubmitCF7(formWrapper) {\n        let btn = formWrapper.querySelector('.wpcf7-submit');\n        if (btn) btn.click();\n    }\n\n    \/\/ 6. X\u1eec L\u00dd SUBMIT V\u00c0 FALLBACK DATA (T\u01af V\u1ea4N & THAM GIA)\n    function submitTuVan() {\n        if (validateStep1()) {\n            syncDataToHiddenFields();\n            const loai = document.getElementById('loai-dang-ky') || document.querySelector('input[name=\"loai-dang-ky\"]');\n            if (loai) loai.value = \"Consultation\";\n\n            \/\/ --- FALLBACK: T\u1ef0 \u0110\u1ed8NG \u0110I\u1ec0N DATA V\u00c0O \u00d4 TR\u1ed0NG KHI CH\u1ec8 \u0110\u0102NG K\u00dd T\u01af V\u1ea4N ---\n            const setIfEmpty = (id, val) => {\n                const el = document.getElementById(id) || document.querySelector(`input[name=\"${id}\"]`);\n                if (el && (!el.value || el.value.trim() === '' || el.value.includes('Ch\u1ecdn \u0111\u1ee3t'))) el.value = val;\n            };\n            setIfEmpty('linh-vuc-du-kien', 'Not selected (Consultation registration only)');\n            setIfEmpty('lich-phong-van-chon', '-');\n            setIfEmpty('after_hiw', '-');\n            setIfEmpty('quan-tam-tai-tro', '-');\n            setIfEmpty('input-linh-vuc-khac', '-');\n            \n            const dotEl = document.getElementById('dotDangTin') || document.querySelector('[name=\"dotDangTin\"]');\n            const checkedDots = document.querySelectorAll('input[name^=\"dotDangTin\"]:checked');\n            if (checkedDots.length === 0 && (!dotEl || dotEl.value.trim() === '' || dotEl.value.includes('Ch\u1ecdn \u0111\u1ee3t'))) {\n                const cx = document.querySelector('input[name^=\"dotDangTin\"][value=\"chuaxacdinh\"]');\n                if (cx) {\n                    cx.checked = true;\n                } else if (dotEl) {\n                    dotEl.value = 'chuaxacdinh';\n                }\n            }\n            \/\/ ---------------------------------------------------------------------\n\n            const wrapper = document.getElementById('register-form-wrapper');\n            forceSubmitCF7(wrapper);\n        }\n    }\n\n    function submitThamGia() {\n        if (validateStep1() && validateStep2()) {\n            syncDataToHiddenFields();\n            const loai = document.getElementById('loai-dang-ky') || document.querySelector('input[name=\"loai-dang-ky\"]');\n            if (loai) loai.value = \"Join\";\n\n            \/\/ --- FALLBACK: T\u1ef0 \u0110\u1ed8NG \u0110I\u1ec0N DATA V\u00c0O \u00d4 TR\u1ed0NG KHI \u0110\u0102NG K\u00dd THAM GIA ---\n            const setIfEmpty = (id, val) => {\n                const el = document.getElementById(id) || document.querySelector(`input[name=\"${id}\"]`);\n                if (el && (!el.value || el.value.trim() === '' || el.value.includes('Ch\u1ecdn \u0111\u1ee3t'))) el.value = val;\n            };\n            setIfEmpty('linh-vuc-du-kien', 'Not selected');\n            setIfEmpty('lich-phong-van-chon', '-');\n            setIfEmpty('after_hiw', '-');\n            setIfEmpty('quan-tam-tai-tro', '-');\n            setIfEmpty('input-linh-vuc-khac', '-');\n            \/\/ ---------------------------------------------------------------------\n\n            const wrapper = document.getElementById('register-form-wrapper');\n            forceSubmitCF7(wrapper);\n        }\n    }\n\n    function continueThamGia() {\n        if (validateStep1()) {\n            const parts = ['part3', 'part4', 'part5', 'step2-cta'];\n            parts.forEach(id => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.classList.remove('hidden');\n                    setTimeout(() => {\n                        el.classList.remove('opacity-0', 'translate-y-4', 'translate-y-6');\n                        el.classList.add('translate-y-0');\n                    }, 50);\n                }\n            });\n            const btnStep1 = document.getElementById('step1-cta');\n            if(btnStep1) btnStep1.classList.add('hidden');\n            setTimeout(() => { \n                const part3 = document.getElementById('part3');\n                if(part3) part3.scrollIntoView({ behavior: 'smooth', block: 'start' }); \n            }, 100);\n        }\n    }\n\n    function backToStep1() {\n        const parts = ['part3', 'part4', 'part5', 'step2-cta'];\n        parts.forEach(id => {\n            const el = document.getElementById(id);\n            if (el) {\n                el.classList.remove('translate-y-0');\n                el.classList.add('opacity-0', 'translate-y-4');\n                setTimeout(() => { el.classList.add('hidden'); }, 400);\n            }\n        });\n        setTimeout(() => {\n            const btnStep1 = document.getElementById('step1-cta');\n            if(btnStep1) btnStep1.classList.remove('hidden');\n            const part2 = document.getElementById('part2');\n            if(part2) part2.scrollIntoView({ behavior: 'smooth', block: 'end' });\n        }, 300);\n    }\n\n    \/\/ 7. B\u1eaeT S\u1ef0 KI\u1ec6N G\u1eecI FORM TH\u00c0NH C\u00d4NG (CF7) B\u1eacT MODAL\n    document.addEventListener('wpcf7mailsent', function (event) {\n        const loaiEl = document.getElementById('loai-dang-ky') || document.querySelector('input[name=\"loai-dang-ky\"]');\n        const loai = loaiEl ? loaiEl.value : '';\n        if (loai === \"Consultation\") {\n            showModal(\"Consultation Registration Successful!\", \"Thank you for leaving your information. The Organizing Committee will prioritize contacting you for consultation within the next 24 hours.\");\n        } else {\n            showModal(\"Participation Completed Successfully!\", \"Thank you for finalizing your schedule to join HIW 2026. The Organizing Committee will send an Email notification regarding the progress as soon as possible.\");\n            backToStep1();\n        }\n\n        const wpcf7Form = document.querySelector('.wpcf7-form');\n        if (wpcf7Form) wpcf7Form.reset();\n\n        handleDotChange();\n        updateLinhVucText();\n    }, false);\n\n    \/\/ 8. H\u00c0M \u0110\u00d3NG M\u1ede MODAL TH\u00d4NG B\u00c1O TH\u00c0NH C\u00d4NG\n    function showModal(title, message) {\n        const modal = document.getElementById('successModal');\n        const content = document.getElementById('successModalContent');\n        const titleEl = document.getElementById('modalTitle');\n        const msgEl = document.getElementById('modalMessage');\n        \n        if(titleEl) titleEl.textContent = title;\n        if(msgEl) msgEl.textContent = message;\n\n        if(modal) modal.classList.remove('hidden');\n        setTimeout(() => {\n            if(modal) modal.classList.remove('opacity-0');\n            if(content) content.classList.remove('scale-95');\n        }, 10);\n        lucide.createIcons();\n    }\n\n    function closeModal() {\n        const modal = document.getElementById('successModal');\n        const content = document.getElementById('successModalContent');\n        if(modal) modal.classList.add('opacity-0');\n        if(content) content.classList.add('scale-95');\n        setTimeout(() => { if(modal) modal.classList.add('hidden'); }, 300);\n    }\n<\/script>\n<\/body>\n\n<\/html>\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>HUFLIT Internship Week 2026 &#8211; All In One ABOUT PROGRAM ROADMAP PERKS Register Now HR SOLUTIONS FOR Q3 &#038; Q4 2026 RECRUITMENT EVENT INTERNSHIP All-In-One Save time &#8211; Maximize efficiency &#8211; Completely free HUFLIT Internship Week 2026 helps solve personnel challenges for Businesses, shortening the time from posting a job to interviewing to just 02 [&hellip;]<\/p>\n","protected":false},"author":7359,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"slim_seo":{"title":"HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn","description":"HUFLIT Internship Week 2026 - All In One ABOUT PROGRAM ROADMAP PERKS Register Now HR SOLUTIONS FOR Q3 & Q4 2026 RECRUITMENT EVENT INTERNSHIP All-In-One Save tim"},"footnotes":""},"class_list":["post-91625","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn<\/title>\n<meta name=\"description\" content=\"HUFLIT Internship Week 2026\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn\" \/>\n<meta property=\"og:description\" content=\"HUFLIT Internship Week 2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Careerhub.huflit.edu.vn\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/huflitjobhub\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T02:19:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/\",\"url\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/\",\"name\":\"HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/wp-content\\\/publicmedia\\\/2026\\\/08\\\/logo_hiw26.png\",\"datePublished\":\"2026-07-24T04:39:29+00:00\",\"dateModified\":\"2026-09-04T02:19:28+00:00\",\"description\":\"HUFLIT Internship Week 2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/wp-content\\\/publicmedia\\\/2026\\\/08\\\/logo_hiw26.png\",\"contentUrl\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/wp-content\\\/publicmedia\\\/2026\\\/08\\\/logo_hiw26.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/huflit-internship-week-2026\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HUFLIT Internship Week 2026\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/\",\"name\":\"Careerhub.huflit.edu.vn\",\"description\":\"Website tuy\u1ec3n d\u1ee5ng d\u00e0nh cho sinh vi\u00ean HUFLIT\",\"publisher\":{\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/#organization\",\"name\":\"HUFLIT Job Hub\",\"url\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/JF-avtar@4x-100-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/JF-avtar@4x-100-scaled.jpg\",\"width\":2560,\"height\":2560,\"caption\":\"HUFLIT Job Hub\"},\"image\":{\"@id\":\"https:\\\/\\\/careerhub.huflit.edu.vn\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/huflitjobhub\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn","description":"HUFLIT Internship Week 2026","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/","og_locale":"en_US","og_type":"article","og_title":"HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn","og_description":"HUFLIT Internship Week 2026","og_url":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/","og_site_name":"Careerhub.huflit.edu.vn","article_publisher":"https:\/\/www.facebook.com\/huflitjobhub","article_modified_time":"2026-09-04T02:19:28+00:00","og_image":[{"url":"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/","url":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/","name":"HUFLIT Internship Week 2026 - Careerhub.huflit.edu.vn","isPartOf":{"@id":"https:\/\/careerhub.huflit.edu.vn\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/#primaryimage"},"image":{"@id":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png","datePublished":"2026-07-24T04:39:29+00:00","dateModified":"2026-09-04T02:19:28+00:00","description":"HUFLIT Internship Week 2026","breadcrumb":{"@id":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/#primaryimage","url":"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png","contentUrl":"https:\/\/careerhub.huflit.edu.vn\/wp-content\/publicmedia\/2026\/08\/logo_hiw26.png"},{"@type":"BreadcrumbList","@id":"https:\/\/careerhub.huflit.edu.vn\/en\/huflit-internship-week-2026\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/careerhub.huflit.edu.vn\/en\/"},{"@type":"ListItem","position":2,"name":"HUFLIT Internship Week 2026"}]},{"@type":"WebSite","@id":"https:\/\/careerhub.huflit.edu.vn\/en\/#website","url":"https:\/\/careerhub.huflit.edu.vn\/en\/","name":"Careerhub.huflit.edu.vn","description":"Website tuy\u1ec3n d\u1ee5ng d\u00e0nh cho sinh vi\u00ean HUFLIT","publisher":{"@id":"https:\/\/careerhub.huflit.edu.vn\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerhub.huflit.edu.vn\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/careerhub.huflit.edu.vn\/en\/#organization","name":"HUFLIT Job Hub","url":"https:\/\/careerhub.huflit.edu.vn\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerhub.huflit.edu.vn\/en\/#\/schema\/logo\/image\/","url":"https:\/\/careerhub.huflit.edu.vn\/wp-content\/uploads\/2022\/05\/JF-avtar@4x-100-scaled.jpg","contentUrl":"https:\/\/careerhub.huflit.edu.vn\/wp-content\/uploads\/2022\/05\/JF-avtar@4x-100-scaled.jpg","width":2560,"height":2560,"caption":"HUFLIT Job Hub"},"image":{"@id":"https:\/\/careerhub.huflit.edu.vn\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/huflitjobhub"]}]}},"_links":{"self":[{"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/pages\/91625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/users\/7359"}],"replies":[{"embeddable":true,"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=91625"}],"version-history":[{"count":1,"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/pages\/91625\/revisions"}],"predecessor-version":[{"id":91626,"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/pages\/91625\/revisions\/91626"}],"wp:attachment":[{"href":"https:\/\/careerhub.huflit.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=91625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}