{"id":29957,"date":"2026-05-10T17:35:06","date_gmt":"2026-05-10T17:35:06","guid":{"rendered":"https:\/\/mycareernet.co\/events\/?page_id=29957"},"modified":"2026-07-03T10:49:35","modified_gmt":"2026-07-03T10:49:35","slug":"hirepro-momentum26","status":"publish","type":"page","link":"https:\/\/mycareernet.co\/events\/hirepro-momentum26\/","title":{"rendered":"HirePro Momentum&#8217;26 | a conference of industry and academia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"29957\" class=\"elementor elementor-29957\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9fa98 contents-d e-con-full e-flex e-con e-parent\" data-id=\"5d9fa98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9898e77 elementor-widget elementor-widget-html\" data-id=\"9898e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.cdnfonts.com\/css\/aileron\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- 1. VARIABLES & RESET --- *\/\r\n:root {\r\n    \/* Premium Tech Conference Palette *\/\r\n    --hp-cyan: #0ea5e9;\r\n    --hp-orange: #f97316; \r\n    --hp-yellow: #facc15;\r\n    --hp-dark-navy: #070B14;\r\n    --hp-card-bg: #0D1425;\r\n    --hp-black: #000000;\r\n\r\n    \/* Base Gradients *\/\r\n    --mm-gradient-bg: linear-gradient(90deg, var(--hp-cyan), var(--hp-orange), var(--hp-yellow), var(--hp-cyan));\r\n    \r\n    \/* Global Themes (Light Mode Default) *\/\r\n    --mm-bg-main: #e8eff5; \r\n    --mm-card-bg: rgba(255, 255, 255, 0.45);\r\n    --mm-card-bg-secondary: rgba(255, 255, 255, 0.35);\r\n    --mm-heading: #0f172a;\r\n    --mm-text-main: #334155;\r\n    --mm-text-muted: #475569;\r\n    --mm-border: rgba(255, 255, 255, 0.9);\r\n    --mm-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);\r\n    --mm-backdrop: blur(16px);\r\n    \r\n    \/* Layout & Spacing *\/\r\n    --mm-radius-xl: 20px; \r\n    --mm-radius-lg: 16px; \r\n    --mm-radius-md: 12px;\r\n    --mm-radius-pill: 30px; \r\n    \r\n    \/* Effects *\/\r\n    --mm-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n\/* Dark Mode Variables *\/\r\nbody.dark-mode .imthi-wrapper {\r\n    --mm-bg-main: var(--hp-dark-navy);\r\n    --mm-card-bg: rgba(13, 20, 37, 0.5);\r\n    --mm-card-bg-secondary: rgba(18, 26, 47, 0.6);\r\n    --mm-heading: #f8fafc;          \r\n    --mm-text-main: #e2e8f0;\r\n    --mm-text-muted: #94a3b8;\r\n    --mm-border: rgba(255, 255, 255, 0.08);\r\n    --mm-shadow: 0 10px 30px rgba(0,0,0,0.4);\r\n    --mm-backdrop: blur(12px);\r\n}\r\n\r\n\/* Hiding WP Default Header & Footer *\/\r\n.site-header-wrapper { display: none !important; }\r\nfooter#site-footer { display: none !important; }\r\n\r\n.imthi-wrapper {\r\n    font-family: 'Manrope', sans-serif !important; \r\n    font-size: 16px !important;\r\n    color: var(--mm-text-main) !important;\r\n    line-height: 1.7 !important;\r\n    background-color: var(--mm-bg-main) !important;\r\n    margin: 0 !important; \r\n    padding: 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    -webkit-font-smoothing: antialiased !important;\r\n    position: relative;\r\n    overflow-x: hidden !important; \r\n    transition: background-color 0.5s ease, color 0.5s ease;\r\n}\r\n\r\n.imthi-wrapper * { box-sizing: border-box !important; outline: none !important; }\r\n.imthi-wrapper img { max-width: 100% !important; height: auto !important; display: block !important; border-radius: var(--mm-radius-md) !important; }\r\n.mm-logo img, .hero-sponsor-logo, .footer-logo { border-radius: 0px !important; }\r\nstrong { font-weight: 800 !important; }\r\n\r\n\/* Ambient Glow *\/\r\n.tech-glow-container { position: absolute; top: 0; left: 0; right: 0; height: 100vh; z-index: 0; pointer-events: none; }\r\n.tech-glow { position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.4; animation: drift 20s infinite alternate cubic-bezier(0.45, 0.05, 0.55, 0.95); }\r\nbody.dark-mode .tech-glow { opacity: 0.15; }\r\n.tg-1 { width: 60vw; height: 60vw; background: var(--hp-cyan); top: -10%; left: -20%; }\r\n.tg-2 { width: 50vw; height: 50vw; background: var(--hp-yellow); bottom: 10%; right: -10%; animation-delay: -5s;}\r\n\r\n\/* Vector Loop Decorative Elements Layout *\/\r\n.mm-vector-decoration {\r\n    position: absolute;\r\n    width: 450px;\r\n    height: 450px;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.35;\r\n    mix-blend-mode: multiply;\r\n    filter: brightness(0.6) sepia(1) hue-rotate(175deg) saturate(1.8) contrast(0.9);\r\n    transition: var(--mm-transition);\r\n}\r\nbody.dark-mode .mm-vector-decoration {\r\n    opacity: 0.12;\r\n    mix-blend-mode: screen;\r\n    filter: invert(1) brightness(0.8) sepia(1) hue-rotate(160deg) saturate(3);\r\n}\r\n\r\n\/* ==========================================\r\n   Vector Decorations\r\n========================================== *\/\r\n\r\n.mm-vector-decoration {\r\n    position: absolute;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform-origin: center center;\r\n    will-change: transform, opacity;\r\n}\r\n\r\n\/* Positions *\/\r\n.vd-right-1 {\r\n    top: 8%;\r\n    right: -150px;\r\n    animation:\r\n        fadeInUp 1.8s ease forwards,\r\n        floatRotate1 14s ease-in-out infinite 1.8s;\r\n}\r\n\r\n.vd-left-1 {\r\n    top: 18%;\r\n    left: -200px;\r\n    animation:\r\n        fadeInUp 1.8s ease forwards,\r\n        floatRotate2 16s ease-in-out infinite 2.1s;\r\n}\r\n\r\n.vd-right-2 {\r\n    top: 30%;\r\n    right: -150px;\r\n    animation:\r\n        fadeInUp 1.8s ease forwards,\r\n        floatRotate3 15s ease-in-out infinite 2.4s;\r\n}\r\n\r\n.vd-left-2 {\r\n    top: 62%;\r\n    left: -200px;\r\n    animation:\r\n        fadeInUp 1.8s ease forwards,\r\n        floatRotate4 17s ease-in-out infinite 2.7s;\r\n}\r\n\r\n\/* ==========================================\r\n   Entrance Animation\r\n========================================== *\/\r\n\r\n@keyframes fadeInUp {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(60px) scale(0.9) rotate(316deg);\r\n    }\r\n\r\n    100% {\r\n        opacity: 0.08;\r\n        transform: translateY(0) scale(1) rotate(316deg);\r\n    }\r\n}\r\n\r\n\/* ==========================================\r\n   Float + Quarter Rotation\r\n========================================== *\/\r\n\r\n\/* Right Top *\/\r\n@keyframes floatRotate1 {\r\n    0% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n    50% {\r\n        transform: translateY(-25px) rotate(345deg); \/* +90deg *\/\r\n    }\r\n    100% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n}\r\n\r\n\/* Left Top *\/\r\n@keyframes floatRotate2 {\r\n    0% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n    50% {\r\n        transform: translateY(-18px) rotate(346deg); \/* -70deg *\/\r\n    }\r\n    100% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n}\r\n\r\n\/* Right Bottom *\/\r\n@keyframes floatRotate3 {\r\n    0% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n    50% {\r\n        transform: translateY(-30px) rotate(346deg); \/* +60deg *\/\r\n    }\r\n    100% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n}\r\n\r\n\/* Left Bottom *\/\r\n@keyframes floatRotate4 {\r\n    0% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n    50% {\r\n        transform: translateY(-20px) rotate(346deg); \/* -90deg *\/\r\n    }\r\n    100% {\r\n        transform: translateY(0) rotate(316deg);\r\n    }\r\n}\r\n\r\n\/* ==========================================\r\n   Mobile\r\n========================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n    .vd-right-1,\r\n    .vd-right-2 {\r\n        right: -100px;\r\n    }\r\n\r\n    .vd-left-1,\r\n    .vd-left-2 {\r\n        left: -120px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .vd-right-1,\r\n    .vd-left-1,\r\n    .vd-right-2,\r\n    .vd-left-2 {\r\n        width: 260px;\r\n        height: auto;\r\n    }\r\n}\r\n\r\n\/* --- ANIMATIONS & INTERACTIONS --- *\/\r\n@keyframes animatedGradient { \r\n  0% { background-position: 0% 50%; } \r\n  50% { background-position: 100% 50%; } \r\n  100% { background-position: 0% 50%; } \r\n}\r\n@keyframes floatAnim { 0% { transform: translateY(0px); } 50% { transform: translateY(-8px); } 100% { transform: translateY(0px); } }\r\n@keyframes bannerFadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } }\r\n\r\n.animated-gradient-text { background: var(--mm-gradient-bg) !important; background-size: 300% 300% !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; animation: animatedGradient 5s ease infinite !important; }\r\n.aileron-font { font-family: 'Aileron', sans-serif !important; }\r\n.floating-element { animation: floatAnim 6s ease-in-out infinite; }\r\n\r\n\/* Micro-interactions *\/\r\n.imthi-wrapper a, .imthi-wrapper button, .faq-question, .tech-card i { transition: var(--mm-transition); }\r\n\r\nimg.hero-sponsor-logo { border-radius: 0px!important; }\r\n\r\n\/* --- HEADER NAVIGATION (WHITE BG) --- *\/\r\n.mm-custom-header {\r\n    position: fixed; top: 0; left: 0; right: 0; height: 80px;\r\n    background: #ffffff !important;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05); z-index: 10000;\r\n    display: flex; justify-content: center;\r\n    transition: var(--mm-transition);\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\r\n}\r\n.mm-header-inner {\r\n    width: 100%; max-width: 1200px; padding: 0 32px;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n}\r\nbody.dark-mode .mm-custom-header { \r\n    background: rgba(7, 11, 20, 0.95) !important; \r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.mm-logo { display: flex; align-items: center; }\r\n.mm-logo img { height: 35px !important; width: auto !important; max-width: 200px !important; object-fit: contain; display: none !important; }\r\nbody:not(.dark-mode) .mm-logo .logo-light { display: block !important; }\r\nbody.dark-mode .mm-logo .logo-dark { display: block !important; }\r\n\r\n.mm-nav { display: flex; align-items: center; margin-left: auto; margin-right: 40px; }\r\n.mm-nav ul { list-style: none; display: flex; gap: 32px; margin: 0; padding: 0; }\r\n.mm-nav a { color: var(--mm-heading); text-decoration: none; font-size: 14px; font-weight: 700; }\r\n.mm-nav a:hover { color: var(--hp-cyan); transform: translateY(-2px); display: inline-block; }\r\n\r\n.mm-header-right { display: flex; align-items: center; gap: 16px; }\r\n\r\n\/* GLASS TIMER *\/\r\n.mm-counter-block { \r\n    display: flex; gap: 3px; align-items: center; \r\n    background: rgba(0, 0, 0, 0.03) !important; \r\n    padding: 8px 15px; border-radius: var(--mm-radius-pill); \r\n    border: 1px solid rgba(0, 0, 0, 0.05) !important; \r\n    backdrop-filter: blur(15px) !important; \r\n    -webkit-backdrop-filter: blur(15px) !important;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important; \r\n}\r\nbody.dark-mode .mm-counter-block {\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n}\r\n\r\n.cd-box { display: flex; flex-direction: column; align-items: center; min-width: 36px; }\r\n.cd-box span { font-weight: 800; font-size: 14px; color: var(--hp-cyan); line-height: 1; }\r\n.cd-box small { font-size: 8px; color: var(--mm-text-muted); text-transform: uppercase; font-weight: 800; margin-top: 2px; letter-spacing: 0.5px; }\r\n.cd-colon { font-weight: 800; color: var(--mm-text-muted); margin-bottom: 12px; }\r\n\r\n\/* Modern CSS Hamburger *\/\r\n.modern-hamburger { width: 30px; height: 20px; position: relative; z-index: 10001; display: none; background: transparent; border: none; padding: 0; cursor: pointer; }\r\n.modern-hamburger span { display: block; position: absolute; height: 2px; width: 100%; background: var(--mm-heading); border-radius: 2px; transition: 0.3s ease-in-out; }\r\n.modern-hamburger span:nth-child(1) { top: 0px; }\r\n.modern-hamburger span:nth-child(2) { top: 9px; }\r\n.modern-hamburger span:nth-child(3) { top: 18px; }\r\n.modern-hamburger.active span:nth-child(1) { top: 9px; transform: rotate(135deg); }\r\n.modern-hamburger.active span:nth-child(2) { opacity: 0; left: -60px; }\r\n.modern-hamburger.active span:nth-child(3) { top: 9px; transform: rotate(-135deg); }\r\n\r\n\/* Mobile Only Counter Banner *\/\r\n.mobile-counter-banner { display: none; background: var(--mm-card-bg); border-bottom: 1px solid var(--mm-border); padding: 16px; text-align: center; position: relative; z-index: 10; backdrop-filter: var(--mm-backdrop); }\r\n.mobile-counter-banner .mm-counter-block { justify-content: center; background: transparent !important; border: none !important; padding: 0; box-shadow: none !important; backdrop-filter: none !important; }\r\n\r\n\/* --- FLOATING CONTROLS --- *\/\r\n.theme-toggle-btn {\r\n    position: fixed; bottom: 32px; left: 32px; z-index: 9999;\r\n    background: var(--mm-card-bg); border: 1px solid var(--mm-border); color: var(--mm-heading);\r\n    width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n    box-shadow: var(--mm-shadow); font-size: 20px;\r\n    backdrop-filter: var(--mm-backdrop); opacity: 0; visibility: hidden; transform: translateY(20px); cursor: pointer;\r\n}\r\n.theme-toggle-btn.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }\r\n.theme-toggle-btn:hover { transform: scale(1.1); border-color: var(--hp-cyan); }\r\n.fa-sun { display: none; }\r\n.fa-moon { display: block; color: var(--hp-heading); }\r\nbody.dark-mode .fa-moon { display: none; }\r\nbody.dark-mode .fa-sun { display: block; color: var(--hp-yellow); }\r\n\r\n.gradient-border-btn {\r\n    background: var(--mm-bg-main) !important; color: var(--mm-heading) !important; font-weight: 700 !important;\r\n    border-radius: var(--mm-radius-pill) !important; font-size: 15px !important;\r\n    display: inline-flex !important; align-items: center !important; justify-content: center !important;\r\n    text-decoration: none !important; position: relative; z-index: 1;\r\n    border: 2px solid transparent !important; cursor: pointer;\r\n    background-image: linear-gradient(var(--mm-bg-main), var(--mm-bg-main)), var(--mm-gradient-bg) !important;\r\n    background-origin: border-box !important; background-clip: padding-box, border-box !important;\r\n    background-size: 100% 100%, 300% 300% !important;\r\n    animation: animatedGradient 5s ease infinite !important; padding: 12px 32px !important; box-shadow: var(--mm-shadow);\r\n}\r\n.gradient-border-btn:hover { transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 15px 30px rgba(14, 165, 233, 0.3) !important; }\r\n\r\n.mm-header-right .gradient-border-btn { padding: 10px 30px !important; }\r\n\r\n.mm-floating-cta { position: fixed !important; bottom: 32px !important; right: 32px !important; z-index: 9999 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(20px) !important; }\r\n.mm-floating-cta.is-visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }\r\n\r\n\/* --- 2. TYPOGRAPHY & ALIGNMENTS --- *\/\r\n.imthi-wrapper h1, .imthi-wrapper h2, .imthi-wrapper h3, .imthi-wrapper h4 { color: var(--mm-heading) !important; font-family: 'Manrope', sans-serif !important; margin-top: 0 !important; position: relative; z-index: 1; }\r\n.imthi-wrapper h2 { font-size: clamp(28px, 3.5vw, 35px) !important; font-weight: 800 !important; margin-bottom: 20px !important; letter-spacing: -0.01em !important; }\r\n.center-title { text-align: center !important; }\r\n.imthi-wrapper h3 { font-size: 22px !important; font-weight: 800 !important; margin-bottom: 12px !important;}\r\n.imthi-wrapper h4 { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 8px !important; }\r\n.imthi-wrapper p { font-size: 16px !important; margin-bottom: 15px !important; color: var(--mm-text-muted) !important; position: relative; z-index: 1; } \r\n.imthi-wrapper p:last-child { margin-bottom: 0 !important; }\r\n\r\n\/* --- 3. STRICT LAYOUT PADDING --- *\/\r\n.mm-container { max-width: 1280px !important; margin: 0 auto !important; position: relative !important; z-index: 2; padding-top: 20px; }\r\n.mm-section { padding: 60px 0px !important; position: relative; scroll-margin-top: 100px !important; border-bottom: 1px solid var(--mm-border); }\r\n.mm-section-inner { padding: 0 32px !important; max-width: 1200px !important; margin: 0 auto !important; }\r\n\r\n\/* --- CUSTOM GLASS COMPONENTS --- *\/\r\n.tech-card { \r\n    background: var(--mm-card-bg) !important; border-radius: var(--mm-radius-xl) !important; padding: 32px !important; \r\n    position: relative !important; overflow: hidden !important; backdrop-filter: var(--mm-backdrop); \r\n    -webkit-backdrop-filter: var(--mm-backdrop); box-shadow: var(--mm-shadow); border: 1px solid var(--mm-border) !important;\r\n}\r\n\r\n\/* Layout Grids *\/\r\n.reckoning-grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: stretch; margin-top: 40px;}\r\n\r\n\/* Speakers Grid *\/\r\n\/* ==========================================\r\n   Clean Container-Based Speaker Layout\r\n========================================== *\/\r\n\r\n\/* ==========================================\r\n   FIXED: Speaker Typography Specificity Override\r\n========================================== *\/\r\n.imthi-wrapper .speaker-card .speaker-name {\r\n    font-size: 20px !important;\r\n    font-weight: 800 !important;\r\n    margin-bottom: 6px !important;\r\n    line-height: 1.3 !important;\r\n}\r\n\r\n.imthi-wrapper .speaker-card p.speaker-desig {\r\n    font-size: 13px !important;\r\n    color: var(--hp-cyan) !important;\r\n    font-weight: 700 !important;\r\n    margin-bottom: 0px !important;\r\n    line-height: 1.4 !important;\r\n}\r\n\r\n.imthi-wrapper .speaker-card p.speaker-company {\r\n    font-size: 13px !important;\r\n    color: var(--mm-text-muted) !important;\r\n    font-weight: 600 !important;\r\n    margin-bottom: 0px !important;\r\n    line-height: 1.4 !important;\r\n    margin-top: 5px;\r\n}\r\n.speakers-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center; \/* Ensures rows wrap cleanly and centers the remaining 2 items naturally *\/\r\n    gap: 40px 24px;\r\n    margin-top: 32px;\r\n}\r\n\r\n.speaker-card {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    backdrop-filter: none !important;\r\n    -webkit-backdrop-filter: none !important;\r\n\r\n    width: calc(25% - 18px); \/* 4 per row *\/\r\n    min-width: 240px;\r\n\r\n    padding: 10px !important;\r\n    text-align: center;\r\n    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n#speakers .mm-section-inner{\r\n    max-width: 1500px !important;\r\n}\r\n\r\n#speakers .tech-card{\r\n    max-width: 1500px !important;\r\n    margin: 0 auto;\r\n}\r\n\/* ==========================================\r\n   CLEANED: Hover Animation Only (Default Cursor)\r\n========================================== *\/\r\n\r\n\/* Remove any automated background floating animations *\/\r\n.imthi-wrapper .speaker-card {\r\n    animation: none !important;\r\n    cursor: default !important; \/* Forces the standard arrow cursor *\/\r\n    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n\r\n\r\n\r\n\/* Ensure inner links or images inside the card don't force a pointer if unwanted *\/\r\n.imthi-wrapper .speaker-card * {\r\n    cursor: default !important;\r\n}\r\n\r\n\r\n\r\n\r\n\/* Keeps your original large structural dimensions completely untouched *\/\r\n.speaker-img-wrap {\r\n    width: 250px;\r\n    height: 250px;\r\n    margin: 0 auto 20px;\r\n    overflow: hidden;\r\n}\r\n\r\n.speaker-img-wrap img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n\r\n    transition: transform 0.5s ease;\r\n}\r\n\/* \r\n.speaker-card:hover .speaker-img-wrap img {\r\n    transform: scale(1.04);\r\n} *\/\r\n\r\n\/* Balanced text structure with reduced size elements *\/\r\n.speaker-name {\r\n    font-size: 20px !important;\r\n    font-weight: 800 !important;\r\n    margin-bottom: 6px !important;\r\n    line-height: 1.3;\r\n}\r\n\r\n.speaker-desig p{\r\n    font-size: 13px !important; \/* Reduced layout footprint *\/\r\n    color: var(--hp-cyan) !important;\r\n    font-weight: 700 !important;\r\n    margin-bottom: 0px!important;\r\n    line-height: 1.4;\r\n}\r\n.speaker-desig {\r\n    font-size: 13px !important; \/* Reduced layout footprint *\/\r\n    color: var(--hp-cyan) !important;\r\n    font-weight: 700 !important;\r\n    margin-bottom: 0px!important;\r\n    line-height: 1.4;\r\n}\r\n\r\n.speaker-company p{\r\n    font-size: 13px !important; \/* Reduced layout footprint *\/\r\n    color: var(--mm-text-muted) !important;\r\n    font-weight: 600 !important;\r\n    margin-bottom: 0px!important;\r\n    line-height: 1.4;\r\n}\r\n.speaker-company {\r\n    font-size: 13px !important; \/* Reduced layout footprint *\/\r\n    color: var(--mm-text-muted) !important;\r\n    font-weight: 600 !important;\r\n    margin-bottom: 0px!important;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* Responsive Scaling down to Mobile screen widths *\/\r\n@media (max-width: 992px) {\r\n    .speaker-card {\r\n        width: calc(50% - 12px); \/* Swaps cleanly to 2 per row on mid devices *\/\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .speaker-card {\r\n        width: 100%; \/* Single track down on mobile phones *\/\r\n    }\r\n    .speaker-img-wrap {\r\n        width: 220px;\r\n        height: 220px;\r\n    }\r\n}\r\n\r\n\/* 3D Box for Reckoning *\/\r\n.reckoning-3d-box {\r\n    transform: perspective(1000px) rotateY(-8deg) rotateX(4deg);\r\n    box-shadow: -15px 15px 30px rgba(31,38,135,0.07), inset 0 0 0 1px rgba(255,255,255,0.8);\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.6s ease;\r\n    border-radius: var(--mm-radius-lg); overflow: hidden; background: var(--mm-card-bg-secondary);\r\n    backdrop-filter: var(--mm-backdrop); border-left: 4px solid var(--hp-cyan); padding: 40px; height: 100%;\r\n}\r\n.reckoning-3d-box:hover { transform: perspective(1000px) rotateY(0deg) rotateX(0deg); box-shadow: -5px 5px 20px rgba(31,38,135,0.1), inset 0 0 0 1px rgba(255,255,255,1); }\r\nbody.dark-mode .reckoning-3d-box { box-shadow: -15px 15px 30px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.05); }\r\nbody.dark-mode .reckoning-3d-box:hover { box-shadow: -5px 5px 20px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.1); }\r\n\r\n\/* Custom Flex Grids *\/\r\n.flex-grid-center { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 40px; }\r\n.flex-item-4 { width: calc(25% - 18px); }\r\n\r\n.legacy-box { text-align: center; padding: 32px 20px; background: var(--mm-card-bg-secondary); border-radius: var(--mm-radius-lg); border: 1px solid var(--mm-border); backdrop-filter: var(--mm-backdrop); box-shadow: var(--mm-shadow); transition: var(--mm-transition); }\r\n.legacy-box:hover { border-color: var(--hp-cyan); transform: translateY(-5px); }\r\n\r\n\/* Solid Legacy Numbers *\/\r\n.stat-number { font-size: 38px; font-weight: 800; color: var(--hp-cyan); margin-bottom: 8px; }\r\n.stat-text { font-size: 15px !important; font-weight: 600; color: var(--mm-heading) !important; margin: 0 !important; line-height: 1.4 !important; }\r\n.mobile-legacy-icon { display: none; }\r\n\r\n\/* Audience *\/\r\n.audience-box { text-align: center; }\r\n\r\n\/* Bubbles Grid *\/\r\n.bubble-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-bottom: 48px; }\r\n.mm-bubble {\r\n    padding: 16px 20px !important; text-align: left;\r\n    border-radius: var(--mm-radius-md) !important;\r\n    background: var(--mm-card-bg-secondary) !important;\r\n    border-left: 4px solid var(--hp-cyan) !important;\r\n    border-right: 1px solid var(--mm-border) !important;\r\n    border-top: 1px solid var(--mm-border) !important;\r\n    border-bottom: 1px solid var(--mm-border) !important;\r\n    display: flex; align-items: center; gap: 12px;\r\n    font-size: 16px !important; font-weight: 700; color: var(--mm-heading);\r\n    backdrop-filter: var(--mm-backdrop); box-shadow: var(--mm-shadow); transition: all 0.3s ease;\r\n}\r\n.mm-bubble:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(14, 165, 233, 0.2); border-color: var(--hp-cyan) !important; }\r\n\r\n\/* Feature Highlight Cards *\/\r\n.premium-feature-grid { display: grid !important; gap: 40px !important; margin-top: 48px !important; }\r\n.pfc-layout { display: flex !important; flex-direction: column !important; gap: 40px !important; position: relative !important; z-index: 1 !important; align-items: stretch !important; height: 100%;}\r\n.pfc-image-wrapper { width: 100% !important; border-radius: var(--mm-radius-lg) !important; overflow: hidden !important; border: 1px solid var(--mm-border) !important; aspect-ratio: 4\/3; }\r\n.pfc-image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.8s ease !important; }\r\n.tech-card:hover .pfc-image-wrapper img { transform: scale(1.05) !important; }\r\n.pfc-content { flex: 1 !important; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2;}\r\n.pfc-subtitle { display: inline-block !important; font-weight: 800 !important; color: var(--hp-cyan) !important; margin-bottom: 16px !important; font-size: 14px !important; }\r\n\r\n\/* Dynamic Image Overlay *\/\r\n.report-image-wrapper { position: relative; }\r\n.report-image-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    transition: background 0.4s ease;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n.tech-card:hover .report-image-wrapper::after {\r\n    background: rgba(0, 0, 0, 0);\r\n}\r\n\r\n\/* HirePro Specific Layout *\/\r\n.about-hirepro-layout { display: flex; flex-direction: column; gap: 32px; }\r\n.hirepro-video-container { position: relative; height: 100%; width: 100%; overflow: hidden; border-radius: var(--mm-radius-md); box-shadow: var(--mm-shadow); min-height: 350px; background: #000; }\r\n.hirepro-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\r\n\r\n\/* YouTube Embed Containers *\/\r\n.video-container { position: relative; height: 100%; width: 100%; overflow: hidden; border-radius: var(--mm-radius-md); box-shadow: var(--mm-shadow); min-height: 350px; background: #000; }\r\n.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\r\n\r\n\/* FAQs Accordion *\/\r\n.faq-list { margin-top: 32px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }\r\n.faq-item { background: var(--mm-card-bg) !important; border: 1px solid var(--mm-border) !important; border-radius: 16px !important; backdrop-filter: var(--mm-backdrop); box-shadow: var(--mm-shadow); overflow: hidden; }\r\n.faq-question { padding: 24px 32px !important; font-weight: 800 !important; font-size: 16px !important; color: var(--mm-heading) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative; z-index: 2; cursor: pointer;}\r\n.faq-question i { color: var(--hp-cyan) !important; transition: transform 0.4s ease !important; font-size: 20px;}\r\n.faq-answer { padding: 0 32px !important; max-height: 0 !important; transition: all 0.4s ease !important; color: var(--mm-text-muted) !important; font-size: 16px !important; opacity: 0; position: relative; z-index: 1;}\r\n.faq-item.active { border-color: var(--hp-cyan) !important; background: var(--mm-card-bg-secondary) !important; }\r\n.faq-item.active .faq-question i { transform: rotate(180deg) !important; }\r\n.faq-item.active .faq-answer { padding: 0 32px 24px !important; max-height: 800px !important; opacity: 1; }\r\n.faq-icon-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }\r\n.faq-icon-list li { margin-bottom: 12px !important; display: flex !important; align-items: flex-start !important; gap: 16px !important; }\r\n.faq-icon-list li i { \r\n    background: var(--mm-gradient-bg) !important;\r\n    background-size: 300% 300% !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n    display: inline-block;\r\n    animation: animatedGradient 5s ease infinite !important;\r\n    margin-top: 6px !important; \r\n    font-size: 16px !important; \r\n}\r\n\r\n\/* Timeline Grid *\/\r\n.timeline-grid { display: grid; grid-template-columns: 1fr; gap: 24px; position: relative; margin-top: 40px;}\r\n.tl-box { background: var(--mm-card-bg); border-radius: var(--mm-radius-lg); border: 1px solid var(--mm-border); padding: 32px 24px; display: flex; gap: 20px; align-items: flex-start; backdrop-filter: var(--mm-backdrop); box-shadow: var(--mm-shadow); transition: var(--mm-transition); }\r\n.tl-box:hover { border-color: var(--hp-cyan); transform: translateY(-4px); box-shadow: 0 15px 30px rgba(14, 165, 233, 0.15); }\r\n.tl-time-block { min-width: 100px; padding-right: 20px; border-right: 2px solid var(--mm-border); }\r\n.tl-time { font-size: 16px !important; font-weight: 800; color: var(--hp-cyan); }\r\n.tl-content h4 { margin: 0 0 8px 0 !important; font-size: 16px !important;}\r\n.tl-desc { margin: 0 !important; font-size: 14px !important;}\r\n.tl-box.centered-item { justify-self: center; width: 100%; max-width: 500px; } \r\n\r\n\/* Coming Soon Boxes *\/\r\n.coming-soon-box { text-align: center; padding: 60px 20px; background: var(--mm-card-bg-secondary); border-radius: var(--mm-radius-lg); margin-top: 40px; backdrop-filter: var(--mm-backdrop); box-shadow: var(--mm-shadow); border: 1px solid var(--mm-border); transition: transform 0.4s ease; }\r\n.coming-soon-box:hover { transform: translateY(-5px); }\r\n\r\n.mm-inline-link { color: var(--hp-cyan) !important; font-weight: 800 !important; text-decoration: none !important; transition: var(--mm-transition) !important; display: inline-flex; align-items: center; gap: 6px; }\r\n.mm-inline-link i { transition: transform 0.3s ease; }\r\n.mm-inline-link:hover { color: var(--hp-cyan) !important; }\r\n.mm-inline-link:hover i { transform: translateX(5px); }\r\n\r\n\/* Full Screen Hero Video *\/\r\n.mm-hero-fullscreen { \r\n    position: relative !important; width: 100% !important; height:95vh !important;\r\n    overflow: hidden !important; background: #000 !important; z-index: 1; \r\n    margin-top: 35px !important; \r\n    margin-bottom: 0 !important; \r\n    padding-bottom: 0 !important; \r\n}\r\n.mm-hero-video-blocker { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.65); pointer-events: none !important; }\r\n.mm-hero-video-bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; z-index: 1; pointer-events: none !important; }\r\n\r\n\/* Banner Animation *\/\r\n.hero-content-overlay > * { animation: bannerFadeUp 1.2s cubic-bezier(0.25, 0.8, 0.25, 1) both; }\r\n.hero-content-overlay > *:nth-child(1) { animation-delay: 0.1s; }\r\n.hero-content-overlay > *:nth-child(2) { animation-delay: 0.2s; }\r\n.hero-content-overlay > *:nth-child(3) { animation-delay: 0.3s; }\r\n.hero-content-overlay > *:nth-child(4) { animation-delay: 0.4s; }\r\n.hero-content-overlay > *:nth-child(5) { animation-delay: 0.5s; }\r\n.hero-content-overlay > *:nth-child(6) { animation-delay: 0.6s; }\r\n.hero-content-overlay > *:nth-child(7) { animation-delay: 0.7s; }\r\n\r\n.hero-title { font-size: clamp(30px, 8vw, 80px) !important; line-height: 1.1 !important; }\r\nh2.hero-subtitle.animated-gradient-text { font-size: 25px!important; margin-bottom: 5px!important; }\r\n.hero-subtitle h2{ \r\n    font-size: 30px !important; \r\n    line-height: 1.3 !important; \r\n    margin-bottom: 0 !important;\r\n    margin-top: 5px !important; \r\n    padding-bottom: 0 !important; \r\n}\r\n\r\n\/* Custom Hero Button (Gradient Border -> Glass Hover) *\/\r\n.hero-cta-btn {\r\n    background: #000 !important; color: #fff !important; font-weight: 700 !important;\r\n    padding: 10px 24px !important; border-radius: var(--mm-radius-pill) !important; \r\n    border: 2px solid transparent !important; background-clip: padding-box, border-box !important;\r\n    background-image: linear-gradient(#000, #000), var(--mm-gradient-bg) !important;\r\n    background-origin: border-box !important; background-size: 100% 100%, 300% 300% !important;\r\n    animation: animatedGradient 5s ease infinite !important;\r\n    position: relative; cursor: pointer; font-size: 14px !important; transition: all 0.4s ease; z-index: 1; \r\n    text-decoration: none !important; display: inline-flex; align-items: center; justify-content: center;\r\n}\r\n.hero-cta-btn:hover {\r\n    background-image: none !important;\r\n    background-color: rgba(255, 255, 255, 0.1) !important;\r\n    backdrop-filter: blur(16px) !important; \r\n    -webkit-backdrop-filter: blur(16px) !important;\r\n    box-shadow: 0 10px 30px rgba(14, 165, 233, 0.4) !important;\r\n    transform: translateY(-3px) scale(1.02);\r\n    border-color: rgba(255, 255, 255, 0.3) !important;\r\n    color: #fff !important;\r\n}\r\n\r\n\/* Comprehensive Footer *\/\r\n.mm-footer { background: var(--hp-dark-navy); color: #fff; padding: 40px 32px; border-top: 1px solid var(--mm-border); position: relative; z-index: 10; }\r\n.mm-footer a { color: #fff; text-decoration: none; transition: color 0.3s; font-size: 14px; }\r\n.mm-footer a:hover { color: var(--hp-cyan); }\r\n.footer-socials a { font-size: 20px; display: flex !important; align-items: center !important; justify-content: center !important; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.05); transition: 0.3s; }\r\n.footer-socials a:hover { background: var(--hp-cyan); color: #fff; transform: translateY(-3px); }\r\n.footer-logo { height: 35px !important; width: auto !important; max-width: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0 !important; filter: none !important; }\r\n\r\n\/* Responsive Breakpoints *\/\r\n@media (max-width: 1350px) {\r\n    .mm-header-inner { padding: 0 20px; }\r\n    .mm-nav { gap: 16px; margin-right: 16px; }\r\n    .mm-nav ul { gap: 25px; }\r\n    .mm-nav a { font-size: 14px; }\r\n}\r\n\r\n@media (max-width: 1300px) {\r\n    .hero-title { font-size: 50px !important; line-height: 1.2 !important; }\r\n    .mm-section { padding: 48px 0 !important; }\r\n    .mm-section-inner { padding: 0 20px !important; }\r\n    .reckoning-grid, .timeline-grid { gap: 32px !important; }\r\n    .premium-feature-grid { gap: 32px !important; }\r\n    .pfc-layout { gap: 24px !important; }\r\n    .pfc-content { padding: 24px !important; }\r\n    .tech-card { padding: 24px !important; }\r\n    .legacy-box { padding: 24px 16px; }\r\n    .stat-number { font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 1250px) and (min-width: 800px) {\r\n    .mm-header-right .mm-counter-block,\r\n    .mm-header-right .registrationLink { display: flex !important; }\r\n}\r\n\r\n\/* Hide vectors on small tablets and mobile grids to keep content legible *\/\r\n@media (max-width: 1024px) {\r\n    .mm-vector-decoration { display: none !important; }\r\n}\r\n\r\n\/* ========================================================\r\n   MOBILE SPECIFIC OVERRIDES & REQUESTED CHANGES (< 800px)\r\n   ======================================================== *\/\r\n@media (max-width: 799px) {\r\n    .mm-hero-fullscreen { height: 80vh !important; min-height: 550px !important; }\r\n    \r\n    .mm-header-right .mm-counter-block,\r\n    .mm-header-right .registrationLink { display: none !important; }\r\n    .mobile-counter-banner { display: block; }\r\n    .flex-item-4 { width: 100%; }\r\n    .pfc-image-wrapper { aspect-ratio: auto; height: 250px; }\r\n    .video-container { min-height: 250px; }\r\n    .hero-title { font-size: 40px !important; }\r\n    .hackvega-layout { flex-direction: column-reverse !important; }\r\n\r\n    \/* Custom mobile logos height *\/\r\n    .hero-sponsor-logo { height: 25px !important; }\r\n\r\n    \/* Legacy Box Icon Design *\/\r\n    .mobile-legacy-icon { \r\n        display: inline-block; \r\n        font-size: 32px; \r\n        margin: 0; \r\n        background: var(--mm-gradient-bg) !important; \r\n        background-size: 300% 300% !important; \r\n        -webkit-background-clip: text !important; \r\n        -webkit-text-fill-color: transparent !important; \r\n        animation: animatedGradient 5s ease infinite !important;\r\n    }\r\n    .legacy-box { display: flex; align-items: center; gap: 20px; text-align: left; padding: 20px !important; max-width: 320px; margin: 0 auto; justify-content: flex-start; }\r\n    .legacy-content-wrap { display: flex; flex-direction: column; }\r\n    .legacy-box .stat-number { font-size: 28px !important; margin-bottom: 4px !important; line-height: 1 !important; }\r\n    .legacy-box .stat-text { font-size: 14px !important; }\r\n\r\n    \/* Who should attend (Mobile List with Icons) *\/\r\n    #audience .flex-grid-center {\r\n        display: flex; flex-direction: column; gap: 16px; overflow: visible; scroll-snap-type: none; padding-bottom: 0;\r\n    }\r\n    #audience .audience-box {\r\n        display: flex; align-items: center; gap: 20px; text-align: left; padding: 20px !important; flex-direction: row;\r\n        border-left: 1px solid var(--mm-border) !important;\r\n        min-width: 100%;\r\n    }\r\n    #audience .audience-box i { font-size: 32px !important; margin-bottom: 0 !important; }\r\n    #audience .audience-box h4 { margin: 0 !important; }\r\n\r\n    \/* What awaits you (Mobile Design applied globally in desktop) - adjust spacing for mobile *\/\r\n    .bubble-container { display: flex; flex-direction: column; gap: 12px; }\r\n    .mm-bubble { width: 100%; }\r\n\r\n    \/* Agenda Mobile Connected Lines - Scoped specifically to #agenda so Contact section is clean *\/\r\n    #agenda .timeline-grid { position: relative; padding-left: 24px; gap: 24px !important; display: flex; flex-direction: column; margin-left: 10px;}\r\n    #agenda .timeline-grid::before {\r\n        content: ''; position: absolute; top: 0; bottom: 0; left: 0;\r\n        width: 2px; background: var(--hp-cyan); \r\n        animation: none;\r\n    }\r\n    #agenda .tl-box { flex-direction: column; gap: 12px; padding: 20px !important; position: relative; }\r\n    #agenda .tl-box::before {\r\n        content: ''; position: absolute; left: -32px; top: 25px;\r\n        width: 14px; height: 14px; border-radius: 50%;\r\n        background: var(--mm-bg-main); border: 3px solid var(--hp-cyan); z-index: 2;\r\n    }\r\n    #agenda .tl-time-block { border-right: none; padding-right: 0; border-bottom: 1px dashed var(--mm-border); padding-bottom: 8px; width: 100%; }\r\n    #agenda .tl-box.centered-item::before { border-color: var(--hp-cyan); }\r\n\r\n    \/* Enhanced Mobile Animations *\/\r\n    [data-aos=\"zoom-in\"] { transition-duration: 0.8s !important; }\r\n    .tl-box { transition: transform 0.4s ease, box-shadow 0.4s ease; }\r\n    .tl-box:active { transform: scale(0.98); }\r\n}\r\n\r\n\/* Full Screen Glass Hamburger Navigation with more Blur & text gradient *\/\r\n@media (max-width: 1024px) {\r\n    .mm-nav { display: block !important; }\r\n    .mm-nav ul {\r\n        display: flex !important;\r\n        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n        background: rgba(255, 255, 255, 0.95) !important;\r\n        backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n        flex-direction: column; justify-content: center; align-items: center;\r\n        gap: 35px; padding: 20px; border: none; z-index: 10000;\r\n        opacity: 0; visibility: hidden; pointer-events: none;\r\n        transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        box-shadow: none; margin: 0;\r\n    }\r\n    body.dark-mode .mm-nav ul { background: rgba(7, 11, 20, 0.95) !important; }\r\n    .mm-nav.mobile-active ul { opacity: 1; visibility: visible; pointer-events: auto; }\r\n    .mm-nav a { \r\n        font-size: 24px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;\r\n        color: #000000 !important;\r\n        background: none;\r\n        -webkit-text-fill-color: initial;\r\n        animation: none;\r\n        display: inline-block;\r\n    }\r\n    body.dark-mode .mm-nav a { color: #ffffff !important; }\r\n    .modern-hamburger { z-index: 10002; display: block; }\r\n    .mm-header-inner { z-index: 10001; position: relative; }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .reckoning-grid { grid-template-columns: 1.2fr 1fr; align-items: center; }\r\n    .timeline-grid { grid-template-columns: 1fr 1fr; }\r\n    .tl-box.centered-item { grid-column: 1 \/ -1; } \r\n    \/* Combined Section Layouts *\/\r\n    .pfc-layout { flex-direction: row !important; align-items: stretch !important; }\r\n    .pfc-content { flex: 1 !important; }\r\n    .pfc-image-wrapper { flex: 1 !important; width: auto !important; height: auto !important; margin: 0 !important; }\r\n    .pfc-layout:nth-child(even) { flex-direction: row-reverse !important; }\r\n\r\n    \/* HirePro Section 55 - 45 Split *\/\r\n    .about-hirepro-layout { flex-direction: row !important; align-items: center !important; display: flex !important; gap: 40px; }\r\n    .hirepro-text-card { flex: 0 0 calc(55% - 20px) !important; max-width: calc(55% - 20px) !important; }\r\n    .about-hirepro-layout > div:last-child { flex: 0 0 calc(45% - 20px) !important; max-width: calc(45% - 20px) !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"imthi-wrapper\" id=\"imthiWrapper\">\r\n\r\n    <div class=\"tech-glow-container\">\r\n        <div class=\"tech-glow tg-1\"><\/div>\r\n        <div class=\"tech-glow tg-2\"><\/div>\r\n    <\/div>\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/HirePro_Momentum-26_Circle-loop-left.svg\" class=\"mm-vector-decoration vd-left-1\" alt=\"\">\r\n    <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/HirePro_Momentum-26_Circle-loop-right.svg\" class=\"mm-vector-decoration vd-right-1\" alt=\"\">\r\n    <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/HirePro_Momentum-26_Circle-loop-left.svg\" class=\"mm-vector-decoration vd-left-2\" alt=\"\">\r\n    <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/HirePro_Momentum-26_Circle-loop-right.svg\" class=\"mm-vector-decoration vd-right-2\" alt=\"\">\r\n    \r\n\r\n    <header class=\"mm-custom-header\">\r\n        <div class=\"mm-header-inner\">\r\n            <a href=\"#\" class=\"mm-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/hirepro.in\/wp-content\/uploads\/2025\/05\/HirePro-logo.svg\" alt=\"HirePro\" class=\"logo-light\">\r\n                <img decoding=\"async\" src=\"https:\/\/hirepro.in\/wp-content\/uploads\/2026\/02\/HirePro_Logo.svg\" alt=\"HirePro\" class=\"logo-dark\">\r\n            <\/a>\r\n            \r\n            <nav class=\"mm-nav\" id=\"mainNav\">\r\n                <ul>\r\n                    <li><a href=\"#about\">About<\/a><\/li>\r\n                    <li><a href=\"#audience\">Who should attend<\/a><\/li>\r\n                        <li><a href=\"#highlights\">What awaits you<\/a><\/li>\r\n                    <li><a href=\"#speakers\">Speakers<\/a><\/li>\r\n                    <li><a href=\"#agenda\">Agenda<\/a><\/li>\r\n                \r\n                <\/ul>\r\n            <\/nav>\r\n\r\n            <div class=\"mm-header-right\">\r\n                <div class=\"mm-counter-block cd-timer\">\r\n                    <div class=\"cd-box\"><span class=\"cd-d\">00<\/span><small>Days<\/small><\/div><div class=\"cd-colon\">:<\/div>\r\n                    <div class=\"cd-box\"><span class=\"cd-h\">00<\/span><small>Hours<\/small><\/div><div class=\"cd-colon\">:<\/div>\r\n                    <div class=\"cd-box\"><span class=\"cd-m\">00<\/span><small>Mins<\/small><\/div><div class=\"cd-colon\">:<\/div>\r\n                    <div class=\"cd-box\"><span class=\"cd-s\">00<\/span><small>Secs<\/small><\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/cl\/Momentum26\/apply?event=257953&job=272159\" target=\"_blank\" class=\"gradient-border-btn registrationLink\">Register Now<\/a>\r\n                \r\n                <button class=\"modern-hamburger\" id=\"navToggle\" aria-label=\"Menu\">\r\n                    <span><\/span><span><\/span><span><\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <button id=\"themeToggleBtn\" class=\"theme-toggle-btn\" aria-label=\"Toggle Dark\/Light Mode\">\r\n        <i class=\"fa-solid fa-moon\"><\/i>\r\n        <i class=\"fa-solid fa-sun\"><\/i>\r\n    <\/button>\r\n\r\n    <a id=\"mainFloatingCta\" href=\"https:\/\/ams.hirepro.in\/v2\/registration\/cl\/Momentum26\/apply?event=257953&job=272159\" target=\"_blank\" class=\"mm-floating-cta gradient-border-btn registrationLink\">\r\n        Register Now\r\n    <\/a>\r\n\r\n    <div id=\"hero\" class=\"mm-hero-fullscreen\">\r\n        <div class=\"mm-hero-video-blocker\"><\/div>\r\n        <video class=\"mm-hero-video-bg\" autoplay loop muted playsinline poster=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/momentum-2025.webp\">\r\n            <source src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/Momentum-2025-1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        \r\n        <div class=\"hero-content-overlay\" style=\"position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-align: center; padding: 20px 20px 0px 20px;\">\r\n            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/HirePro_with_Registered_full-color_reverse-without-padding.svg\" alt=\"HirePro\" style=\"height: 35px !important; margin: 0 !important; padding: 0 !important;\" class=\"hero-sponsor-logo\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/Momentum26_Dark_Background_without_padding_v3.svg\" alt=\"Momentum\u201926\" style=\"height: clamp(60px, 15vw, 100px) !important; margin-bottom: 10px !important; margin-top: 0px !important;\">\r\n            <h2 class=\"hero-subtitle animated-gradient-text\" style=\"font-weight: 800; letter-spacing: 1px;\">BEYOND DEGREE. BEYOND STREAM. BEYOND CODE.<\/h2>\r\n            <p style=\"color: #ffffffcc !important;font-weight: 700;font-size: 16px !important;margin-top: 0px !important;margin-bottom: 5px !important;\"> THE NEW PLAYBOOK OF LEARNING, HIRING, AND EMPLOYABILITY IN THE AGE OF AI<\/p>\r\n            <p style=\"color: #94a3b8 !important; font-size: 14px !important; margin-bottom: 10px !important; font-weight: 600; margin-top: 5px !important;\">Co-curated by<\/p>\r\n            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/MYCN_White_Without_Byline.svg\" alt=\"MyCareernet\" style=\"height: 30px !important; margin: 0 !important; padding: 0 !important;\" class=\"hero-sponsor-logo\">\r\n            \r\n            <p style=\"color: #f8fafc !important; font-weight: 700; font-size: 18px !important; margin-top: 20px !important; margin-bottom: 20px !important;\">July 14, 2026 | Radisson Blu, Bengaluru, Outer Ring Road<\/p>\r\n            \r\n            <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/cl\/Momentum26\/apply?event=257953&job=272159\" target=\"_blank\" class=\"hero-cta-btn registrationLink\">Register Now<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mobile-counter-banner\">\r\n        <div class=\"mm-counter-block cd-timer\" style=\"margin-bottom: 8px;\">\r\n            <div class=\"cd-box\"><span class=\"cd-d\">00<\/span><small>Days<\/small><\/div><div class=\"cd-colon\">:<\/div>\r\n            <div class=\"cd-box\"><span class=\"cd-h\">00<\/span><small>Hours<\/small><\/div><div class=\"cd-colon\">:<\/div>\r\n            <div class=\"cd-box\"><span class=\"cd-m\">00<\/span><small>Mins<\/small><\/div><div class=\"cd-colon\">:<\/div>\r\n            <div class=\"cd-box\"><span class=\"cd-s\">00<\/span><small>Secs<\/small><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mm-container\">\r\n        <main style=\"width: 100%; position: relative; z-index: 2;\">\r\n\r\n            <section id=\"about\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <div class=\"premium-feature-grid\" style=\"margin-top: 0 !important;\">\r\n                        <div class=\"tech-card\" style=\"padding: 0 !important;\" data-aos=\"fade-up\">\r\n                            <div class=\"pfc-layout\">\r\n                                <div class=\"pfc-content\" style=\"padding: 40px;\" data-aos=\"fade-right\">\r\n                                    <h2>About <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong><\/h2>\r\n                                    <p>Momentum began as a radical idea. Two years ago, 400+ visionaries from academia and industry convened around a shared conviction, that the long-standing compact between them was ready to be reimagined.<\/p>\r\n                                    <p>By 2025, the idea had become a reckoning. More voices joined. Global uncertainty was no longer a subject of considered debate. It had become the very atmosphere in which institutions and organizations functioned.<\/p>\r\n                                <\/div>\r\n                                <div class=\"pfc-image-wrapper\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n                                    <div class=\"video-container\" style=\"border-radius: 0;\">\r\n                                        <iframe src=\"https:\/\/www.youtube.com\/embed\/YXqx4RWpotA?autoplay=0&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"reckoning\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <h2 class=\"center-title\" style=\"max-width: 800px; margin: 0 auto 48px;\"><span class=\"animated-gradient-text\">Now in 2026<\/span>, the reckoning has a shape.<\/h2>\r\n                    <div class=\"reckoning-grid\">\r\n                        <div class=\"reckoning-col tech-card\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n                            <p>The new era of talent has dawned. Companies are increasingly prioritizing AI-ready talent, and the opportunities for those prepared for this shift have never been bigger.<\/p>\r\n                            <p>The programmer who can direct AI is the most sought-after engineer in the room. The analyst who can interpret AI output is the one driving strategy. AI is here to augment human potential, and institutions that prepare students for that reality are the ones that will define the next decade of talent.<\/p>\r\n                            <p>A degree still opens the door. But in a world where AI can code, what wins the room is no longer the syntax. It is the purpose with which intelligence is wielded.<\/p>\r\n                            <p><strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong> convenes at the center of this transformation, a one-day symposium with a provocation as its compass: <span class=\"animated-gradient-text\" style=\"font-weight: 800;\">Beyond degree. Beyond stream. Beyond code.<\/span><\/p>\r\n                        <\/div>\r\n                        <div class=\"reckoning-col\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n                            <div class=\"reckoning-3d-box floating-element\">\r\n                                <p style=\"font-size: 18px !important; color: var(--mm-heading) !important; font-weight: 600;\">This is the inspiration behind <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong>, our high-stakes symposium with the country\u2019s most consequential minds.<\/p>\r\n                                <p style=\"font-size: 18px !important; color: var(--mm-heading) !important; font-weight: 600; margin-top: 16px !important;\"><span style=\"font-weight:800;\">One day, one room, and one playbook ready to be written:<\/span> on how India learns, hires, and redefines employability in the age of AI.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"legacy\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <h2 class=\"center-title\">The legacy of Momentum: <span class=\"animated-gradient-text\">Past edition highlights<\/span><\/h2>\r\n                    \r\n                    <div class=\"flex-grid-center\">\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\">\r\n                            <i class=\"fa-solid fa-users mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"900\">0<\/span>+<\/div>\r\n                                <p class=\"stat-text\">changemakers in one room<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                            <i class=\"fa-solid fa-microphone mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"50\">0<\/span>+<\/div>\r\n                                <p class=\"stat-text\">speakers from across industry and academia<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                            <i class=\"fa-solid fa-building mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"450\">0<\/span>+<\/div>\r\n                                <p class=\"stat-text\">corporates in attendance<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                            <i class=\"fa-solid fa-university mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"450\">0<\/span>+<\/div>\r\n                                <p class=\"stat-text\">academic institutions engaged<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\">\r\n                            <i class=\"fa-solid fa-clock mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"16\">0<\/span>+<\/div>\r\n                                <p class=\"stat-text\">hours of industry dialogue and knowledge sharing<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                            <i class=\"fa-solid fa-comments mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"7\">0<\/span><\/div>\r\n                                <p class=\"stat-text\">marquee panel discussions across the biggest shifts<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                            <i class=\"fa-solid fa-fire mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"3\">0<\/span><\/div>\r\n                                <p class=\"stat-text\">thought-provoking fireside chats<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                            <i class=\"fa-solid fa-bullhorn mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"4\">0<\/span><\/div>\r\n                                <p class=\"stat-text\">keynote addresses by distinguished voices<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\">\r\n                            <i class=\"fa-solid fa-file-lines mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"1\">0<\/span><\/div>\r\n                                <p class=\"stat-text\">HirePro report launch on college hiring<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"legacy-box flex-item-4\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                            <i class=\"fa-solid fa-laptop-code mobile-legacy-icon\"><\/i>\r\n                            <div class=\"legacy-content-wrap\">\r\n                                <div class=\"stat-number\"><span class=\"counter-val\" data-target=\"32\">0<\/span>K+<\/div>\r\n                                <p class=\"stat-text\">hackathon registrations <span style=\"white-space: nowrap;\">(1 nationwide finale)<\/span><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div style=\"text-align: center; margin-top: 48px;\">\r\n                        <p style=\"font-weight: 800; color: var(--mm-heading) !important; margin-bottom: 24px !important;\">Revisit the conversations that shaped the discourse<\/p>\r\n                        <div style=\"display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\">\r\n                            <a href=\"https:\/\/www.momentum2024.hirepro.in\/\" target=\"_blank\" class=\"gradient-border-btn\">Explore Momentum\u201924<\/a>\r\n                            <a href=\"https:\/\/momentum25.hirepro.in\/\" target=\"_blank\" class=\"gradient-border-btn\">Explore Momentum\u201925<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"audience\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <h2 class=\"center-title\">Who should attend <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong><\/h2>\r\n                    \r\n                    <div class=\"flex-grid-center\">\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                            <i class=\"fa-solid fa-user-tie animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">Chief Human Resources Officers<\/h4>\r\n                        <\/div>\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                            <i class=\"fa-solid fa-users-viewfinder animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px; animation-delay: 0.2s;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">Talent Acquisition Heads<\/h4>\r\n                        <\/div>\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                            <i class=\"fa-solid fa-handshake-angle animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px; animation-delay: 0.4s;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">University Relations & HR Professionals<\/h4>\r\n                        <\/div>\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                            <i class=\"fa-solid fa-rocket animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px; animation-delay: 0.6s;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">Startup Leaders<\/h4>\r\n                        <\/div>\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                            <i class=\"fa-solid fa-building-columns animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px; animation-delay: 0.8s;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">Deans of Institutions<\/h4>\r\n                        <\/div>\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"350\">\r\n                            <i class=\"fa-solid fa-id-card-clip animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px; animation-delay: 1s;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">College Placement Directors & Officers<\/h4>\r\n                        <\/div>\r\n                        <div class=\"tech-card audience-box flex-item-4\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                            <i class=\"fa-solid fa-chalkboard-user animated-gradient-text floating-element\" style=\"font-size: 44px; margin-bottom: 24px; animation-delay: 1.2s;\"><\/i>\r\n                            <h4 style=\"font-size: 16px !important;\">University & College Heads of Departments<\/h4>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p style=\"text-align: center; font-size: 18px !important; font-weight: 600; color: var(--mm-heading) !important; max-width: 800px; margin: 48px auto 0 !important;\">\r\n                        <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong> is a curated gathering, by invitation, by conviction, for those who hold the future of India's talent ecosystem in their hands.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"highlights\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <h2 class=\"center-title\">What awaits you at <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong><\/h2>\r\n                    \r\n                    <div class=\"bubble-container\" data-aos=\"fade-up\">\r\n                        <div class=\"mm-bubble\"><i class=\"fa-solid fa-users animated-gradient-text\" style=\"font-size:20px;\"><\/i> Exclusive Gathering<\/div>\r\n                        <div class=\"mm-bubble\"><i class=\"fa-solid fa-comments animated-gradient-text\" style=\"font-size:20px;\"><\/i> Future-Defining Conversations<\/div>\r\n                        <div class=\"mm-bubble\"><i class=\"fa-solid fa-handshake-angle animated-gradient-text\" style=\"font-size:20px;\"><\/i> Industry\u2013Academia Exchange<\/div>\r\n                        <div class=\"mm-bubble\"><i class=\"fa-solid fa-link animated-gradient-text\" style=\"font-size:20px;\"><\/i> Strategic Alliances<\/div>\r\n                        <div class=\"mm-bubble\"><i class=\"fa-solid fa-file-lines animated-gradient-text\" style=\"font-size:20px;\"><\/i> Research and Insights Launch<\/div>\r\n                        <div class=\"mm-bubble\"><i class=\"fa-solid fa-laptop-code animated-gradient-text\" style=\"font-size:20px;\"><\/i> Tech Hackathon Finale<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div style=\"margin-top: 60px;\">\r\n                        <h3 class=\"center-title\" data-aos=\"fade-up\">Topics for Panel Discussions<\/h3>\r\n\r\n                        <div class=\"faq-list\">\r\n\r\n                            <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                                <div class=\"faq-question\">\r\n                                    New roles, new frontiers: Inside India's specialization revolution\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <ul class=\"faq-icon-list\">\r\n                                        <li><i class=\"fa-solid fa-sitemap\"><\/i> <span>The expanding job map: New sectors, leaner role clusters, and the end of generalist pyramids<\/span><\/li>\r\n                                        <li><i class=\"fa-solid fa-robot\"><\/i> <span>AI as job architect: Redesigning role boundaries, commoditizing routine, creating roles that did not exist<\/span><\/li>\r\n                                        <li><i class=\"fa-solid fa-graduation-cap\"><\/i> <span>Who owns the transition: Closing the gap between domain-tech fluency and what institutions currently create<\/span><\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                                <div class=\"faq-question\">\r\n                                    Re-imagining talent and skills evaluation for an AI-enabled workforce\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <ul class=\"faq-icon-list\">\r\n                                        <li><i class=\"fa-solid fa-chart-line\"><\/i> <span>The evolution of assessments from college hiring to continuous capability evaluation<\/span><\/li>\r\n                                        <li><i class=\"fa-solid fa-scale-balanced\"><\/i> <span>Balancing technology, trust, and human judgment in talent decisions<\/span><\/li>\r\n                                        <li><i class=\"fa-solid fa-building-columns\"><\/i> <span>The institutional imperative of preparing students for a world of ongoing assessment<\/span><\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                                <div class=\"faq-question\">\r\n                                    Purpose-driven careers: When organizational purpose meets individual ambition\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <ul class=\"faq-icon-list\">\r\n                                        <li><i class=\"fa-solid fa-scale-balanced\"><\/i> <span>The reversal of information asymmetry between the employer and candidate<\/span><\/li>\r\n                                        <li><i class=\"fa-solid fa-heart\"><\/i> <span>The emerging drivers of employer brand preference among top talent<\/span><\/li>\r\n                                        <li><i class=\"fa-solid fa-bullhorn\"><\/i> <span>The strategic imperative of building employer narratives before placement season<\/span><\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <style>\r\n              \/* --- LEADERSHIP ROUNDTABLE INLINE STYLES --- *\/\r\n.leadership-table-content h3 {\r\n    font-size: 26px !important;\r\n    margin-bottom: 16px !important;\r\n}\r\n\r\n.leadership-rsvp-zone {\r\n    margin-top: 20px;\r\n    padding: 16px 20px;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border-left: 3px solid var(--hp-cyan);\r\n    border-radius: var(--mm-radius-md);\r\n    border-top: 1px solid var(--mm-border);\r\n    border-right: 1px solid var(--mm-border);\r\n    border-bottom: 1px solid var(--mm-border);\r\n}\r\n\r\nbody.dark-mode .leadership-rsvp-zone {\r\n    background: rgba(255, 255, 255, 0.02);\r\n}\r\n\r\n.leadership-rsvp-zone p {\r\n    font-size: 14px !important;\r\n    font-weight: 700;\r\n    color: var(--mm-heading) !important;\r\n    margin-bottom: 6px !important;\r\n}\r\n\r\n.leadership-email-anchor {\r\n    font-size: 16px !important;\r\n    color: var(--hp-cyan) !important;\r\n    font-weight: 800 !important;\r\n    text-decoration: none !important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: var(--mm-transition);\r\n}\r\n\r\n.leadership-email-anchor:hover {\r\n    opacity: 0.8;\r\n    transform: translateX(2px);\r\n}\r\n            <\/style>\r\n\r\n            <section id=\"features\" class=\"mm-section\" data-aos=\"fade-up\">\r\n              <div class=\"mm-section-inner\">\r\n                  <div class=\"premium-feature-grid\">\r\n\r\n<!-- Locate the Leadership Table Card inside <section id=\"features\"> -->\r\n<div class=\"tech-card\" style=\"padding: 0 !important;\" data-aos=\"fade-up\">\r\n  <div class=\"pfc-layout hackvega-layout\">\r\n      <div class=\"pfc-content leadership-table-content\" style=\"padding: 40px;\" data-aos=\"fade-right\">\r\n          <!-- CHANGED: Updated subtitle to avoid repetition -->\r\n          <span class=\"pfc-subtitle animated-gradient-text\">An exclusive, high-stakes dialogue<\/span>\r\n          <h3>Leadership table<\/h3>\r\n          \r\n          <p>A closed-door, invite-only conversation with senior placement directors from India's premier institutions, including the IITs and NITs. These are the academic leaders who shape India\u2019s college talent at its source.<\/p>\r\n          \r\n          <p>For CHROs and TA heads, this is a different order of access. An exclusive opportunity to engage with the who\u2019s who of Indian academia. And the kind of candid, institutional perspective that does not make it to open forums or conference panels.<\/p>\r\n          \r\n          <!-- Sleek Inline Contact Panel -->\r\n          <div class=\"leadership-rsvp-zone\">\r\n              <!-- CHANGED: Tightened copy to better fit a single line -->\r\n              <p>Attendance is strictly by invitation. Register your interest at:<\/p>\r\n              <a href=\"mailto:jinu.cheeran@hirepro.in\" class=\"leadership-email-anchor\">\r\n                  <i class=\"fa-solid fa-envelope\"><\/i> jinu.cheeran@hirepro.in\r\n              <\/a>\r\n          <\/div>\r\n          \r\n          <p style=\"margin-top: 24px !important; margin-bottom: 0 !important;\">\r\n              <!-- CHANGED: Updated 'roundtable' to 'leadership table' -->\r\n              <a href=\"#academic-leaders\" class=\"mm-inline-link\">\r\n                  Meet the placement directors joining the leadership table <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n              <\/a>\r\n          <\/p>\r\n      <\/div>\r\n      <div class=\"pfc-image-wrapper floating-element\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n          <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/sd.jpeg\" alt=\"Leadership Table\">\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n                      \r\n                    \r\n          \r\n                      <!-- HirePro Report Launch Card -->\r\n                      <div class=\"tech-card\" style=\"padding: 0 !important;\" data-aos=\"fade-up\">\r\n                          <div class=\"pfc-layout\">\r\n                              <div class=\"pfc-image-wrapper floating-element report-image-wrapper\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n                                  <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/Hirepro-report.webp\" alt=\"HirePro Report Launch Data\">\r\n                              <\/div>\r\n                              <div class=\"pfc-content\" style=\"padding: 40px;\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n                                  <span class=\"pfc-subtitle animated-gradient-text\">India's most comprehensive read on college hiring<\/span>\r\n                                  <h3>HirePro Report Launch<\/h3>\r\n                                  <p><strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong> marks the release of HirePro's flagship report on the state of college hiring in India, combining sector-wide data, employer intent signals, and insights from the top 1,000 HackVega 1.0 hackathon students. Be among the first to access findings that will shape how companies recruit and how institutions prepare talent for 2027.<\/p>\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n\r\n                        <!-- HackVega 2.0 Card -->\r\n                        <div class=\"tech-card\" style=\"padding: 0 !important;\" data-aos=\"fade-up\">\r\n                          <div class=\"pfc-layout hackvega-layout\">\r\n                              <div class=\"pfc-content\" style=\"padding: 40px;\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n                                  <span class=\"pfc-subtitle animated-gradient-text\">A nationwide hackathon to find the brightest star of tech brilliance<\/span>\r\n                                  <h3>HackVega 2.0 Hackathon Finale<\/h3>\r\n                                  <p>HackVega 2.0 is not a coding competition. It is a branch-neutral, AI-integrated problem-solving challenge run across India's top engineering colleges, identifying judgment, adaptability, and real-world capability along the way. Open to the 2026, 2027, 2028, and 2029 batches, the <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong> finale crowns the winners, and activates access to India's most rigorously pre-assessed graduate talent pool.<\/p>\r\n                                  <!-- <p style=\"margin-top: 16px !important;\"><a href=\"https:\/\/mycareernet.co\/mycareernet\/contests\/HirePro-HackVega-2-0--288\" target=\"_blank\" class=\"mm-inline-link\">See HackVega 2.0 in action <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/p> -->\r\n                              <\/div>\r\n                              <div class=\"pfc-image-wrapper floating-element\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n                                  <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/05\/HackVega-2.webp\" alt=\"HackVega Hackathon Stage\">\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n          \r\n                      \r\n          \r\n                  <\/div>\r\n              <\/div>\r\n          <\/section>\r\n\r\n          \r\n\r\n\r\n          <section id=\"speakers\" class=\"mm-section\" data-aos=\"fade-up\">\r\n            <div class=\"mm-section-inner\">\r\n                \r\n                <!-- Main Section Glass Container Box -->\r\n                <div class=\"tech-card speakers-main-card\">\r\n                    \r\n                    <h2 class=\"center-title\" >Featured <span class=\"animated-gradient-text\">Speakers<\/span><\/h2>\r\n                    <h3 class=\"center-title\" style=\"margin-bottom: 8px !important; font-weight: 700; color: var(--mm-heading) !important; margin-top: 10px;\">Voices that shape <strong style=\"white-space: nowrap;\">Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong><\/h3>\r\n                    \r\n                    <div class=\"speakers-grid\" id=\"speakersGrid\">\r\n                        \r\n                        <!-- Speaker 1: Ajay Krishnankutty -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Ajay-Krishnankutty.webp\" alt=\"Ajay Krishnankutty\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Ajay Krishnankutty<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Head of Talent Acquisition - APJ Region<\/p>\r\n                            <p class=\"speaker-company\">Siemens Healthineers<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 2: Alvin David -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Alvin-David.webp\" alt=\"Alvin David\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Alvin David<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Global Head \u2013 Talent Strategy<\/p>\r\n                            <p class=\"speaker-company\">Newgen Software<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 3: Ashwini Ramdas -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Ashwini-Ramdas.webp\" alt=\"Ashwini Ramdas\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Ashwini Ramdas<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Senior Manager Talent Acquisition<\/p>\r\n                            <p class=\"speaker-company\">Microsoft<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/John-Jose.webp\" alt=\"Dr John Jose\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Dr. John Jose<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Head, Centre for Career Development & Associate Professor<\/p>\r\n                                <p class=\"speaker-company\">IIT Guwahati<\/p>\r\n                        <\/div>\r\n\r\n                    \r\n                                \r\n                        \r\n                        <!-- Speaker 4: Mohit Sharma -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mohit-Sharma.webp\" alt=\"Mohit Sharma\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Mohit Sharma<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Global Head \u2013 Talent Acquisition<\/p>\r\n                            <p class=\"speaker-company\">KPMG Delivery Network (KDN)<\/p>\r\n                        <\/div>\r\n        \r\n                        <!-- Speaker 5: Mukta Arora -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mukta-Arora.webp\" alt=\"Mukta Arora\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Mukta Arora<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Managing Director<\/p>\r\n                            <p class=\"speaker-company\">Astellas Pharma GCC<\/p>\r\n                        <\/div>\r\n\r\n                         <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Pankaj-Rai.webp\" alt=\"Pankaj Rai\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Pankaj Rai<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Group Chief Data and Analytics Officer<\/p>\r\n                            <p class=\"speaker-company\">Aditya Birla Management Corporation Pvt Ltd<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 6: Pawan Kumar Chandana -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Pawan-Kumar.webp\" alt=\"Pawan Kumar Chandana\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Pawan Kumar Chandana<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Co-Founder & CEO<\/p>\r\n                            <p class=\"speaker-company\">Skyroot Aerospace<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Rajeev-Kapoor.webp\" alt=\"Rajeev Kapoor\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Rajeev Kapoor<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Country Head<\/p>\r\n                            <p class=\"speaker-company\">Curriculum Associates<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 7: Prof. Rajesh Gopakumar -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"350\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Prof.-Rajesh-Gopakumar.webp\" alt=\"Prof. Rajesh Gopakumar\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Prof. Rajesh Gopakumar<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Distinguished Professor and Director<\/p>\r\n                            <p class=\"speaker-company\">ICTS-TIFR<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 8: Dr. Rohini Srivathsa -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Dr-Rohini-Srivathsa.webp\" alt=\"Dr. Rohini Srivathsa\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Dr. Rohini Srivathsa<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Board Member, Fellow INAE and INSA<\/p>\r\n                            <p class=\"speaker-company\">Advisor to Startups on Business & AI Strategy<\/p>\r\n                        <\/div>\r\n        \r\n                        <!-- Speaker 9: Rukhsar Julekha -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"450\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Rukhsar-Julekha.webp\" alt=\"Rukhsar Julekha\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Rukhsar Julekha<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Regional Head of Talent Acquisition- IMEA, Turkey<\/p>\r\n                            <p class=\"speaker-company\">ABB<\/p>\r\n                        <\/div>\r\n        \r\n                        <!-- Speaker 10: Sanjukta Sarkar -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"450\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Sanjukta-Sarkar.webp\" alt=\"Sanjukta Sarkar\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Sanjukta Sarkar<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Executive Director - HR, Asia Pacific<\/p>\r\n                            <p class=\"speaker-company\">Collins Aerospace<\/p>\r\n                        <\/div>\r\n        \r\n                        <!-- Speaker 11: Seema Padman -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Seema-Padman.webp\" alt=\"Seema Padman\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Seema Padman<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Vice President - People, Global Hubs<\/p>\r\n                            <p class=\"speaker-company\">Flutter Entertainment<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 12: Sid Mavinkurve -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Siddharth-Mavinkurve.webp\" alt=\"Sid Mavinkurve\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Sid Mavinkurve<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Regional Leader - People & Culture<\/p>\r\n                            <p class=\"speaker-company\">Zscaler<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 13: Sudeepta Veerapaneni -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"550\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Sudeepta-Veerapaneni.webp\" alt=\"Sudeepta Veerapaneni\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Sudeepta Veerapaneni<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Chief Innovation Officer<\/p>\r\n                            <p class=\"speaker-company\">Deloitte South Asia<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Speaker 13: Sudeepta Veerapaneni -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"550\">\r\n                            <div class=\"speaker-img-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Tripti-Singh.webp\" alt=\"Prof. Tripti Singh\">                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Prof. Tripti Singh<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Professor In Charge - Training & Placement<\/p>\r\n                                <p class=\"speaker-company\">MNNIT Allahabad<\/p>\r\n                        <\/div>\r\n\r\n                 \r\n        \r\n        \r\n                        <!-- Speaker 14: Venkat Kamath -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Venkat-Kamath.webp\" alt=\"Venkat Kamath\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Venkat Kamath<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Managing Director and Head<\/p>\r\n                            <p class=\"speaker-company\">Future Standard India Office<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 15: Vineet Dwivedi -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Vineet-Dwivedi.webp\" alt=\"Vineet Dwivedi\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Vineet Dwivedi<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">SVP - Gilead Capabilities Center<\/p>\r\n                            <p class=\"speaker-company\">Gilead Sciences<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 16: Vishal Bansal -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"650\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Vishal-Bansal.webp\" alt=\"Vishal Bansal\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Vishal Bansal<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Senior Director and Head of Talent Acquisition<\/p>\r\n                            <p class=\"speaker-company\">ThoughtFocus<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 17: Anshuman Das -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"750\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Anshuman-Das-1.webp\" alt=\"Anshuman Das\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Anshuman Das<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">CEO and Co-Founder<\/p>\r\n                            <p class=\"speaker-company\">Careernet Group<\/p>\r\n                        <\/div>\r\n        \r\n                        <!-- Speaker 18: Mridul Kumar -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mridul-Kumar.webp\" alt=\"Mridul Kumar\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Mridul Kumar<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Senior Vice President, Products<\/p>\r\n                            <p class=\"speaker-company\">HirePro<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 19: Neelabh Shukla -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Neelabh-Shukla.webp\" alt=\"Neelabh Shukla\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Neelabh Shukla<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Chief Business Officer<\/p>\r\n                            <p class=\"speaker-company\">Careernet<\/p>\r\n                        <\/div>\r\n                        \r\n                        <!-- Speaker 20: S Pasupathi -->\r\n                        <div class=\"speaker-card\" data-aos=\"fade-up\" data-aos-delay=\"850\">\r\n                            <div class=\"speaker-img-wrap\">\r\n                                <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/S_Pasupathi.webp\" alt=\"Pasupathi S\">\r\n                            <\/div>\r\n                            <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">S Pasupathi<\/span><\/h4>\r\n                            <p class=\"speaker-desig\">Chief Operating Officer<\/p>\r\n                            <p class=\"speaker-company\">HirePro<\/p>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                    \r\n                  \r\n                <\/div> <!-- End of Glass tech-card -->\r\n                \r\n                <div style=\"text-align: center; margin-top: 35px;\">\r\n                    <span class=\"animated-gradient-text\" style=\"font-size: 18px; font-weight: 800; display: inline-block;\">More distinguished speakers joining the conversation soon<\/span>\r\n                <\/div>\r\n        \r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <style>\r\n        \/* --- TYPOGRAPHY SPECIFICITY OVERRIDES --- *\/\r\n        .imthi-wrapper .speaker-card .speaker-name {\r\n            font-size: 20px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n        .imthi-wrapper .speaker-card p.speaker-desig {\r\n            font-size: 13px !important;\r\n            color: var(--hp-cyan) !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 0px !important;\r\n            line-height: 1.4 !important;\r\n        }\r\n        .imthi-wrapper .speaker-card p.speaker-company {\r\n            font-size: 13px !important;\r\n            color: var(--mm-text-muted) !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 0px !important;\r\n            line-height: 1.4 !important;\r\n            margin-top: 5px;\r\n        }\r\n        \r\n        \/* --- STRUCTURE, PADDING & HOVER RESETS --- *\/\r\n        .tech-card.speakers-main-card {\r\n            padding: 48px 32px !important; \/* Fixed base desktop tracking dimensions *\/\r\n        }\r\n        .speakers-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 40px 24px;\r\n            margin-top: 32px;\r\n        }\r\n        .speaker-card {\r\n            background: transparent !important;\r\n            border: none !important;\r\n            box-shadow: none !important;\r\n            backdrop-filter: none !important;\r\n            -webkit-backdrop-filter: none !important;\r\n            width: calc(25% - 18px); \/* 4 per row default *\/\r\n            min-width: 240px;\r\n            padding: 10px !important;\r\n            text-align: center;\r\n            animation: none !important;\r\n            cursor: default !important;\r\n            transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n        }\r\n        .speaker-card * {\r\n            cursor: default !important;\r\n        }\r\n        .speaker-img-wrap {\r\n            width: 250px;\r\n            height: 250px;\r\n            margin: 0 auto 20px;\r\n            overflow: hidden;\r\n        }\r\n        .speaker-img-wrap img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        #speakers .mm-section-inner, #speakers .tech-card {\r\n            max-width: 1500px !important;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* Hide toggle wrap on Desktop layouts by default *\/\r\n        .speakers-toggle-wrapper {\r\n            display: none;\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        \/* CSS hook class driven dynamically via window width checks *\/\r\n        .speaker-card.is-hidden {\r\n            display: none !important;\r\n        }\r\n        \r\n        \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n        @media (max-width: 992px) {\r\n            .speaker-card {\r\n                width: calc(50% - 12px); \/* 2 per row on tablets *\/\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            \/* Expose toggle container block strictly on smaller breakpoint device targets *\/\r\n            .speakers-toggle-wrapper {\r\n                display: block;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 640px) {\r\n            \/* Precise requested layout padding adjustments *\/\r\n            .tech-card.speakers-main-card {\r\n                padding: 32px 5px !important; \/* Drops horizontally down to zero bounds *\/\r\n            }\r\n            .speakers-grid {\r\n                gap: 24px 10px; \/* Condensed cross row gap architecture *\/\r\n            }\r\n            .speaker-card {\r\n                width: calc(50% - 5px); \/* Precise dual tracking flex calculations *\/\r\n                min-width: 0;\r\n                padding: 4px !important;\r\n            }\r\n            .speaker-img-wrap {\r\n                width: 100%;\r\n                max-width: 135px; \/* Highly optimized physical image scaling boundary *\/\r\n                height: 135px;\r\n                margin-bottom: 10px;\r\n            }\r\n            \/* Scaled down mobile typographic footprint *\/\r\n            .imthi-wrapper .speaker-card .speaker-name {\r\n                font-size: 14px !important;\r\n            }\r\n            .imthi-wrapper .speaker-card p.speaker-desig,\r\n            .imthi-wrapper .speaker-card p.speaker-company {\r\n                font-size: 10px !important;\r\n                margin-top: 3px !important;\r\n            }\r\n        }\r\n        <\/style>\r\n        \r\n        <section id=\"academic-leaders\" class=\"mm-section full-width-slider-section\" data-aos=\"fade-up\">\r\n    \r\n          <div class=\"tech-card speakers-main-card-full\">\r\n    \r\n    <!-- CHANGED: Simplified headline to 'the leadership table' -->\r\n    <h2 class=\"center-title\" >Academic leaders joining <span class=\"animated-gradient-text\">the leadership table<\/span><\/h2>\r\n\r\n                        <h4 class=\"center-title\" style=\"margin-bottom: 8px !important; font-weight: 700; color: var(--mm-heading) !important; margin-top: 0px;\">For a closed-door exchange with industry <\/h>\r\n\r\n\r\n    <div class=\"leaders-carousel-container\">\r\n                    <div class=\"leaders-carousel-window\" id=\"leadersCarouselWindow\">\r\n                        <div class=\"leaders-carousel-track\" id=\"leadersCarouselTrack\">\r\n                            \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/John-Jose.webp\" alt=\"Dr John Jose\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Dr. John Jose<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Head, Centre for Career Development & Associate Professor<\/p>\r\n                                <p class=\"speaker-company\">IIT Guwahati<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Srikanta-Nayank.webp\" alt=\"Mr Kumar Srikanta Nayak\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Mr. Kumar Srikanta Nayak<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Career Development Officer<\/p>\r\n                                <p class=\"speaker-company\">IIT Kanpur<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Dr.-Mayur-Vaidya.webp\" alt=\"Dr. Mayur Vaidya\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Dr. Mayur Vaidya<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Faculty In-charge<\/p>\r\n                                <p class=\"speaker-company\">IIT Hyderabad<\/p>\r\n                            <\/div>\r\n        \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Prof.-Saumya-Singh.webp\" alt=\"Prof. Saumya Singh\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Prof. Saumya Singh<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Chairperson - CDC<\/p>\r\n                                <p class=\"speaker-company\">IIT (ISM) Dhanbad<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Sunita-Mishra.webp\" alt=\"Ass Prof Sunita Mishra\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Asst. Prof. Sunita Mishra<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Vice Chairperson, Career Development Center<\/p>\r\n                                <p class=\"speaker-company\">IIT Kharagpur<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Suresh-Neelakandan.webp\" alt=\"Prof Suresh Neelakantan\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Prof. Suresh Neelakantan<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Professor-In-charge - OCS<\/p>\r\n                                <p class=\"speaker-company\">IIT Delhi<\/p>\r\n                            <\/div>\r\n        \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Surya-Deo-Yadav-1.webp\" alt=\"Ass Prof Surya Deo Yadav\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Asst. Prof. Surya Deo Yadav<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Dy Coordinator - Training & Placement Cell<\/p>\r\n                                <p class=\"speaker-company\">IIT BHU<\/p>\r\n                            <\/div>\r\n        \r\n                            \r\n                            \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Vijayakumar.webp\" alt=\"Prof Vijayakumar Rajagopalan\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Prof. Vijayakumar Rajagopalan<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Co-Advisor for Placement & Internship<\/p>\r\n                                <p class=\"speaker-company\">IIT Madras<\/p>\r\n                            <\/div>\r\n        \r\n                            <div class=\"speaker-card custom-slider-card\">\r\n                                <div class=\"speaker-img-wrap\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Vivek-Pancholi.webp\" alt=\"Prof Vivek Pancholi\"><\/div>\r\n                                <h4 class=\"speaker-name\"><span class=\"animated-gradient-text\">Prof. Vivek Pancholi<\/span><\/h4>\r\n                                <p class=\"speaker-desig\">Professor-in-charge, Placement and Internship Cell<\/p>\r\n                                <p class=\"speaker-company\">IIT Roorkee<\/p>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n        \r\n                    <button type=\"button\" class=\"lc-arrow lc-prev\" id=\"lcPrevBtn\" aria-label=\"Previous Slide\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n                    <button type=\"button\" class=\"lc-arrow lc-next\" id=\"lcNextBtn\" aria-label=\"Next Slide\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/section>\r\n        \r\n        <style>\r\n        \/* --- FULL WIDTH CAROUSEL ARCHITECTURE --- *\/\r\n        .full-width-slider-section {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            padding: 60px 0 !important;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .speakers-main-card-full {\r\n            background: var(--mm-card-bg) !important;\r\n            padding: 48px 0px !important;\r\n            position: relative;\r\n            overflow: hidden;\r\n            backdrop-filter: var(--mm-backdrop);\r\n            -webkit-backdrop-filter: var(--mm-backdrop);\r\n            border-top: 1px solid var(--mm-border);\r\n            border-bottom: 1px solid var(--mm-border);\r\n        }\r\n        \r\n        .leaders-carousel-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 32px auto 0;\r\n            padding: 0 48px;\r\n        }\r\n        \r\n        .leaders-carousel-window {\r\n            overflow: hidden;\r\n            width: 100%;\r\n            position: relative;\r\n            padding: 10px 0;\r\n            cursor: grab;\r\n            user-select: none;\r\n        }\r\n        \r\n        .leaders-carousel-window.is-mode-dragging {\r\n            cursor: grabbing;\r\n        }\r\n        \r\n        .leaders-carousel-track {\r\n            display: flex;\r\n            gap: 24px;\r\n            width: max-content;\r\n            will-change: transform;\r\n            justify-content: flex-start !important;\r\n            flex-wrap: nowrap !important;\r\n        }\r\n        \r\n        .leaders-carousel-track .custom-slider-card {\r\n            flex-shrink: 0 !important;\r\n            margin: 0 !important;\r\n            animation: none !important;\r\n            width: calc((1104px - (3 * 24px)) \/ 4) !important; \r\n            user-select: none;\r\n            pointer-events: auto;\r\n        }\r\n        \r\n        .leaders-carousel-window.is-mode-dragging .custom-slider-card {\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .leaders-carousel-track .custom-slider-card img {\r\n            -webkit-user-drag: none;\r\n            user-select: none;\r\n        }\r\n        \r\n        \/* CAROUSEL HOVER ARROWS SYSTEM *\/\r\n        .lc-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 50%;\r\n            background: #ffffff !important;\r\n            border: 1px solid rgba(0, 0, 0, 0.08) !important;\r\n            color: #070B14 !important;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer !important;\r\n            z-index: 100;\r\n            box-shadow: 0 4px 14px rgba(0,0,0,0.15);\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        }\r\n        \r\n        body.dark-mode .lc-arrow {\r\n            background: #0D1425 !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        .leaders-carousel-container:hover .lc-arrow {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n        \r\n        .lc-prev { left: 0px; transform: translateY(-50%) translateX(-10px); }\r\n        .lc-next { right: 0px; transform: translateY(-50%) translateX(10px); }\r\n        \r\n        .leaders-carousel-container:hover .lc-prev { transform: translateY(-50%) translateX(0); }\r\n        .leaders-carousel-container:hover .lc-next { transform: translateY(-50%) translateX(0); }\r\n        \r\n        \r\n        \/* RESPONSIVE LAYOUT CALCULATIONS *\/\r\n        @media (max-width: 1250px) {\r\n            .leaders-carousel-container {\r\n                padding: 0 24px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            .leaders-carousel-track .custom-slider-card {\r\n                width: calc((100vw - 48px - 24px) \/ 2) !important;\r\n            }\r\n        }\r\n        \r\n        \/* --- UPDATE MOBILE RESPONSIVE ARROW STYLES --- *\/\r\n@media (max-width: 768px) {\r\n    .leaders-carousel-container {\r\n        padding: 0 15px;                      \/* CHANGED: Reduced container padding to maximize screen real estate *\/\r\n    }\r\n    \r\n    .lc-arrow { \r\n        display: flex !important; \r\n        opacity: 1 !important;     \r\n        pointer-events: auto !important;\r\n        background: transparent !important;   \/* CHANGED: Kept transparent on mobile *\/\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        width: 32px;               \r\n        height: 32px;\r\n        font-size: 16px;                      \/* Boosted icon scale slightly for easier finger target selection *\/\r\n    }\r\n\r\n    \/* CHANGED: Pulled the icons tight against the edges (-5px puts them perfectly in the padding zone) *\/\r\n    .lc-prev { left: 5px; transform: translateY(-50%) !important; }\r\n    .lc-next { right: 5px; transform: translateY(-50%) !important; }\r\n}\r\n        \r\n        @media (max-width: 640px) {\r\n            .leaders-carousel-track { gap: 16px; }\r\n            .leaders-carousel-track .custom-slider-card {\r\n                width: calc((100vw - 40px - 16px) \/ 2) !important;\r\n                min-width: 0 !important;\r\n            }\r\n            .imthi-wrapper .speaker-card .speaker-name { font-size: 12px !important; }\r\n            .imthi-wrapper .speaker-card p.speaker-desig,\r\n            .imthi-wrapper .speaker-card p.speaker-company { font-size: 9px !important; }\r\n            .speaker-img-wrap { width: 100% !important; max-width: 110px !important; height: 110px !important; margin-bottom: 10px !important; }\r\n        }\r\n        <\/style>\r\n        \r\n        <script>\r\n        (() => {\r\n            const initSliderEngine = () => {\r\n                const track = document.getElementById('leadersCarouselTrack');\r\n                const win = document.getElementById('leadersCarouselWindow');\r\n                const prevBtn = document.getElementById('lcPrevBtn');\r\n                const nextBtn = document.getElementById('lcNextBtn');\r\n                \r\n                if (!track || !win || !prevBtn || !nextBtn) return;\r\n        \r\n                const originalCards = Array.from(track.children);\r\n                const totalOriginalItems = originalCards.length;\r\n                if (totalOriginalItems === 0) return;\r\n        \r\n                originalCards.forEach(card => track.appendChild(card.cloneNode(true)));\r\n                originalCards.slice().reverse().forEach(card => track.insertBefore(card.cloneNode(true), track.firstChild));\r\n        \r\n                let currentIndex = totalOriginalItems;\r\n                let isTransitioning = false;\r\n                let autoScrollTimer = null;\r\n        \r\n                let isDragging = false;\r\n                let startX = 0;\r\n                let currentTranslate = 0;\r\n                let prevTranslate = 0;\r\n        \r\n                const getStepMetrics = () => {\r\n                    const cardWidth = track.children[0].getBoundingClientRect().width;\r\n                    const gap = window.innerWidth <= 640 ? 16 : 24;\r\n                    return cardWidth + gap;\r\n                };\r\n        \r\n                const updateSliderPosition = (animated = true) => {\r\n                    const stepMetrics = getStepMetrics();\r\n                    currentTranslate = -currentIndex * stepMetrics;\r\n                    prevTranslate = currentTranslate;\r\n                    \r\n                    track.style.transition = animated ? 'transform 0.45s cubic-bezier(0.25, 1, 0.5, 1)' : 'none';\r\n                    track.style.transform = `translateX(${currentTranslate}px)`;\r\n                };\r\n        \r\n                const checkJumpBoundaries = () => {\r\n                    track.style.transition = 'none';\r\n                    if (currentIndex >= totalOriginalItems * 2) {\r\n                        currentIndex = totalOriginalItems;\r\n                    } else if (currentIndex < totalOriginalItems) {\r\n                        currentIndex = totalOriginalItems * 2 - 1;\r\n                    }\r\n                    updateSliderPosition(false);\r\n                    isTransitioning = false;\r\n                };\r\n        \r\n                track.addEventListener('transitionend', () => {\r\n                    if (isTransitioning) checkJumpBoundaries();\r\n                });\r\n        \r\n                const slideNext = () => {\r\n                    if (isTransitioning) return;\r\n                    isTransitioning = true;\r\n                    currentIndex++;\r\n                    updateSliderPosition(true);\r\n                };\r\n        \r\n                const slidePrev = () => {\r\n                    if (isTransitioning) return;\r\n                    isTransitioning = true;\r\n                    currentIndex--;\r\n                    updateSliderPosition(true);\r\n                };\r\n        \r\n                const getPositionX = (event) => event.type.includes('mouse') ? event.pageX : event.touches[0].clientX;\r\n        \r\n                const dragStart = (event) => {\r\n                    stopAutoplay();\r\n                    if (isTransitioning) return;\r\n                    isDragging = true;\r\n                    startX = getPositionX(event);\r\n                    win.classList.add('is-mode-dragging');\r\n                    track.style.transition = 'none';\r\n                };\r\n        \r\n                const dragMove = (event) => {\r\n                    if (!isDragging) return;\r\n                    const currentX = getPositionX(event);\r\n                    const diff = currentX - startX;\r\n                    const currentTranslatePos = prevTranslate + diff;\r\n                    track.style.transform = `translateX(${currentTranslatePos}px)`;\r\n                    currentTranslate = currentTranslatePos;\r\n                };\r\n        \r\n                const dragEnd = () => {\r\n                    if (!isDragging) return;\r\n                    isDragging = false;\r\n                    win.classList.remove('is-mode-dragging');\r\n        \r\n                    const movedBy = currentTranslate - prevTranslate;\r\n                    \r\n                    if (movedBy < -50) {\r\n                        isTransitioning = true;\r\n                        currentIndex++;\r\n                    } else if (movedBy > 50) {\r\n                        isTransitioning = true;\r\n                        currentIndex--;\r\n                    }\r\n        \r\n                    updateSliderPosition(true);\r\n                    startAutoplay();\r\n                };\r\n        \r\n                win.addEventListener('mousedown', dragStart);\r\n                win.addEventListener('mousemove', dragMove);\r\n                window.addEventListener('mouseup', dragEnd);\r\n                \r\n                win.addEventListener('touchstart', dragStart, { passive: true });\r\n                win.addEventListener('touchmove', dragMove, { passive: true });\r\n                win.addEventListener('touchend', dragEnd);\r\n        \r\n                nextBtn.addEventListener('click', () => { slideNext(); resetAutoplay(); });\r\n                prevBtn.addEventListener('click', () => { slidePrev(); resetAutoplay(); });\r\n        \r\n                const startAutoplay = () => {\r\n                    if (!autoScrollTimer && !isDragging) autoScrollTimer = setInterval(slideNext, 2200);\r\n                };\r\n                const stopAutoplay = () => {\r\n                    if (autoScrollTimer) { clearInterval(autoScrollTimer); autoScrollTimer = null; }\r\n                };\r\n                const resetAutoplay = () => { stopAutoplay(); startAutoplay(); };\r\n        \r\n                win.addEventListener('mouseenter', stopAutoplay);\r\n                win.addEventListener('mouseleave', startAutoplay);\r\n                window.addEventListener('resize', () => updateSliderPosition(false));\r\n        \r\n                setTimeout(() => {\r\n                    updateSliderPosition(false);\r\n                    startAutoplay();\r\n                }, 250);\r\n            };\r\n        \r\n            if (document.readyState === \"complete\") initSliderEngine();\r\n            else window.addEventListener(\"load\", initSliderEngine);\r\n        })();\r\n        <\/script>\r\n     \r\n            <section id=\"agenda\" class=\"mm-section\" data-aos=\"fade-up\">\r\n              <div class=\"mm-section-inner\">\r\n                  <h2 class=\"center-title\"> <span class=\"animated-gradient-text\">Agenda<\/span><\/h2>\r\n                  <p style=\"text-align: center; margin-bottom: 40px; font-weight: 600;\">July 14, 2026 | Radisson Blu, Bengaluru Outer Ring Road<\/p>\r\n                  \r\n                  <div class=\"modern-agenda-container\">\r\n                      \r\n                      <div class=\"agenda-block-grid\">\r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\">\r\n                              <span class=\"v2-duration-badge\">45 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-regular fa-clock\"><\/i> 09:00 AM - 09:45 AM<\/div>\r\n                              <h3 class=\"v2-card-title\">Registration and networking<\/h3>\r\n                              <p class=\"v2-card-desc\">Arrival, welcome kit collection, and conversations over morning refreshments<\/p>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                              <span class=\"v2-duration-badge\">15 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-regular fa-clock\"><\/i> 09:45 AM - 10:00 AM<\/div>\r\n                              <h3 class=\"v2-card-title\">Welcome address<\/h3>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speaker-profile-wrap\">\r\n                                      <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Anshuman-Das-1.webp', 'Anshuman Das', 'CEO and Co-Founder', 'Careernet Group')\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Anshuman-Das-1.webp\" alt=\"Anshuman Das\">\r\n                                      <\/div>\r\n                                      <div class=\"v2-profile-details\">\r\n                                          <strong>Anshuman Das<\/strong>\r\n                                          <p>CEO and Co-Founder, Careernet Group<\/p>\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                              <span class=\"v2-duration-badge\">45 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-fire\"><\/i> 10:05 AM - 10:50 AM<\/div>\r\n                              <h3 class=\"v2-card-title\">Fireside chat<\/h3>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speakers-panel-grid\">\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Prof.-Rajesh-Gopakumar.webp', 'Prof. Rajesh Gopakumar', 'Distinguished Professor and Director', 'ICTS-TIFR')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Prof.-Rajesh-Gopakumar.webp\" alt=\"Prof. Rajesh Gopakumar\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Prof. Rajesh Gopakumar<\/strong>\r\n                                              <p>Distinguished Professor and Director\r\n                                                ICTS-TIFR\r\n                                                <\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Dr-Rohini-Srivathsa.webp', 'Dr. Rohini Srivathsa', 'Board Member, Fellow INAE and INSA', 'Advisor to Startups on Business & AI Strategy')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Dr-Rohini-Srivathsa.webp\" alt=\"Dr. Rohini Srivathsa\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Dr. Rohini Srivathsa<\/strong>\r\n                                              <p>Board Member, Fellow INAE and INSA\r\n                                                Advisor to Startups on Business & AI Strategy\r\n                                                <\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                              <span class=\"v2-duration-badge\">45 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-users\"><\/i> 10:55 AM - 11:40 AM<\/div>\r\n                              <h3 class=\"v2-card-title\">Panel discussion<\/h3>\r\n                              <p class=\"v2-panel-topic\">New roles, new frontiers: Inside India's specialization revolution<\/p>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speakers-panel-grid\">\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mukta-Arora.webp', 'Mukta Arora', 'Managing Director', 'Astellas Pharma GCC')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mukta-Arora.webp\" alt=\"Mukta Arora\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Mukta Arora<\/strong>\r\n                                              <p>Managing Director, Astellas Pharma GCC<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Rajeev-Kapoor.webp', 'Rajeev Kapoor', 'Country Head', 'Curriculum Associates')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Rajeev-Kapoor.webp\" alt=\"Rajeev Kapoor\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Rajeev Kapoor<\/strong>\r\n                                              <p>Country Head, Curriculum Associates<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                     \r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Sudeepta-Veerapaneni.webp', 'Sudeepta Veerapaneni', 'Chief Innovation Officer', 'Deloitte South Asia')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Sudeepta-Veerapaneni.webp\" alt=\"Sudeepta Veerapaneni\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Sudeepta Veerapaneni<\/strong>\r\n                                              <p>Chief Innovation Officer, Deloitte South Asia<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n\r\n                                      \r\n\r\n                                      \r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Venkat-Kamath.webp', 'Venkat Kamath', 'Managing Director and Head', 'Future Standard India Office')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Venkat-Kamath.webp\" alt=\"Venkat Kamath\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Venkat Kamath<\/strong>\r\n                                              <p>Managing Director and Head, Future Standard India<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Vineet-Dwivedi.webp', 'Vineet Dwivedi', 'SVP - Gilead Capabilities Center', 'Gilead Sciences')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Vineet-Dwivedi.webp\" alt=\"Vineet Dwivedi\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Vineet Dwivedi<\/strong>\r\n                                              <p>SVP - Gilead Capabilities Center, Gilead Sciences<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Pankaj-Rai.webp', 'Pankaj Rai', 'Group Chief Data and Analytics Officer', 'Aditya Birla Management Corporation Pvt Ltd')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Pankaj-Rai.webp\" alt=\"Pankaj Rai\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Pankaj Rai<span class=\"mod-flag\">Moderator<\/span><\/strong>\r\n                                              <p>Group Chief Data and Analytics Officer <br>Aditya Birla Management Corporation Pvt Ltd<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n          \r\n                      <div class=\"v2-inline-break-strip\" data-aos=\"fade-up\">\r\n                          <div class=\"v2-break-meta\"><i class=\"fa-solid fa-mug-hot\"><\/i> 11:45 AM - 12:05 PM<\/div>\r\n                          <div class=\"v2-break-name\">Tea break and networking<\/div>\r\n                          <div class=\"v2-break-duration\">20 mins<\/div>\r\n                      <\/div>\r\n          \r\n                      <div class=\"agenda-block-grid\">\r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\">\r\n                              <span class=\"v2-duration-badge\">45 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-users\"><\/i> 12:10 PM - 12:55 PM<\/div>\r\n                              <h3 class=\"v2-card-title\">Panel discussion<\/h3>\r\n                              <p class=\"v2-panel-topic\">Re-imagining talent and skills evaluation for an AI-enabled workforce<\/p>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speakers-panel-grid\">\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Ajay-Krishnankutty.webp', 'Ajay Krishnankutty', 'Head of Talent Acquisition - APJ Region', 'Siemens Healthineers')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Ajay-Krishnankutty.webp\" alt=\"Ajay Krishnankutty\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                                 <strong>Ajay Krishnankutty<\/strong>\r\n                                              <p>Head of Talent Acquisition - APJ Region, Siemens Healthineers<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Ashwini-Ramdas.webp', 'Ashwini Ramdas', 'Senior Manager Talent Acquisition', 'Microsoft')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Ashwini-Ramdas.webp\" alt=\"Ashwini Ramdas\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Ashwini Ramdas<\/strong>\r\n                                              <p>Senior Manager Talent Acquisition, Microsoft<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Rukhsar-Julekha.webp', 'Rukhsar Julekha', 'Regional Head of Talent Acquisition - IMEA, Turkey', 'ABB')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Rukhsar-Julekha.webp\" alt=\"Rukhsar Julekha\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Rukhsar Julekha<\/strong>\r\n                                              <p>Regional Head of Talent Acquisition- IMEA, Turkey, ABB<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Vishal-Bansal.webp', 'Vishal Bansal', 'Senior Director and Head of Talent Acquisition', 'ThoughtFocus')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Vishal-Bansal.webp\" alt=\"Vishal Bansal\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Vishal Bansal<\/strong>\r\n                                              <p>Senior Director and Head of Talent Acquisition, ThoughtFocus<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap moderator-highlight\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Alvin-David.webp', 'Alvin David', 'Global Head \u2013 Talent Strategy', 'Newgen Software', true)\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Alvin-David.webp\" alt=\"Alvin David\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Alvin David <span class=\"mod-flag\">Moderator<\/span><\/strong>\r\n                                              <p>Global Head, Talent Strategy, Newgen Software<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      \r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n\r\n                          <div class=\"v2-inline-break-strip\" data-aos=\"fade-up\">\r\n                            <div class=\"v2-break-meta\"><i class=\"fa-solid fa-utensils\"><\/i> 01:00 PM - 01:50 PM<\/div>\r\n                            <div class=\"v2-break-name\">Lunch and networking<\/div>\r\n                            <div class=\"v2-break-duration\">50 mins<\/div>\r\n                        <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                              <span class=\"v2-duration-badge\">20 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-chart-pie\"><\/i> 01:55 PM - 02:15 PM<\/div>\r\n                              <h3 class=\"v2-card-title\">HirePro presentation<\/h3>\r\n                              <p class=\"v2-panel-topic report-launch-text\"><i class=\"fa-solid fa-file-shield\"><\/i> Flagship college hiring report launch<\/p>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speaker-profile-wrap\">\r\n                                      <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mridul-Kumar.webp', 'Mridul Kumar', 'Senior Vice President, Products', 'HirePro')\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mridul-Kumar.webp\" alt=\"Mridul Kumar\">\r\n                                      <\/div>\r\n                                      <div class=\"v2-profile-details\">\r\n                                          <strong>Mridul Kumar<\/strong>\r\n                                          <p>Senior Vice President, Products, HirePro<\/p>\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n          \r\n                     \r\n          \r\n                      <div class=\"agenda-block-grid\">\r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\">\r\n                              <span class=\"v2-duration-badge\">20 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-bolt\"><\/i> 02:20 PM - 02:40 PM<\/div>\r\n                              <h3 class=\"v2-card-title\">Spotlight session<\/h3>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speaker-profile-wrap\">\r\n                                      <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Pawan-Kumar.webp', 'Pawan Kumar Chandana', 'Co-Founder & CEO', 'Skyroot Aerospace')\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Pawan-Kumar.webp\" alt=\"Pawan Kumar Chandana\">\r\n                                      <\/div>\r\n                                      <div class=\"v2-profile-details\">\r\n                                          <strong>Pawan Kumar Chandana<\/strong>\r\n                                          <p>Co-Founder & CEO, Skyroot Aerospace<\/p>\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                              <span class=\"v2-duration-badge\">45 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-users\"><\/i> 02:45 PM - 03:30 PM<\/div>\r\n                              <h3 class=\"v2-card-title\">Panel discussion<\/h3>\r\n                              <p class=\"v2-panel-topic\">Purpose-driven careers: When organizational purpose meets individual ambition<\/p>\r\n                              \r\n                              <div class=\"v2-bottom-speaker-shelf\">\r\n                                  <div class=\"v2-speakers-panel-grid\">\r\n                                      \r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Sanjukta-Sarkar.webp', 'Sanjukta Sarkar', 'Executive Director - HR, Asia Pacific', 'Collins Aerospace')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Sanjukta-Sarkar.webp\" alt=\"Sanjukta Sarkar\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Sanjukta Sarkar<\/strong>\r\n                                              <p>Executive Director - HR, Asia Pacific<br> Collins Aerospace<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Seema-Padman.webp', 'Seema Padman', 'Vice President - People, Global Hubs', 'Flutter Entertainment')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Seema-Padman.webp\" alt=\"Seema Padman\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Seema Padman<\/strong>\r\n                                              <p>Vice President - People, Global Hubs<br> Flutter Entertainment<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n\r\n                                      <div class=\"v2-speaker-profile-wrap\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Siddharth-Mavinkurve.webp', 'Sid Mavinkurve', 'Regional Leader - People & Culture', 'Zscaler')\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Siddharth-Mavinkurve.webp\" alt=\"Sid Mavinkurve\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Sid Mavinkurve<\/strong>\r\n                                              <p>Regional Leader - People & Culture, Zscaler<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                      <div class=\"v2-speaker-profile-wrap moderator-highlight\">\r\n                                          <div class=\"v2-avatar-box\" onclick=\"openCollegeLightbox('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mohit-Sharma.webp', 'Mohit Sharma', 'Global Head \u2013 Talent Acquisition', 'KPMG Delivery Network (KDN)', true)\">\r\n                                              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/Mohit-Sharma.webp\" alt=\"Mohit Sharma\">\r\n                                          <\/div>\r\n                                          <div class=\"v2-profile-details\">\r\n                                              <strong>Mohit Sharma <span class=\"mod-flag\">Moderator<\/span><\/strong>\r\n                                              <p>Global Head-Talent Acquisition, KPMG Delivery Network (KDN).<\/p>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card align-center-justify\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                              <span class=\"v2-duration-badge\">45 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-university\"><\/i> 03:35 PM - 04:20 PM<\/div>\r\n                              <h3 class=\"v2-card-title\">Panel discussion<\/h3>\r\n                              \r\n                             \r\n                          <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card align-center-justify\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                              <span class=\"v2-duration-badge\">20 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-trophy\"><\/i> 04:25 PM - 04:45 PM<\/div>\r\n                              <h3 class=\"v2-card-title text-center-align\">HackVega 2.0 hackathon felicitation<\/h3>\r\n                          <\/div>\r\n          \r\n                          <div class=\"tech-card agenda-v2-card align-center-justify\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                              <span class=\"v2-duration-badge\">15 Mins<\/span>\r\n                              <div class=\"v2-time-track\"><i class=\"fa-solid fa-flag-checkered\"><\/i> 04:50 PM - 05:05 PM<\/div>\r\n                              <h3 class=\"v2-card-title text-center-align\">Closing note<\/h3>\r\n                          <\/div>\r\n                      <\/div>\r\n          \r\n                      <div class=\"v2-inline-break-strip aos-init aos-animate\" data-aos=\"fade-up\">\r\n                          <div class=\"v2-break-meta\"><i class=\"fa-solid fa-cake-slice\"><\/i> 05:10 PM onwards<\/div>\r\n                          <div class=\"v2-break-name dynamic-gradient-text\">High tea and networking<\/div>\r\n                          <div class=\"v2-break-duration\">-<\/div>\r\n                      <\/div>\r\n          \r\n                  <\/div>\r\n              <\/div>\r\n          <\/section>\r\n          \r\n          <style>\r\n          .modern-agenda-container {\r\n              display: flex;\r\n              flex-direction: column;\r\n              gap: 20px;\r\n              max-width: 800px;\r\n              margin: 0 auto;\r\n          }\r\n          \r\n          .agenda-block-grid {\r\n              display: grid;\r\n              grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));\r\n              gap: 20px;\r\n              align-items: stretch;\r\n          }\r\n          \r\n          .agenda-v2-card {\r\n              position: relative !important;\r\n              display: flex;\r\n              flex-direction: column;\r\n              padding: 24px 28px !important;\r\n              min-height: 180px;\r\n              background: var(--mm-card-bg) !important;\r\n              justify-content: flex-start;\r\n          }\r\n          \r\n          .agenda-v2-card.align-center-justify {\r\n              justify-content: center;\r\n              align-items: center;\r\n              text-align: center;\r\n          }\r\n          \r\n          \/* Enforced Spacing Cleanup: Speakers locked cleanly to card bottoms *\/\r\n          .v2-bottom-speaker-shelf {\r\n              width: 100%;\r\n              \/* margin-top: auto !important; *\/\r\n              padding-top: 14px;\r\n              border-top: 1px solid var(--mm-border);\r\n          }\r\n          \r\n          .v2-card-title {\r\n              font-size: 17px !important;\r\n              font-weight: 800 !important;\r\n              line-height: 1.4 !important;\r\n              margin: 0 0 6px 0 !important;\r\n              color: var(--mm-heading) !important;\r\n              white-space: normal !important;\r\n          }\r\n          \r\n          .v2-card-desc {\r\n              font-size: 13px !important;\r\n              color: var(--mm-text-muted) !important;\r\n              line-height: 1.5 !important;\r\n              margin: 0 0 14px 0 !important;\r\n              white-space: normal !important;\r\n          }\r\n          \r\n          .v2-panel-topic {\r\n              font-size: 13px !important;\r\n              color: var(--hp-cyan) !important;\r\n              font-weight: 700;\r\n              line-height: 1.4;\r\n              margin: 4px 0 14px 0 !important;\r\n              white-space: normal !important;\r\n          }\r\n          \r\n          .report-launch-text {\r\n              background: var(--mm-gradient-bg) !important;\r\n              background-size: 300% 300% !important;\r\n              -webkit-background-clip: text !important;\r\n              -webkit-text-fill-color: transparent !important;\r\n              font-weight: 800;\r\n          }\r\n          \r\n          .v2-duration-badge {\r\n              position: absolute;\r\n              top: 20px;\r\n              right: 24px;\r\n              font-size: 10px;\r\n              font-weight: 800;\r\n              color: #fff;\r\n              background: linear-gradient(135deg, var(--hp-cyan), var(--hp-orange));\r\n              padding: 2px 10px;\r\n              border-radius: var(--mm-radius-pill);\r\n              text-transform: uppercase;\r\n              box-shadow: 0 2px 8px rgba(14, 165, 233, 0.25);\r\n              z-index: 5;\r\n          }\r\n          \r\n          .v2-time-track {\r\n              font-size: 13px;\r\n              font-weight: 800;\r\n              color: var(--hp-cyan);\r\n              margin-bottom: 14px;\r\n              display: flex;\r\n              align-items: center;\r\n              gap: 6px;\r\n          }\r\n          \r\n          .v2-speakers-panel-grid {\r\n              display: grid;\r\n              grid-template-columns: 1fr 1fr;\r\n              gap: 12px 16px;\r\n          }\r\n          \r\n          .v2-speaker-profile-wrap {\r\n              display: flex;\r\n              align-items: center;\r\n              gap: 10px;\r\n          }\r\n          \r\n          .v2-avatar-box {\r\n              width: 80px;\r\n              height: 80px;\r\n              border-radius: 50%;\r\n              overflow: hidden;\r\n              flex-shrink: 0;\r\n              \/* border: 2px solid var(--hp-cyan); *\/\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              \/* background: rgba(14, 165, 233, 0.05); *\/\r\n              cursor: pointer !important;\r\n              transition: transform 0.2s ease;\r\n          }\r\n          .v2-avatar-box:hover { transform: scale(1.08); }\r\n          .v2-avatar-box i { color: var(--hp-cyan); font-size: 13px; }\r\n          .v2-avatar-box img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }\r\n          \r\n          .v2-profile-details {\r\n              display: flex;\r\n              flex-direction: column;\r\n              min-width: 0;\r\n          }\r\n          .v2-profile-details strong {\r\n              font-size: 12px !important;\r\n              font-weight: 800;\r\n              color: var(--mm-heading);\r\n              white-space: normal !important;\r\n              line-height: 1.2;\r\n          }\r\n          .v2-profile-details p {\r\n              font-size: 11px !important;\r\n              color: var(--mm-text-muted) !important;\r\n              margin: 1px 0 0 0 !important;\r\n              white-space: normal !important;\r\n              font-weight: 600;\r\n              line-height: 1.3;\r\n          }\r\n          \r\n          .mod-flag {\r\n              font-size: 8px;\r\n              background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));\r\n              color: #000;\r\n              padding: 1px 4px;\r\n              border-radius: 2px;\r\n              margin-left: 4px;\r\n              font-weight: 800;\r\n          }\r\n          .moderator-highlight .v2-avatar-box { border-color: var(--hp-orange); }\r\n          \r\n          .v2-inline-break-strip {\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: space-between;\r\n              padding: 14px 28px;\r\n              background: var(--mm-card-bg-secondary);\r\n              border-left: 4px solid var(--hp-cyan);\r\n              border-radius: var(--mm-radius-md);\r\n              border-top: 1px solid var(--mm-border);\r\n              border-right: 1px solid var(--mm-border);\r\n              border-bottom: 1px solid var(--mm-border);\r\n          }\r\n          .v2-inline-break-strip.wrap-high-tea { \r\n              border-left: 4px solid transparent;\r\n              border-image: linear-gradient(to bottom, var(--hp-cyan), var(--hp-orange)) 1 100%;\r\n          }\r\n          \r\n          .dynamic-gradient-text {\r\n              background: linear-gradient(90deg, var(--hp-cyan), var(--hp-orange)) !important;\r\n              -webkit-background-clip: text !important;\r\n              -webkit-text-fill-color: transparent !important;\r\n          }\r\n          \r\n          .v2-break-meta { font-size: 12px; font-weight: 800; color: var(--hp-cyan); display: flex; align-items: center; gap: 8px; }\r\n          .v2-break-name { font-size: 14px; font-weight: 800; color: var(--mm-heading); }\r\n          .v2-break-duration { font-size: 11px; font-weight: 700; color: var(--mm-text-muted); text-transform: uppercase; }\r\n          \r\n          \/* --- LIGHTBOX STYLED POPUP OVERRIDES --- *\/\r\n          .popup-profile-card {\r\n              text-align: center;\r\n              padding: 10px 0 0 0;\r\n              font-family: 'Manrope', sans-serif;\r\n          }\r\n          .popup-name-track {\r\n              font-size: 22px !important;\r\n              font-weight: 800 !important;\r\n              color: #070B14 !important;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              gap: 8px;\r\n              margin-bottom: 6px;\r\n          }\r\n          .popup-desig-track {\r\n              font-size: 14px !important;\r\n              font-weight: 700;\r\n              color: var(--hp-cyan) !important;\r\n              margin-bottom: 4px;\r\n              text-transform: uppercase;\r\n              letter-spacing: 0.5px;\r\n          }\r\n          .popup-company-track {\r\n              font-size: 14px !important;\r\n              font-weight: 600;\r\n              color: #475569 !important;\r\n          }\r\n          .popup-mod-tag {\r\n              font-size: 10px;\r\n              background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));\r\n              color: #000 !important;\r\n              padding: 2px 6px;\r\n              border-radius: 4px;\r\n              font-weight: 800;\r\n              text-transform: uppercase;\r\n              box-shadow: 0 2px 6px rgba(249, 115, 22, 0.2);\r\n          }\r\n          \/* Hide Short Name and State columns in the desktop table *\/\r\n.college-data-table th:nth-child(2),\r\n.college-data-table td:nth-child(2),\r\n.college-data-table th:nth-child(4),\r\n.college-data-table td:nth-child(4) {\r\n    display: none !important;\r\n}\r\n          \r\n          @media (max-width: 800px) {\r\n              .agenda-block-grid { grid-template-columns: 1fr; }\r\n              .v2-speakers-panel-grid { grid-template-columns: 1fr; gap: 12px; }\r\n              .v2-inline-break-strip { flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px 20px; }\r\n              .v2-break-duration { align-self: flex-end; margin-top: -15px; }\r\n          }\r\n          <\/style>\r\n          \r\n          <script>\r\n         function openCollegeLightbox(imgSrc, name, designation, company, isModerator = false) {\r\n    const lightbox = document.getElementById('mmCollegeLightbox');\r\n    const lightboxImg = document.getElementById('mmLightboxImage');\r\n    const lightboxCap = document.getElementById('mmLightboxCaption');\r\n    \r\n    if(lightbox && lightboxImg && lightboxCap) {\r\n        lightboxImg.src = imgSrc;\r\n        \r\n        let template = `\r\n            <div class=\"popup-profile-card\">\r\n                <div class=\"popup-name-track\">\r\n                    ${name || ''} ${isModerator ? '<span class=\"popup-mod-tag\">Moderator<\/span>' : ''}\r\n                <\/div>\r\n                ${designation ? `<div class=\"popup-desig-track\">${designation}<\/div>` : ''}\r\n                ${company ? `<div class=\"popup-company-track\">${company}<\/div>` : ''}\r\n            <\/div>\r\n        `;\r\n        \r\n        lightboxCap.innerHTML = template;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \r\n    }\r\n}\r\n          \r\n          function closeCollegeLightbox() {\r\n              const lightbox = document.getElementById('mmCollegeLightbox');\r\n              if(lightbox) {\r\n                  const modal = document.getElementById('collegeTableModal');\r\n                  lightbox.classList.remove('active');\r\n                  if (!modal || !modal.classList.contains('active')) {\r\n                      document.body.style.overflow = ''; \r\n                  }\r\n              }\r\n          }\r\n          <\/script>\r\n\r\n\r\n            <!-- collge start -->\r\n\r\n            <style>\r\n                \/* --- MARQUEE ENGINE --- *\/\r\n                .college-marquee-container {\r\n                    overflow: hidden;\r\n                    padding: 10px 0;\r\n                    position: relative;\r\n                    width: 100%;\r\n                    display: flex;\r\n                    align-items: center;\r\n                }\r\n                .college-marquee-container::before,\r\n                .college-marquee-container::after {\r\n                    content: \"\"; height: 100%; position: absolute; width: 180px; z-index: 4; pointer-events: none;\r\n                }\r\n                .college-marquee-container::before { left: 0; top: 0; background: linear-gradient(to right, var(--mm-bg-main) 0%, rgba(232, 239, 245, 0) 100%); }\r\n                body.dark-mode .college-marquee-container::before { background: linear-gradient(to right, var(--hp-dark-navy) 0%, rgba(7, 11, 20, 0) 100%); }\r\n                .college-marquee-container::after { right: 0; top: 0; background: linear-gradient(to left, var(--mm-bg-main) 0%, rgba(232, 239, 245, 0) 100%); }\r\n                body.dark-mode .college-marquee-container::after { background: linear-gradient(to left, var(--hp-dark-navy) 0%, rgba(7, 11, 20, 0) 100%); }\r\n            \r\n                .college-marquee-track {\r\n                    display: flex; width: max-content; align-items: center; animation: marqueeScrollLeft 65s linear infinite;\r\n                }\r\n                .college-marquee-container:hover .college-marquee-track { animation-play-state: paused; }\r\n            \r\n                .college-marquee-item {\r\n                    flex-shrink: 0; display: flex; align-items: center; justify-content: center;\r\n                    width: calc((100vw \/ 8) - 16px); min-width: 160px; max-width: 200px; height: 110px; margin: 0 12px;\r\n                    padding: 16px 24px !important; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n                    border-radius: var(--mm-radius-lg) !important; transition: var(--mm-transition); cursor: pointer !important;\r\n                }\r\n                body.dark-mode .college-marquee-item {\r\n                    background: #ffffff !important;\r\n                    border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n                }\r\n                .college-marquee-item img {\r\n                    height: auto !important; width: 100% !important; max-height: 100px !important; object-fit: contain !important; border-radius: 0px !important; opacity: 0.95; transition: var(--mm-transition);\r\n                }\r\n                .college-marquee-item:hover {\r\n                    transform: translateY(-4px) scale(1.04); border-color: var(--hp-cyan) !important;\r\n                }\r\n                @keyframes marqueeScrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n            \r\n                #mainViewMoreBtn {\r\n                    box-shadow: var(--mm-shadow) !important;\r\n                }\r\n            \r\n                \/* --- INSTI TABLE MODAL ARCHITECTURE --- *\/\r\n                .mm-table-modal-overlay {\r\n                    position: fixed; top: 0; left: 0; width: 100%; height: 100%; \r\n                    background: rgba(7, 11, 20, 0.6);\r\n                    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); \r\n                    z-index: 100005 !important;\r\n                    display: flex; align-items: center; justify-content: center; \r\n                    opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); \r\n                    padding: 20px;\r\n                }\r\n                .mm-table-modal-overlay.active { opacity: 1; visibility: visible; }\r\n            \r\n                .mm-table-modal-frame {\r\n                    width: 100%; max-width: 1100px; max-height: 85vh; background: var(--mm-bg-main) !important;\r\n                    border: 1px solid var(--mm-border) !important; border-radius: var(--mm-radius-xl); box-shadow: var(--mm-shadow);\r\n                    display: flex; flex-direction: column; position: relative; transform: scale(0.92); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden;\r\n                }\r\n                body.dark-mode .mm-table-modal-frame { background: var(--hp-card-bg) !important; }\r\n                .mm-table-modal-overlay.active .mm-table-modal-frame { transform: scale(1); }\r\n            \r\n                .mm-table-modal-header { padding: 40px 40px 16px; background: transparent; position: relative; }\r\n                .mm-header-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; width: 100%; padding-right: 60px; }\r\n                .mm-table-modal-header h2 { font-size: 26px !important; margin: 0 !important; color: #0f172a !important; text-align: left !important; white-space: nowrap; }\r\n                body.dark-mode .mm-table-modal-header h2 { color: #f8fafc !important; }\r\n                \r\n                .mm-table-modal-close {\r\n                    position: absolute; top: 34px; right: 40px; width: 40px; height: 40px; \r\n                    background: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.08); \r\n                    color: #0f172a !important; border-radius: 50%; display: flex; \r\n                    align-items: center; justify-content: center; cursor: pointer !important; \r\n                    z-index: 10; transition: var(--mm-transition);\r\n                }\r\n                body.dark-mode .mm-table-modal-close {\r\n                    background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1);\r\n                    color: #f8fafc !important;\r\n                }\r\n                .mm-table-modal-close:hover { background: var(--hp-cyan) !important; color: #fff !important; border-color: var(--hp-cyan) !important; }\r\n            \r\n                .search-box-wrapper { margin: 0; position: relative; width: 100%; max-width: 360px; text-align: left; }\r\n                .table-search-input {\r\n                    width: 100%; padding: 12px 20px; \r\n                    background: rgba(0, 0, 0, 0.02) !important; \r\n                    border: 1px solid rgba(0, 0, 0, 0.08) !important;\r\n                    border-radius: var(--mm-radius-pill) !important; color: #0f172a !important; \r\n                    font-family: 'Manrope', sans-serif; font-size: 14px; transition: var(--mm-transition);\r\n                }\r\n                body.dark-mode .table-search-input {\r\n                    background: rgba(255, 255, 255, 0.03) !important;\r\n                    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n                    color: #f8fafc !important;\r\n                }\r\n                .table-search-input:focus { border-color: var(--hp-cyan) !important; box-shadow: 0 0 15px rgba(14, 165, 233, 0.15) !important; }\r\n            \r\n                .mm-table-modal-body { padding: 16px 40px 40px; overflow-y: auto; flex: 1; max-height: calc(54px * 7 + 55px) !important; }\r\n                .table-responsive-wrapper {\r\n                    width: 100%; border-radius: var(--mm-radius-lg); border: 1px solid var(--mm-border); box-shadow: var(--mm-shadow); background: var(--mm-card-bg); backdrop-filter: var(--mm-backdrop); overflow: hidden;\r\n                }\r\n                .college-data-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 15px; }\r\n                .college-data-table th, .college-data-table td { padding: 16px 24px; border-bottom: 1px solid var(--mm-border); color: #334155 !important; }\r\n                body.dark-mode .college-data-table th, body.dark-mode .college-data-table td { border-bottom: 1px solid rgba(255, 255, 255, 0.05); color: #e2e8f0 !important; }\r\n                \r\n                .college-data-table th { \r\n                    background: rgba(14, 165, 233, 0.08); color: #0f172a !important; font-weight: 800; \r\n                    text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; position: sticky; top: 0; z-index: 2; \r\n                }\r\n                body.dark-mode .college-data-table th { background: rgba(14, 165, 233, 0.15); color: #f8fafc !important; }\r\n                .college-data-table tr { transition: background 0.3s ease; height: 54px; }\r\n                .college-data-table tbody tr:hover { background: rgba(14, 165, 233, 0.02) !important; }\r\n                body.dark-mode .college-data-table tbody tr:hover { background: rgba(255, 255, 255, 0.01) !important; }\r\n                .college-data-table tbody tr:last-child td { border-bottom: none; }\r\n                \r\n                .mm-mobile-cards-view { display: none; flex-direction: column; gap: 16px; }\r\n                .no-results-msg { display: none; text-align: center; padding: 40px; font-weight: 700; color: #475569; }\r\n                body.dark-mode .no-results-msg { color: #94a3b8; }\r\n            \r\n                \/* --- PREMIUM LIGHTBOX POPUP SYSTEM --- *\/\r\n                .mm-logo-lightbox {\r\n                    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(7, 11, 20, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); \r\n                    z-index: 100005 !important; \r\n                    display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n                }\r\n                .mm-logo-lightbox.active { opacity: 1; visibility: visible; }\r\n                .mm-lightbox-content {\r\n                    max-width: 90%; max-height: 80%; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; padding: 54px 48px 48px !important; border-radius: var(--mm-radius-xl); box-shadow: var(--mm-shadow); position: relative; transform: scale(0.9); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n                }\r\n                body.dark-mode .mm-lightbox-content { background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; }\r\n                .mm-logo-lightbox.active .mm-lightbox-content { transform: scale(1); }\r\n                .mm-lightbox-content img { max-width: 380px !important; max-height: 220px !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: 0 auto !important; filter: none !important; }\r\n                \r\n                .mm-lightbox-close {\r\n                    position: absolute; top: 16px; right: 16px; width: 36px; height: 36px;\r\n                    background: rgba(0, 0, 0, 0.05) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; \r\n                    color: #0f172a !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--mm-transition); z-index: 20;\r\n                }\r\n                body.dark-mode .mm-lightbox-close {\r\n                    background: rgba(0, 0, 0, 0.05) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n                    color: #0f172a !important;\r\n                }\r\n                .mm-lightbox-close:hover { background: var(--hp-cyan) !important; color: #fff !important; border-color: var(--hp-cyan) !important; scale: 1.05; }\r\n                .mm-lightbox-caption { text-align: center; margin-top: 20px; font-weight: 800; color: #0f172a !important; font-size: 18px; }\r\n            \r\n                @media (max-width: 1200px) {\r\n                    .college-marquee-item { width: calc((100vw \/ 6) - 16px); height: 100px; }\r\n                    .college-marquee-item img { max-height: 65px !important; }\r\n                }\r\n                \r\n                @media (max-width: 768px) {\r\n                    .college-marquee-item { width: calc((100vw \/ 4) - 12px); min-width: 140px; height: 90px; padding: 12px 16px !important; }\r\n                    .college-marquee-item img { max-height: 55px !important; }\r\n                    .college-marquee-container::before, .college-marquee-container::after { width: 70px; }\r\n                    .mm-header-row { padding-right: 45px; flex-direction: column; align-items: flex-start; gap: 12px; }\r\n                    .mm-table-modal-header { padding: 24px 24px 12px; }\r\n                    .mm-table-modal-body { padding: 16px 24px 24px; max-height: 40vh; }\r\n                    .mm-table-modal-close { top: 5px; right: 0px; }\r\n                    .search-box-wrapper { margin: 0; max-width: 100%; }\r\n                    \r\n                    .table-responsive-wrapper { border: none !important; box-shadow: none !important; background: transparent !important; backdrop-filter: none !important; }\r\n                    .college-data-table { display: none !important; }\r\n                    .mm-mobile-cards-view { display: flex !important; }\r\n                    \r\n                    .mm-mobile-college-card {\r\n                        background: var(--mm-card-bg-secondary) !important;\r\n                        border: 1px solid var(--mm-border) !important;\r\n                        border-radius: var(--mm-radius-md) !important;\r\n                        padding: 16px 20px !important;\r\n                        backdrop-filter: var(--mm-backdrop);\r\n                        -webkit-backdrop-filter: var(--mm-backdrop);\r\n                        transition: var(--mm-transition);\r\n                    }\r\n                    body.dark-mode .mm-mobile-college-card {\r\n                        background: rgba(255, 255, 255, 0.03) !important;\r\n                    }\r\n                    .mm-mobile-card-title {\r\n                        font-size: 15px; font-weight: 800; color: var(--mm-heading); margin-bottom: 6px; line-height: 1.4;\r\n                    }\r\n                    .mm-mobile-card-meta {\r\n                        display: flex; gap: 12px; align-items: center; font-size: 13px; color: var(--mm-text-muted); font-weight: 600;\r\n                    }\r\n                    .mm-mobile-card-badge {\r\n                        background: rgba(14, 165, 233, 0.1); color: var(--hp-cyan); padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 700;\r\n                    }\r\n                    .mm-lightbox-content { padding: 32px !important; }\r\n                    .mm-lightbox-content img { max-width: 240px !important; }\r\n                }\r\n\r\n               \r\n@media (max-width: 799px) {\r\n    \/* Hide the floating CTA, theme toggle, and fixed header when the college modal is open *\/\r\n    body.modal-open #mainFloatingCta,\r\n    body.modal-open #themeToggleBtn,\r\n    body.modal-open .mm-custom-header {\r\n        opacity: 0 !important;\r\n        visibility: hidden !important;\r\n        pointer-events: none !important;\r\n        transform: translateY(-20px) !important; \/* Header slides up slightly as it disappears *\/\r\n    }\r\n    \r\n    \/* Keep the CTA and toggle translating down instead of up *\/\r\n    body.modal-open #mainFloatingCta,\r\n    body.modal-open #themeToggleBtn {\r\n        transform: translateY(20px) !important;\r\n    }\r\n\r\n\r\n    \r\n}\r\n\r\n@media (min-width: 799px) {\r\n.mm-mobile-college-card{\r\n        display: none!important;\r\n    }\r\n}\r\n\r\n            <\/style>\r\n            \r\n            <section id=\"college\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\" style=\"max-width: 100% !important; padding: 0 !important;\">\r\n                    <div style=\"display: grid; grid-template-columns: 1fr; gap: 48px;\">\r\n                    \r\n                        \r\n                        <div data-aos=\"fade-up\" style=\"overflow: hidden; width: 100%;\">\r\n                            <div style=\"max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 32px;\">\r\n                                <h2 class=\"center-title\">Participating <span class=\"animated-gradient-text\">Colleges<\/span><\/h2>\r\n                            <\/div>\r\n            \r\n                            <div class=\"college-marquee-container\">\r\n                                <div class=\"college-marquee-track\">\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/webp_IIIT-Bangalore.webp\" alt=\"IIIT Bangalore\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-DM-Kancheepuram.webp\" alt=\"IIITDM Kancheepuram\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-Ranchi.webp\" alt=\"IIIT Ranchi\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-Vadodara.webp\" alt=\"IIIT Vadodara\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-BHU.webp\" alt=\"IIT BHU\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Delhi.webp\" alt=\"IIT Delhi\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Dhanbad.webp\" alt=\"IIT (ISM) Dhanbad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Dharwad.webp\" alt=\"IIT Dharwad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Guwahati.webp\" alt=\"IIT Guwahati\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Kanpur.webp\" alt=\"IIT Kanpur\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Kharagpur.webp\" alt=\"IIT Kharagpur\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Madras.webp\" alt=\"IIT Madras\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Palakkad.webp\" alt=\"IIT Palakkad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Roorkee.webp\" alt=\"IIT Roorkee\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Tirupati-.webp\" alt=\"IIT Tirupati\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__Jain-University.webp\" alt=\"Jain University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__JSS-Science-and-Technology-University.webp\" alt=\"JSS Science and Technology University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__KIIT-University-Bhubaneswar.webp\" alt=\"KIIT University Bhubaneswar\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__LPU.webp\" alt=\"LPU\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__MIT-Manipal-.webp\" alt=\"MIT Manipal\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__MIT-University.webp\" alt=\"MIT University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__MNNIT-Allahabad.webp\" alt=\"MNNIT Allahabad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__PES-University.webp\" alt=\"PES University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__RNSIT.webp\" alt=\"RNSIT\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__Siksha-_O_-Anusandhan-Bhubaneswar-.webp\" alt=\"Siksha O Anusandhan Bhubaneswar\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__SRM-University.webp\" alt=\"SRM University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__Thapar-University.webp\" alt=\"Thapar University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__BITS-Pilani.webp\" alt=\"BITS Pilani\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-Bhagalpur.webp\" alt=\"IIIT Bhagalpur\"><\/div>\r\n            \r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/webp_IIIT-Bangalore.webp\" alt=\"IIIT Bangalore\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-DM-Kancheepuram.webp\" alt=\"IIITDM Kancheepuram\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-Ranchi.webp\" alt=\"IIIT Ranchi\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-Vadodara.webp\" alt=\"IIIT Vadodara\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-BHU.webp\" alt=\"IIT BHU\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Delhi.webp\" alt=\"IIT Delhi\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Dhanbad.webp\" alt=\"IIT (ISM) Dhanbad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Dharwad.webp\" alt=\"IIT Dharwad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Guwahati.webp\" alt=\"IIT Guwahati\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Kanpur.webp\" alt=\"IIT Kanpur\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Kharagpur.webp\" alt=\"IIT Kharagpur\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Madras.webp\" alt=\"IIT Madras\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Palakkad.webp\" alt=\"IIT Palakkad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Roorkee.webp\" alt=\"IIT Roorkee\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIT-Tirupati-.webp\" alt=\"IIT Tirupati\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__Jain-University.webp\" alt=\"Jain University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__JSS-Science-and-Technology-University.webp\" alt=\"JSS Science and Technology University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__KIIT-University-Bhubaneswar.webp\" alt=\"KIIT University Bhubaneswar\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__LPU.webp\" alt=\"LPU\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__MIT-Manipal-.webp\" alt=\"MIT Manipal\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__MIT-University.webp\" alt=\"MIT University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__MNNIT-Allahabad.webp\" alt=\"MNNIT Allahabad\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__PES-University.webp\" alt=\"PES University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__RNSIT.webp\" alt=\"RNSIT\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__Siksha-_O_-Anusandhan-Bhubaneswar-.webp\" alt=\"Siksha O Anusandhan Bhubaneswar\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__SRM-University.webp\" alt=\"SRM University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__Thapar-University.webp\" alt=\"Thapar University\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__BITS-Pilani.webp\" alt=\"BITS Pilani\"><\/div>\r\n                                    <div class=\"college-marquee-item\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/1__IIIT-Bhagalpur.webp\" alt=\"IIIT Bhagalpur\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n            \r\n                            <div style=\"text-align: center; margin-top: 32px;\">\r\n                                <button type=\"button\" id=\"mainViewMoreBtn\" class=\"gradient-border-btn\" onclick=\"openCollegeTableModal()\">View More<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            \r\n            \r\n            <div id=\"collegeTableModal\" class=\"mm-table-modal-overlay\" onclick=\"closeCollegeTableModal()\">\r\n                <div class=\"mm-table-modal-frame\" onclick=\"event.stopPropagation()\">\r\n                    <div class=\"mm-table-modal-header\">\r\n                        <div class=\"mm-header-row\">\r\n                            <h2>Participating <span class=\"animated-gradient-text\">Colleges<\/span><\/h2>\r\n                            <div class=\"search-box-wrapper\">\r\n                                <input type=\"text\" id=\"collegeSearch\" class=\"table-search-input\" onkeyup=\"filterCollegeTable()\" placeholder=\"Search institute name, short code, city...\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <button type=\"button\" class=\"mm-table-modal-close\" onclick=\"closeCollegeTableModal()\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n                    <\/div>\r\n                    <div class=\"mm-table-modal-body\">\r\n                        <div class=\"table-responsive-wrapper\">\r\n                            \r\n                            <table class=\"college-data-table\" id=\"collegeDataTable\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th>Institute Name<\/th>\r\n                                        <th style=\"width: 220px;\">Short Name<\/th>\r\n                                        <th style=\"width: 180px;\">City<\/th>\r\n                                        <th style=\"width: 180px;\">State<\/th>\r\n                                    <\/tr>\r\n                                <\/thead>\r\n                                <tbody>\r\n                                    <tr><td><strong>Indian Institute of Technology Delhi<\/strong><\/td><td>IIT Delhi<\/td><td>New Delhi<\/td><td>Delhi<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Madras<\/strong><\/td><td>IIT Madras<\/td><td>Chennai<\/td><td>Tamil Nadu<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Kanpur<\/strong><\/td><td>IIT Kanpur<\/td><td>Kanpur<\/td><td>Uttar Pradesh<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Kharagpur<\/strong><\/td><td>IIT Kharagpur<\/td><td>Kharagpur<\/td><td>West Bengal<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Roorkee<\/strong><\/td><td>IIT Roorkee<\/td><td>Roorkee<\/td><td>Uttarakhand<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Guwahati<\/strong><\/td><td>IIT Guwahati<\/td><td>Guwahati<\/td><td>Assam<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology (ISM) Dhanbad<\/strong><\/td><td>IIT (ISM) Dhanbad<\/td><td>Dhanbad<\/td><td>Jharkhand<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Information Technology Ranchi<\/strong><\/td><td>IIIT Ranchi<\/td><td>Ranchi<\/td><td>Jharkhand<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Information Technology Bhagalpur<\/strong><\/td><td>IIIT Bhagalpur<\/td><td>Bhagalpur<\/td><td>Bihar<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Tirupati<\/strong><\/td><td>IIT Tirupati<\/td><td>Tirupati<\/td><td>Tamil Nadu<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology (Banaras Hindu University) Varanasi<\/strong><\/td><td>IIT BHU<\/td><td>Varanasi<\/td><td>Uttar Pradesh<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Palakkad<\/strong><\/td><td>IIT Palakkad<\/td><td>Palakkad<\/td><td>Kerala<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Technology Dharwad<\/strong><\/td><td>IIT Dharwad<\/td><td>Dharwad<\/td><td>Karnataka<\/td><\/tr>\r\n                                    <tr><td><strong>Birla Institute of Technology and Science, Pilani<\/strong><\/td><td>BITS Pilani<\/td><td>Pilani<\/td><td>Rajasthan<\/td><\/tr>\r\n                                    <tr><td><strong>International Institute of Information Technology Bangalore<\/strong><\/td><td>IIIT Bangalore<\/td><td>Bengaluru<\/td><td>Karnataka<\/td><\/tr>\r\n                                    <tr><td><strong>Motilal Nehru National Institute of Technology Allahabad<\/strong><\/td><td>MNNIT Allahabad<\/td><td>Prayagraj<\/td><td>Uttar Pradesh<\/td><\/tr>\r\n                                    <tr><td><strong>International Institute of Information Technology Vadodara<\/strong><\/td><td>IIIT Vadodara<\/td><td>Vadodara<\/td><td>Gujarat<\/td><\/tr>\r\n                                    <tr><td><strong>Indian Institute of Information Technology, Design and Manufacturing<\/strong><\/td><td>IIITDM Kancheepuram<\/td><td>Kancheepuram<\/td><td>Tamil Nadu<\/td><\/tr>\r\n                                    <tr><td><strong>Manipal Institute of Technology, Manipal<\/strong><\/td><td>MIT Manipal<\/td><td>Manipal<\/td><td>Karnataka<\/td><\/tr>\r\n                                    <tr><td><strong>Thapar Institute of Engineering and Technology<\/strong><\/td><td>Thapar<\/td><td>Patiala<\/td><td>Punjab<\/td><\/tr>\r\n                                    <tr><td><strong>PES University, Bengaluru<\/strong><\/td><td>PES University<\/td><td>Bengaluru<\/td><td>Karnataka<\/td><\/tr>\r\n                                    <tr><td><strong>MIT World Peace University, Pune<\/strong><\/td><td>MIT-WPU<\/td><td>Pune<\/td><td>Maharashtra<\/td><\/tr>\r\n                                    <tr><td><strong>RNS Institute of Technology<\/strong><\/td><td>RNSIT Bengaluru<\/td><td>Bengaluru<\/td><td>Karnataka<\/td><\/tr>\r\n                                    <tr><td><strong>Kalinga Institute of Industrial Technology<\/strong><\/td><td>KIIT<\/td><td>Bhubaneswar<\/td><td>Odisha<\/td><\/tr>\r\n                                    <tr><td><strong>SRM Institute of Science and Technology, Kattankulathur<\/strong><\/td><td>SRM University<\/td><td>Chennai, Tamil Nadu<\/td><td>Tamil Nadu<\/td><\/tr>\r\n                                    <tr><td><strong>Lovely Professional University<\/strong><\/td><td>LPU<\/td><td>Phagwara<\/td><td>Punjab<\/td><\/tr>\r\n                                    <tr><td><strong>Siksha 'O' Anusandhan University<\/strong><\/td><td>SOA<\/td><td>Bhubaneswar<\/td><td>Odisha<\/td><\/tr>\r\n                                    <tr><td><strong>JSS Science and Technology University Mysuru<\/strong><\/td><td>JSSS Mysuru<\/td><td>Mysuru<\/td><td>Karnataka<\/td><\/tr>\r\n                                    <tr><td><strong>Jain University<\/strong><\/td><td>Jain<\/td><td>Bengaluru<\/td><td>Karnataka<\/td><\/tr>\r\n                                <\/tbody>\r\n                            <\/table>\r\n            \r\n                            <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Delhi<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">New Delhi<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Madras<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Chennai<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Kanpur<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Kanpur<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Kharagpur<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Kharagpur<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Roorkee<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Roorkee<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Guwahati<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Guwahati<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology (ISM) Dhanbad<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Dhanbad<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Information Technology Ranchi<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Ranchi<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Information Technology Bhagalpur<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bhagalpur<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Tirupati<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Tirupati<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology (BHU) Varanasi<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Varanasi<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Palakkad<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Palakkad<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Indian Institute of Technology Dharwad<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Dharwad<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Birla Institute of Technology and Science, Pilani<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Pilani<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">International Institute of Information Technology Bangalore<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bengaluru<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Motilal Nehru National Institute of Technology Allahabad<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Prayagraj<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">International Institute of Information Technology Vadodara<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Vadodara<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">IIIT, Design and Manufacturing Kancheepuram<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Kancheepuram<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Manipal Institute of Technology, Manipal<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Manipal<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Thapar Institute of Engineering and Technology<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Patiala<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">PES University, Bengaluru<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bengaluru<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">MIT World Peace University, Pune<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Pune<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">RNS Institute of Technology<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bengaluru<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Kalinga Institute of Industrial Technology<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bhubaneswar<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">SRM Institute of Science and Technology, Kattankulathur<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Chennai<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Lovely Professional University<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Phagwara<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Siksha 'O' Anusandhan University<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bhubaneswar<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">JSS Science and Technology University Mysuru<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Mysuru<\/div>\r\n                          <\/div>\r\n                          \r\n                          <div class=\"mm-mobile-college-card\">\r\n                              <div class=\"mm-mobile-card-title\">Jain University<\/div>\r\n                              <div class=\"mm-mobile-card-meta\">Bengaluru<\/div>\r\n                          <\/div>\r\n            \r\n                            <div id=\"tableNoResults\" class=\"no-results-msg\">No matching institutions found.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div id=\"mmCollegeLightbox\" class=\"mm-logo-lightbox\" onclick=\"closeCollegeLightbox()\">\r\n                <div class=\"mm-lightbox-content\" onclick=\"event.stopPropagation()\">\r\n                    <div class=\"mm-lightbox-close\" onclick=\"closeCollegeLightbox()\"><i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n                    <img decoding=\"async\" id=\"mmLightboxImage\" src=\"\" alt=\"Popup Preview\">\r\n                    <div id=\"mmLightboxCaption\" class=\"mm-lightbox-caption\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <script>\r\n                function openCollegeTableModal() {\r\n    const overlay = document.getElementById('collegeTableModal');\r\n    if (overlay) {\r\n        overlay.classList.add('active');\r\n        document.body.classList.add('modal-open'); \/\/ <-- Adds hook to hide floating controls\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n}\r\n\r\nfunction closeCollegeTableModal() {\r\n    const overlay = document.getElementById('collegeTableModal');\r\n    if (overlay) {\r\n        overlay.classList.remove('active');\r\n        document.body.classList.remove('modal-open'); \/\/ <-- Restores floating controls instantly\r\n        document.body.style.overflow = ''; \r\n    }\r\n}\r\n            \r\n                function filterCollegeTable() {\r\n                    const input = document.getElementById('collegeSearch');\r\n                    const filter = input.value.toLowerCase().trim();\r\n                    \r\n                    \/\/ 1. Desktop Table filtering logic\r\n                    const table = document.getElementById('collegeDataTable');\r\n                    const tr = table.getElementsByTagName('tr');\r\n                    let hasVisibleRowDesktop = false;\r\n            \r\n                    for (let i = 1; i < tr.length; i++) {\r\n                        let matchFound = false;\r\n                        const cells = tr[i].getElementsByTagName('td');\r\n                        \r\n                        for (let j = 0; j < cells.length; j++) {\r\n                            if (cells[j]) {\r\n                                const content = cells[j].textContent || cells[j].innerText;\r\n                                if (content.toLowerCase().indexOf(filter) > -1) {\r\n                                    matchFound = true;\r\n                                    break;\r\n                                }\r\n                            }\r\n                        }\r\n                        tr[i].style.display = matchFound ? \"\" : \"none\";\r\n                        if (matchFound) hasVisibleRowDesktop = true;\r\n                    }\r\n            \r\n                    \/\/ 2. Mobile Cards filtering execution stream\r\n                    const mobileView = document.getElementById('collegeMobileCards');\r\n                    const cards = mobileView.getElementsByClassName('mm-mobile-college-card');\r\n                    let hasVisibleRowMobile = false;\r\n            \r\n                    for (let i = 0; i < cards.length; i++) {\r\n                        const content = cards[i].textContent || cards[i].innerText;\r\n                        if (content.toLowerCase().indexOf(filter) > -1) {\r\n                            cards[i].style.setProperty('display', 'block', 'important');\r\n                            hasVisibleRowMobile = true;\r\n                        } else {\r\n                            cards[i].style.setProperty('display', 'none', 'important');\r\n                        }\r\n                    }\r\n            \r\n                    \/\/ 3. Toggle Empty Feedback Notification Layer\r\n                    const noResults = document.getElementById('tableNoResults');\r\n                    if (noResults) {\r\n                        const isMobile = window.innerWidth <= 768;\r\n                        const finalVisibilityState = isMobile ? hasVisibleRowMobile : hasVisibleRowDesktop;\r\n                        \r\n                        noResults.style.display = finalVisibilityState ? \"none\" : \"block\";\r\n                        \r\n                        if(!isMobile) {\r\n                            table.style.display = finalVisibilityState ? \"table\" : \"none\";\r\n                        }\r\n                    }\r\n                }\r\n            \r\n                \/\/ function openCollegeLightbox(imgSrc, altText) {\r\n                \/\/     const lightbox = document.getElementById('mmCollegeLightbox');\r\n                \/\/     const lightboxImg = document.getElementById('mmLightboxImage');\r\n                \/\/     const lightboxCap = document.getElementById('mmLightboxCaption');\r\n                \/\/     if(lightbox && lightboxImg && lightboxCap) {\r\n                \/\/         lightboxImg.src = imgSrc;\r\n                \/\/         lightboxCap.innerText = altText;\r\n                \/\/         lightbox.classList.add('active');\r\n                \/\/         document.body.style.overflow = 'hidden'; \r\n                \/\/     }\r\n                \/\/ }\r\n            \r\n                \/\/ function closeCollegeLightbox() {\r\n                \/\/     const lightbox = document.getElementById('mmCollegeLightbox');\r\n                \/\/     if(lightbox) {\r\n                \/\/         const modal = document.getElementById('collegeTableModal');\r\n                \/\/         lightbox.classList.remove('active');\r\n                \/\/         if (!modal || !modal.classList.contains('active')) {\r\n                \/\/             document.body.style.overflow = ''; \r\n                \/\/         }\r\n                \/\/     }\r\n                \/\/ }\r\n            \r\n                document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const marqueeItems = document.querySelectorAll('.college-marquee-item');\r\n    marqueeItems.forEach(item => {\r\n        item.addEventListener('click', () => {\r\n            const img = item.querySelector('img');\r\n            \/\/ Passes the image alt text as the Name, and empty strings for Designation\/Company\r\n            if(img) openCollegeLightbox(img.src, img.alt, \"\", \"\"); \r\n        });\r\n    });\r\n    \r\n    window.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Escape') {\r\n            closeCollegeLightbox();\r\n            closeCollegeTableModal();\r\n        }\r\n    });\r\n});\r\n            <\/script>\r\n            <!-- collge end     -->\r\n\r\n                <!-- <section id=\"partners\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                    <div class=\"mm-section-inner\">\r\n                        <div style=\"display: grid; grid-template-columns: 1fr; gap: 64px;\">\r\n                            <div data-aos=\"fade-up\">\r\n                                <h2 class=\"center-title\">Featured <span class=\"animated-gradient-text\">Partners<\/span><\/h2>\r\n                                <div class=\"coming-soon-box\" data-aos=\"zoom-in\" style=\"padding: 40px 20px;\">\r\n                                    <span class=\"animated-gradient-text\" style=\"font-size: 24px; font-weight: 800; display: inline-block;\">Coming soon...<\/span>\r\n                                    <br><br>\r\n                                    <a href=\"https:\/\/momentum25.hirepro.in\/#Partners\" target=\"_blank\" class=\"mm-inline-link\">See our partners from last year <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section> -->\r\n\r\n\r\n            <section id=\"contact\" class=\"mm-section\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <div class=\"timeline-grid\" style=\"margin-top:0;\">\r\n                        <div class=\"tech-card\" style=\"text-align: center; padding: 48px 32px !important;\" data-aos=\"zoom-in\">\r\n                            <i class=\"fa-solid fa-microphone animated-gradient-text floating-element\" style=\"font-size: 40px; margin-bottom: 24px;\"><\/i>\r\n                            <h3>Speak at <strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong><\/h3>\r\n                            <p style=\"font-size: 16px !important;\">Momentum's stage is for those with the conviction to challenge convention. If you carry a perspective on what learning, employability, and talent must become in the age of AI, we welcome your voice.<\/p>\r\n                            <p style=\"margin-top: 24px; font-weight: 800;\">To express interest, reach out to:<br>\r\n                            <a href=\"mailto:jinu.cheeran@hirepro.in\" class=\"mm-inline-link\" style=\"font-size: 20px; margin-top: 8px; display: inline-block;\">jinu.cheeran@hirepro.in<\/a><\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"tech-card\" style=\"text-align: center; padding: 48px 32px !important;\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\r\n                            <i class=\"fa-solid fa-handshake animated-gradient-text floating-element\" style=\"font-size: 40px; margin-bottom: 24px; animation-delay: 0.5s;\"><\/i>\r\n                            <h3>Become a Partner<\/h3>\r\n                            <p style=\"font-size: 16px !important;\"><strong>Momentum<span class=\"animated-gradient-text aileron-font\">\u201926<\/span><\/strong> brings together the people and organizations shaping how India hires, learns, and builds talent for the age of AI. If your brand belongs in that conversation, let\u2019s talk.<\/p>\r\n                            <p style=\"margin-top: 24px; font-weight: 800;\">Drop an email to:<br>\r\n                            <a href=\"mailto:abhishek.sarda@hirepro.in\" class=\"mm-inline-link\" style=\"font-size: 20px; margin-top: 8px; display: inline-block;\">abhishek.sarda@hirepro.in<\/a><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"hirepro\" class=\"mm-section\" style=\"border-bottom: none; padding-bottom: 100px !important;\" data-aos=\"fade-up\">\r\n                <div class=\"mm-section-inner\">\r\n                    <h2 class=\"center-title\">About <span class=\"animated-gradient-text\">HirePro<\/span><\/h2>\r\n                    \r\n                    <div class=\"about-hirepro-layout\" style=\"margin-top: 40px;\">\r\n                        <div class=\"tech-card hirepro-text-card\" data-aos=\"fade-right\">\r\n                            <p>Because the world needs great talent, we make it happen with the unified strength of Careernet, HirePro, Longhouse and MyCareernet.<\/p>\r\n                            <p>As an AI-powered recruitment platform, at HirePro, Fearless Hiring is at the heart of everything we do. Our mission is to make the unpredictable world of hiring predictable with our profound expertise, AI technology, and impeccable service.<\/p>\r\n                            <p>Established in 2004 and headquartered in Bengaluru, we offer pre-eminent technology platforms and allied services to companies that require expert support to navigate the talent landscape. Serving as the partner of choice for businesses worldwide, we help them fearlessly navigate the intricate phases of the recruitment supply chain.<\/p>\r\n                            <p style=\"margin-top: 32px !important;\">For more details, visit: <a href=\"https:\/\/hirepro.in\/\" target=\"_blank\" class=\"mm-inline-link\">https:\/\/hirepro.in\/<\/a><\/p>\r\n                        <\/div>\r\n                        <div class=\"floating-element\" data-aos=\"fade-left\" data-aos-delay=\"200\" style=\"width: 100%;\">\r\n                            <div class=\"hirepro-video-container\">\r\n                                <iframe src=\"https:\/\/www.youtube.com\/embed\/AIxArW8L51A?autoplay=0&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <footer class=\"mm-footer\">\r\n        <div class=\"mm-container\" style=\"padding-top: 0; padding-bottom: 0;\">\r\n            <div style=\"display: flex; flex-direction: column; align-items: center; gap: 24px;\">\r\n                <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/hirepro.in\/wp-content\/uploads\/2026\/02\/HirePro_Logo.svg\" alt=\"HirePro\" class=\"footer-logo\"><\/a>\r\n                \r\n                <div class=\"footer-links\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center;\">\r\n                    <a href=\"https:\/\/hirepro.in\/terms-and-conditions\/\" target=\"_blank\">Terms & Conditions<\/a>\r\n                    <a href=\"https:\/\/hirepro.in\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a>\r\n                    <a href=\"https:\/\/hirepro.in\/disclaimer\/\" target=\"_blank\">Disclaimer<\/a>\r\n                    <a href=\"https:\/\/hirepro.in\/refund-policy\/\" target=\"_blank\">Refund Policy<\/a>\r\n                    <a href=\"https:\/\/hirepro.in\/csr\/\" target=\"_blank\">CSR<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"footer-socials\" style=\"display: flex; gap: 16px; justify-content: center;\">\r\n                    <a href=\"https:\/\/www.linkedin.com\/company\/hirepro-consulting\/\" target=\"_blank\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                    <a href=\"https:\/\/x.com\/hirepro_recruit\" target=\"_blank\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n                    <a href=\"https:\/\/www.youtube.com\/@Hireproconsulting\" target=\"_blank\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"border-top: 1px solid rgba(255,255,255,0.1); margin-top: 32px; padding-top: 24px; color: #94a3b8; font-size: 14px; text-align: center; width: 100%;\">\r\n                <p style=\"margin: 0 auto; text-align: center;\">&copy; 2026 HirePro. All rights reserved.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    AOS.init({ duration: 1000, easing: 'ease-out-cubic', once: true, offset: 50 });\r\n\r\n    const themeBtn = document.getElementById('themeToggleBtn');\r\n    themeBtn.addEventListener('click', () => { document.body.classList.toggle('dark-mode'); });\r\n\r\n    \/* --- RUNNABLE COUNTERS --- *\/\r\n    const counters = document.querySelectorAll('.counter-val');\r\n    const counterObserver = new IntersectionObserver((entries, obs) => {\r\n        entries.forEach(entry => {\r\n            if(entry.isIntersecting) {\r\n                const counter = entry.target;\r\n                const target = +counter.getAttribute('data-target');\r\n                const duration = 2000;\r\n                let startTime = null;\r\n                \r\n                function count(timestamp) {\r\n                    if (!startTime) startTime = timestamp;\r\n                    const progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n                    const easeProgress = 1 - Math.pow(1 - progress, 4); \r\n                    counter.innerText = Math.floor(easeProgress * target);\r\n                    \r\n                    if (progress < 1) {\r\n                        requestAnimationFrame(count);\r\n                    } else {\r\n                        counter.innerText = target;\r\n                    }\r\n                }\r\n                requestAnimationFrame(count);\r\n                obs.unobserve(counter);\r\n            }\r\n        });\r\n    }, { threshold: 0.5 });\r\n    counters.forEach(c => counterObserver.observe(c));\r\n\r\n    \/* --- MODERN HAMBURGER LOGIC --- *\/\r\n    const navToggle = document.getElementById('navToggle');\r\n    const mainNav = document.getElementById('mainNav');\r\n    if(navToggle && mainNav) {\r\n        navToggle.addEventListener('click', (e) => { \r\n            e.preventDefault();\r\n            navToggle.classList.toggle('active');\r\n            mainNav.classList.toggle('mobile-active'); \r\n        });\r\n    }\r\n\r\n    \/* --- COUNTDOWN TIMER --- *\/\r\n    const targetDate = new Date(\"July 14, 2026 09:00:00\").getTime();\r\n    function updateTimers() {\r\n        const now = new Date().getTime();\r\n        const distance = targetDate - now;\r\n        if (distance < 0) return; \r\n\r\n        const d = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n        const h = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n        const m = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n        const s = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n        document.querySelectorAll('.cd-d').forEach(el => el.innerText = d.toString().padStart(2, '0'));\r\n        document.querySelectorAll('.cd-h').forEach(el => el.innerText = h.toString().padStart(2, '0'));\r\n        document.querySelectorAll('.cd-m').forEach(el => el.innerText = m.toString().padStart(2, '0'));\r\n        document.querySelectorAll('.cd-s').forEach(el => el.innerText = s.toString().padStart(2, '0'));\r\n    }\r\n    setInterval(updateTimers, 1000);\r\n    updateTimers();\r\n\r\n    \/* --- SCROLL REVEAL FOR FLOATING CONTROLS --- *\/\r\n    const floatingCta = document.getElementById('mainFloatingCta');\r\n    const triggerSection = document.getElementById('about');\r\n    \r\n    function toggleVisibilityOnScroll() {\r\n        if(!triggerSection || !floatingCta || !themeBtn) return;\r\n        const scrollPos = window.scrollY;\r\n        const windowHeight = window.innerHeight;\r\n        const docHeight = document.documentElement.scrollHeight;\r\n        const hideAtBottomThreshold = docHeight - windowHeight - 300; \r\n        \r\n        if (scrollPos > 500 && scrollPos < hideAtBottomThreshold) {\r\n            floatingCta.classList.add('is-visible');\r\n            themeBtn.classList.add('is-visible');\r\n        } else {\r\n            floatingCta.classList.remove('is-visible');\r\n            themeBtn.classList.remove('is-visible');\r\n        }\r\n    }\r\n    toggleVisibilityOnScroll();\r\n    window.addEventListener(\"scroll\", toggleVisibilityOnScroll, { passive: true });\r\n\r\n    \/* --- SMOOTH SCROLLING --- *\/\r\n    const allScrollLinks = document.querySelectorAll('a[href^=\"#\"]:not([href=\"#\"])'); \r\n    allScrollLinks.forEach(link => {\r\n        link.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            if(mainNav && mainNav.classList.contains('mobile-active')) {\r\n                mainNav.classList.remove('mobile-active');\r\n                if(navToggle) navToggle.classList.remove('active');\r\n            }\r\n            const targetId = this.getAttribute('href').substring(1);\r\n            const targetSection = document.getElementById(targetId);\r\n            if(targetSection) {\r\n                const elementPosition = targetSection.getBoundingClientRect().top;\r\n                const offsetPosition = elementPosition + window.pageYOffset - 80;\r\n                window.scrollTo({ top: offsetPosition, behavior: \"smooth\" });\r\n            }\r\n        });\r\n    });\r\n\r\n    \/* --- FAQ ACCORDION SCRIPT --- *\/\r\n    const faqItems = document.querySelectorAll('.faq-item');\r\n    faqItems.forEach(item => {\r\n        const question = item.querySelector('.faq-question');\r\n        if (question) {\r\n            question.addEventListener('click', () => {\r\n                const isActive = item.classList.contains('active');\r\n                faqItems.forEach(faq => faq.classList.remove('active'));\r\n                if (!isActive) item.classList.add('active');\r\n                setTimeout(() => { AOS.refresh(); }, 400); \r\n            });\r\n        }\r\n    });\r\n});\r\n<\/script>\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>About Who should attend What awaits you Speakers Agenda 00Days: 00Hours: 00Mins: 00Secs Register Now Register Now BEYOND DEGREE. BEYOND STREAM. BEYOND CODE. THE NEW PLAYBOOK OF LEARNING, HIRING, AND EMPLOYABILITY IN THE AGE OF AI Co-curated by July 14, 2026 | Radisson Blu, Bengaluru, Outer Ring Road Register Now 00Days: 00Hours: 00Mins: 00Secs About [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":30589,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29957","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/29957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/comments?post=29957"}],"version-history":[{"count":210,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/29957\/revisions"}],"predecessor-version":[{"id":31312,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/29957\/revisions\/31312"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media\/30589"}],"wp:attachment":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media?parent=29957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}