{"id":28450,"date":"2026-03-09T06:24:53","date_gmt":"2026-03-09T06:24:53","guid":{"rendered":"https:\/\/mycareernet.co\/events\/?page_id=28450"},"modified":"2026-05-08T05:43:20","modified_gmt":"2026-05-08T05:43:20","slug":"hitachi-energy-connecther","status":"publish","type":"page","link":"https:\/\/mycareernet.co\/events\/hitachi-energy-connecther\/","title":{"rendered":"Hitachi Energy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"28450\" class=\"elementor elementor-28450\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e176a6b e-con-full elementor-hidden-mobile elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"e176a6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f406ed6 elementor-widget elementor-widget-image\" data-id=\"f406ed6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2000\" height=\"429\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology.webp\" class=\"attachment-full size-full wp-image-29362\" alt=\"Hitachi Energy is a global technology\" srcset=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology.webp 2000w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology-300x64.webp 300w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology-1024x220.webp 1024w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology-768x165.webp 768w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology-1536x329.webp 1536w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Hitachi-Energy-is-a-global-technology-710x152.webp 710w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3577b8c e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"3577b8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a65b93 elementor-widget elementor-widget-image\" data-id=\"2a65b93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"525\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/ConnectHER-Hitachi.webp\" class=\"attachment-full size-full wp-image-29366\" alt=\"Hitachi Energy ConnectHER | Networking Event\" srcset=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/ConnectHER-Hitachi.webp 1000w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/ConnectHER-Hitachi-300x158.webp 300w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/ConnectHER-Hitachi-768x403.webp 768w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/ConnectHER-Hitachi-710x373.webp 710w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aa417b e-flex e-con-boxed e-con e-parent\" data-id=\"3aa417b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18adfb5 animated-slow elementor-widget elementor-widget-html\" data-id=\"18adfb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  \/* --- 1. RESET & VARIABLES --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n  .he-widget-scope {\r\n    --c-primary: #cc0000;         \/* Hitachi Red *\/\r\n    --c-primary-dark: #a30000;    \r\n    --c-primary-light: #FFF1F2;   \r\n    --c-text-main: #1F2937;       \r\n    --c-text-light: #4B5563;      \r\n    --c-border: #E5E7EB;          \r\n    --c-white: #ffffff;\r\n    --font-main: 'Manrope', sans-serif;\r\n    --radius-md: 12px;\r\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  .he-widget-wrapper {\r\n    font-family: var(--font-main);\r\n    color: var(--c-text-main);\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 20px 0;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .he-widget-wrapper *, \r\n  .he-widget-wrapper *::before, \r\n  .he-widget-wrapper *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .he-widget-card {\r\n    background-color: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: var(--radius-md);\r\n    box-shadow: var(--shadow-md);\r\n    padding: 32px;\r\n    display: flex;\r\n    flex-direction: column; \r\n    gap: 24px;\r\n    border-top: 4px solid var(--c-primary);\r\n  }\r\n\r\n  .he-widget-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .he-widget-label {\r\n    color: var(--c-text-light);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 8px;\r\n    margin-top: 0;\r\n    line-height: 1.5;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  \r\n  .he-widget-label i, .he-widget-label svg {\r\n      color: var(--c-primary);\r\n      width: 16px;\r\n      height: 16px;\r\n  }\r\n\r\n  .he-widget-value {\r\n    color: var(--c-text-main);\r\n    font-weight: 700;\r\n    font-size: 18px; \r\n    margin: 0;\r\n    white-space: nowrap;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .he-stat-row {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--c-text-main);\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .he-stat-row:last-child { margin-bottom: 0; }\r\n\r\n  .he-stat-row i {\r\n    width: 22px;\r\n    color: var(--c-primary);\r\n    font-size: 14px;\r\n  }\r\n\r\n  .he-btn-container { display: flex; justify-content: flex-end; }\r\n\r\n  .he-register-btn {\r\n    background-color: var(--c-primary);\r\n    color: white !important;\r\n    font-family: var(--font-main);\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    padding: 14px 40px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    width: 100%;\r\n    box-shadow: 0 4px 12px rgba(204, 0, 0, 0.3);\r\n    text-decoration: none !important;\r\n    text-align: center;\r\n    display: inline-block;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .he-register-btn:hover {\r\n    background-color: var(--c-primary-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(204, 0, 0, 0.4);\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .he-widget-card {\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 0;\r\n    }\r\n    .he-widget-column { flex: 1; padding: 0 24px; }\r\n    .he-widget-column:first-child { padding-left: 0; }\r\n    .he-widget-column:last-child { padding-right: 0; flex: 0 0 auto; }\r\n    .he-widget-column.has-divider { border-right: 1px solid var(--c-border); }\r\n    .he-btn-container { justify-content: center; }\r\n    .he-register-btn { width: auto; min-width: 180px; }\r\n  }\r\n\r\n  \/* =========================================\r\n     GLASS THEME MODAL (POPUP) STYLES\r\n     ========================================= *\/\r\n  .straive-modal-overlay {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      background: rgba(30, 30, 36, 0.4);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 999999;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transition: opacity 0.3s ease, visibility 0.3s ease;\r\n  }\r\n\r\n  .straive-modal-overlay.active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n  }\r\n\r\n  .straive-modal-box {\r\n      background: rgba(255, 255, 255, 0.75);\r\n      border: 1px solid rgba(255, 255, 255, 0.6);\r\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n      border-radius: 10px;\r\n      padding: 40px 30px;\r\n      max-width: 450px;\r\n      width: 90%;\r\n      text-align: center;\r\n      position: relative;\r\n      transform: translateY(20px);\r\n      transition: transform 0.3s ease;\r\n      font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  .straive-modal-overlay.active .straive-modal-box {\r\n      transform: translateY(0);\r\n  }\r\n\r\n  .straive-modal-close {\r\n      position: absolute;\r\n      top: 15px;\r\n      right: 20px;\r\n      font-size: 28px;\r\n      line-height: 1;\r\n      color: #666;\r\n      cursor: pointer;\r\n      background: transparent;\r\n      border: none;\r\n      transition: color 0.2s ease;\r\n  }\r\n\r\n  .straive-modal-close:hover {\r\n      color: #111;\r\n  }\r\n\r\n  .straive-modal-box h3 {\r\n      margin-top: 0;\r\n      font-size: 24px !important;\r\n      padding: 0px !important;\r\n      margin: 0px !important;\r\n      font-weight: 600;\r\n      color: #000;\r\n      font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  .straive-modal-box h4 {\r\n      font-size: 18px !important;\r\n      padding: 0px !important;\r\n      margin-top: 10px !important;\r\n      margin-bottom: 20px !important;\r\n      font-weight: 500;\r\n      color: #444;\r\n      font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  .straive-modal-cta {\r\n      display: inline-block;\r\n      background-color: #cc0000; \/* Matched to Hitachi Red *\/\r\n      color: #ffffff !important;\r\n      text-align: center;\r\n      padding: 12px 35px;\r\n      border-radius: 30px;\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 16px;\r\n      box-shadow: 0 4px 10px rgba(204, 0, 0, 0.2);\r\n      transition: all 0.2s ease;\r\n      margin-top: 15px;\r\n  }\r\n\r\n  .straive-modal-cta:hover {\r\n      background-color: #a30000;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 15px rgba(204, 0, 0, 0.3);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"he-widget-scope\">\r\n  <div class=\"he-widget-wrapper\">\r\n    <div class=\"he-widget-card\">\r\n      \r\n      <div class=\"he-widget-column has-divider\">\r\n        <p class=\"he-widget-label\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n            Registrations Start\r\n        <\/p>\r\n        <p class=\"he-widget-value\">Mar 30, 2026 09:00 AM EST<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"he-widget-column has-divider\">\r\n        <p class=\"he-widget-label\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n            Registrations End\r\n        <\/p>\r\n        <p class=\"he-widget-value\">Apr 17, 2026 11:00 PM EST<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"he-widget-column has-divider\" id=\"statsStrip\">\r\n         <div class=\"he-stat-row\"><i class=\"fa fa-spinner fa-spin\"><\/i> Loading...<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"he-widget-column\">\r\n        <div class=\"he-btn-container\">\r\n          <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/mycareernet\/hitachi2026new\/apply?event=230260&job=244244\" target=\"_blank\" class=\"he-register-btn registrationLink\">Register Now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"straiveGlassModal\" class=\"straive-modal-overlay\">\r\n    <div class=\"straive-modal-box\">\r\n        <button id=\"straiveCloseModal\" class=\"straive-modal-close\">&times;<\/button>\r\n        <h3>This event has closed<\/h3>\r\n        <h4>Stay updated on upcoming events.<\/h4>\r\n        <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/mycareernet\/ClsdEvntsInq33\/apply?event=237194&job=251382\" target=\"_blank\" class=\"straive-modal-cta\">\r\n            Get Notified\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    async function getStats() {\r\n      const oAuthIntegrationGuid = \"13ecc50141f241729811505e732a4555\";\r\n      const oAuthClientId = \"ffc8f9d0-73ed-40d7-952d-b3b21dd136cd\";\r\n      const baseDomain = \"https:\/\/mycareernet.co\";\r\n\r\n      async function getTokenData() {\r\n        const cachedKey = window.btoa(`${window.location.pathname}_access_token`);\r\n        try {\r\n          const cached = JSON.parse(sessionStorage.getItem(cachedKey));\r\n          if (!cached || (parseInt(new Date().getTime() \/ 1000) + 10 - cached.createdAt > cached.expires_in)) {\r\n              throw new Error(\"Token expired\");\r\n          }\r\n          return cached;\r\n        } catch (e) {\r\n          const res = await fetch(`${baseDomain}\/py\/oauth2\/${oAuthIntegrationGuid}\/access_token\/`, {\r\n            \"headers\": { \"accept\": \"application\/json\", \"app-name\": \"hackathon\", \"x-applma\": \"true\" },\r\n            \"body\": JSON.stringify({ \"client_id\": oAuthClientId }),\r\n            \"method\": \"POST\"\r\n          });\r\n          const info = await res.json();\r\n          if (info.access_token) {\r\n            info['createdAt'] = parseInt(new Date().getTime() \/ 1000);\r\n            sessionStorage.setItem(cachedKey, JSON.stringify(info));\r\n            return info;\r\n          }\r\n          throw new Error(\"Token failed\");\r\n        }\r\n      }\r\n\r\n      try {\r\n        const token = await getTokenData();\r\n        const pathParts = window.location.pathname.split('\/');\r\n        let slug = pathParts.length > 2 ? pathParts.slice(2).join('') : ''; \r\n        \r\n        if(!slug) throw new Error(\"No slug\");\r\n\r\n        const res = await fetch(`${baseDomain}\/py\/crpo\/marketing_event\/candidate\/api\/v1\/getBySlug\/`, {\r\n          \"headers\": { \"app-name\": \"hackathon\", \"authorization\": `${token.token_type} ${token.access_token}`, \"x-applma\": \"true\" },\r\n          \"body\": JSON.stringify({ \"slug\": slug }),\r\n          \"method\": \"POST\"\r\n        });\r\n        \r\n        const json = await res.json();\r\n        const views = json?.data?.entitySummary?.currentCount?.toLocaleString() || \"0\";\r\n        const regs = json?.data?.marketingEvent?.applicantSummary?.registered?.toLocaleString() || \"0\";\r\n\r\n        document.getElementById(\"statsStrip\").innerHTML = `\r\n          <div class=\"he-stat-row\"><i class=\"fa fa-regular fa-eye\"><\/i> ${views} Views<\/div>\r\n          <div class=\"he-stat-row\"><i class=\"fa fa-solid fa-user-check\"><\/i> ${regs} Registrations<\/div>\r\n        `;\r\n      } catch (error) {\r\n        document.getElementById(\"statsStrip\").innerHTML = `\r\n          <div class=\"he-stat-row\" style=\"color:var(--c-text-light); font-size:13px;\">\r\n            <i class=\"fa-solid fa-circle-exclamation\"><\/i> Stats unavailable\r\n          <\/div>\r\n        `;\r\n      }\r\n    }\r\n    getStats();\r\n\r\n    \/* --- ADDED: GLASS MODAL LOGIC --- *\/\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const glassModal = document.getElementById(\"straiveGlassModal\");\r\n        const closeGlassModalBtn = document.getElementById(\"straiveCloseModal\");\r\n        const registerLinks = document.querySelectorAll(\".registrationLink\");\r\n\r\n        function openGlassModal(e) {\r\n            if (e) e.preventDefault(); \/\/ Prevents link from navigating\r\n            if (glassModal) {\r\n                glassModal.classList.add(\"active\");\r\n                document.body.style.overflow = 'hidden'; \/\/ Locks background scrolling\r\n            }\r\n        }\r\n\r\n        function closeGlassModal() {\r\n            if (glassModal) {\r\n                glassModal.classList.remove(\"active\");\r\n                document.body.style.overflow = ''; \/\/ Restores background scrolling\r\n            }\r\n        }\r\n\r\n        if (glassModal && closeGlassModalBtn) {\r\n            \/\/ Trigger modal on click of any Register element\r\n            registerLinks.forEach(link => {\r\n                link.addEventListener(\"click\", openGlassModal);\r\n            });\r\n\r\n            \/\/ Close modal via close button\r\n            closeGlassModalBtn.addEventListener(\"click\", closeGlassModal);\r\n\r\n            \/\/ Close modal by clicking outside\r\n            glassModal.addEventListener(\"click\", function (e) {\r\n                if (e.target === glassModal) {\r\n                    closeGlassModal();\r\n                }\r\n            });\r\n\r\n            \/\/ Auto-trigger modal after 2 seconds\r\n            setTimeout(function() {\r\n                openGlassModal();\r\n            }, 2000);\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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 rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/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\r\n<style>\r\n\/* --- 1. VARIABLES & RESET (MOBILE-FIRST) --- *\/\r\n:root {\r\n    --he-primary: #cc0000;       \r\n    --he-primary-light: #FFF0F1; \r\n    --he-dark: #000000;          \r\n    --he-gray-light: #F8F9FA;    \r\n    --he-white: #FFFFFF;         \r\n\r\n    --he-sidebar-w: 260px;\r\n    --he-radius-xl: 20px;\r\n    --he-radius-lg: 16px; \r\n    --he-radius-md: 12px;\r\n    --he-space-sm: 16px;\r\n    --he-space-md: 32px;\r\n    --he-space-lg: 48px;\r\n    \r\n    --he-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.04);\r\n    --he-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.06);\r\n    --he-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n    --he-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    \r\n    --he-profile-carousel: 90px;\r\n    --he-profile-agenda: 80px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    :root {\r\n        --he-space-sm: 24px;\r\n        --he-space-md: 40px;\r\n        --he-space-lg: 56px;\r\n    }\r\n}\r\n\r\n.hitachi-wrapper {\r\n    font-family: 'Manrope', sans-serif !important; \r\n    color: #000000 !important; \r\n    line-height: 1.65 !important;\r\n    background-color: #FAFAFA !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}\r\n\r\n.hitachi-wrapper * { box-sizing: border-box !important; outline: none !important; }\r\n.hitachi-wrapper img { max-width: 100% !important; height: auto !important; display: block !important; border-radius: var(--he-radius-md) !important; }\r\n\r\n\/* --- 2. TYPOGRAPHY --- *\/\r\n.hitachi-wrapper h1, .hitachi-wrapper h2, .hitachi-wrapper h3, .hitachi-wrapper h4, .hitachi-wrapper h5 { color: var(--he-dark) !important; font-family: 'Manrope', sans-serif !important; margin-top: 0 !important; }\r\n.hitachi-wrapper h1 { font-size: clamp(28px, 4vw, 42px) !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; margin-bottom: var(--he-space-sm) !important; }\r\n.hitachi-wrapper h2 { font-size: clamp(24px, 3vw, 32px) !important; font-weight: 800 !important; margin-bottom: var(--he-space-sm) !important; letter-spacing: -0.01em !important; position: relative !important; padding-bottom: 12px !important; }\r\n.hitachi-wrapper h2::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 80px !important; height: 3px !important; background: var(--he-primary) !important; }\r\n.hitachi-wrapper h3 { font-size: 20px !important; font-weight: 800 !important; margin-bottom: 12px !important; color: var(--he-dark) !important;}\r\n.hitachi-wrapper h4 { font-size: 16px !important; font-weight: 700 !important; margin-bottom: 8px !important; }\r\n.hitachi-wrapper h5 { font-size: 14px !important; font-weight: 800 !important; margin-bottom: 4px !important; }\r\n.hitachi-wrapper p { font-size: 15px !important; margin-bottom: 16px !important; color: #000000 !important; line-height: 1.65 !important; } \r\n.hitachi-wrapper p:last-child { margin-bottom: 0 !important; }\r\n.he-inline-link { color: var(--he-primary) !important; font-weight: 600 !important; text-decoration: none !important; }\r\n.he-inline-link:hover { text-decoration: underline !important; }\r\n\r\n.he-quote-text { font-size: 18px !important; font-style: italic !important; color: var(--he-primary) !important; font-weight: 600 !important; margin: var(--he-space-md) 0 !important; line-height: 1.5 !important; border-left: 3px solid var(--he-primary) !important; padding-left: 20px !important; }\r\n\r\n\/* --- 3. LAYOUT & SIDEBAR --- *\/\r\n.he-container { max-width: 1280px !important; margin: 0 auto !important; padding: var(--he-space-sm) !important; }\r\n.he-layout { display: flex !important; flex-direction: column !important; gap: 24px !important; }\r\n.he-sidebar { display: none !important; }\r\n.he-section { padding: var(--he-space-md) var(--he-space-sm) !important; background: var(--he-white) !important; border-radius: var(--he-radius-xl) !important; box-shadow: var(--he-shadow-sm) !important; border: 1px solid rgba(0,0,0,0.03) !important; margin-bottom: 24px !important; scroll-margin-top: 80px !important; }\r\n\r\n.he-sidebar-inner { background: var(--he-white) !important; border: 1px solid rgba(0,0,0,0.04) !important; border-radius: var(--he-radius-lg) !important; padding: 16px !important; box-shadow: var(--he-shadow-md) !important; }\r\n.he-nav-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }\r\n.he-nav-link { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 16px !important; text-decoration: none !important; color: #000000 !important; font-weight: 600 !important; font-size: 14px !important; transition: var(--he-transition) !important; border-radius: var(--he-radius-md) !important; margin-bottom: 4px !important; background: transparent !important; }\r\n.he-nav-link:hover { color: var(--he-primary) !important; background: var(--he-primary-light) !important; padding-left: 20px !important; }\r\n.he-nav-link.active { color: #fff !important; font-weight: 800 !important; background: var(--he-primary) !important; }\r\n\r\n\/* --- 4. WHO CAN APPLY --- *\/\r\n.eligibility-banner { display: flex !important; align-items: center !important; gap: 16px !important; background: linear-gradient(90deg, var(--he-primary-light) 0%, rgba(255,255,255,0) 100%) !important; border-left: 4px solid var(--he-primary) !important; padding: 20px !important; border-radius: 0 var(--he-radius-md) var(--he-radius-md) 0 !important; margin-bottom: 24px !important; }\r\n.eligibility-banner i { font-size: 28px !important; color: var(--he-primary) !important; flex-shrink: 0 !important; }\r\n.eligibility-banner strong { display: block !important; color: var(--he-dark) !important; font-size: 16px !important; margin-bottom: 2px !important; }\r\n.eligibility-banner span { color: #000000 !important; font-size: 14px !important; }\r\n\r\n.domain-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 16px !important; }\r\n.domain-card { background: var(--he-gray-light) !important; padding: 12px 16px !important; border-radius: var(--he-radius-md) !important; transition: var(--he-transition) !important; border: 1px solid transparent !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; }\r\n.domain-card:hover { background: var(--he-white) !important; box-shadow: var(--he-shadow-md) !important; border-color: rgba(0,0,0,0.05) !important; transform: translateY(-3px) !important; }\r\n.domain-card i { font-size: 18px !important; color: var(--he-primary) !important; background: var(--he-white) !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 10px !important; box-shadow: var(--he-shadow-sm) !important; flex-shrink: 0 !important; }\r\n.domain-card span { font-weight: 700 !important; font-size: 14px !important; color: var(--he-dark) !important; line-height: 1.2 !important; }\r\n\r\n\/* --- 5. EVENT STRUCTURE --- *\/\r\n.agenda-list { position: relative !important; padding-left: 28px !important; display: flex !important; flex-direction: column !important; gap: 32px !important; margin-top: 16px !important; }\r\n.agenda-list::before { content: '' !important; position: absolute !important; top: 10px !important; bottom: 10px !important; left: 6px !important; width: 2px !important; background: var(--he-primary-light) !important; }\r\n.agenda-card { position: relative !important; background: var(--he-white) !important; padding: 24px !important; border-radius: var(--he-radius-lg) !important; border: 1px solid #eaeaea !important; box-shadow: var(--he-shadow-sm) !important; transition: var(--he-transition) !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }\r\n.agenda-card:hover { box-shadow: var(--he-shadow-md) !important; border-color: #ddd !important; transform: translateX(4px) !important; }\r\n.agenda-card::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 24px !important;\r\n    left: -30px !important;\r\n    width: 16px !important;\r\n    height: 16px !important;\r\n    background: var(--he-primary) !important;\r\n    border-radius: 50% !important;\r\n    border: 4px solid var(--he-white) !important;\r\n    box-shadow: 0 0 0 2px var(--he-primary-light) !important;\r\n}\r\n.agenda-time { font-weight: 800 !important; color: var(--he-primary) !important; font-size: 15px !important; display: flex !important; align-items: center !important; gap: 8px !important; }\r\n.agenda-time i { font-size: 14px !important; opacity: 0.7 !important; color: var(--he-primary) !important; }\r\n.agenda-info { flex: 1 !important; }\r\n.agenda-info h4 { font-size: 18px !important; margin-bottom: 6px !important; color: var(--he-dark) !important; }\r\n.agenda-info p { margin: 0 !important; color: #000000 !important; font-size: 14px !important; line-height: 1.6 !important; }\r\n\r\n.agenda-speaker { display: flex !important; align-items: center !important; gap: 20px !important; margin-top: 16px !important; padding-top: 16px !important; border-top: 1px dashed #eaeaea !important; }\r\n.agenda-speaker-img { width: var(--he-profile-agenda) !important; height: var(--he-profile-agenda) !important; border-radius: 50% !important; background: var(--he-gray-light) !important; border: 3px solid var(--he-primary-light) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #000000 !important; font-size: 32px !important; overflow: hidden !important; flex-shrink: 0 !important; box-shadow: var(--he-shadow-md) !important; cursor: default; }\r\n\r\n\/* Timeline Hover Zoom Effect *\/\r\n.he-single-zoom { transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; width: 100% !important; height: 100% !important; object-fit: cover !important; cursor: zoom-in !important; }\r\n.agenda-speaker-img:hover .he-single-zoom { transform: scale(1.15) !important; }\r\n\r\n.agenda-speaker-details { display: flex !important; flex-direction: column !important; gap: 4px !important; }\r\n.agenda-speaker-details strong { font-size: 16px !important; color: var(--he-dark) !important; line-height: 1.2 !important; }\r\n.agenda-speaker-details span { font-size: 13px !important; color: #000000 !important; line-height: 1.3 !important; }\r\n\r\n\/* Inline Panel Speakers Grid (2x2) with ambient blobs for glassmorphism *\/\r\n.agenda-panel-grid { \r\n    display: grid !important; \r\n    grid-template-columns: 1fr !important; \r\n    gap: 24px !important; \r\n    margin-top: 24px !important; \r\n    padding-top: 24px !important; \r\n    border-top: 1px dashed #eaeaea !important; \r\n    position: relative !important;\r\n}\r\n\r\n\/* Ambient color blobs behind the glass cards *\/\r\n.agenda-panel-grid::before {\r\n    content: '' !important; position: absolute !important; top: 10% !important; left: -10% !important;\r\n    width: 250px !important; height: 250px !important; background: rgba(204, 0, 0, 0.08) !important;\r\n    filter: blur(50px) !important; border-radius: 50% !important; z-index: -1 !important; pointer-events: none !important;\r\n}\r\n.agenda-panel-grid::after {\r\n    content: '' !important; position: absolute !important; bottom: -10% !important; right: -10% !important;\r\n    width: 200px !important; height: 200px !important; background: rgba(0, 0, 0, 0.04) !important;\r\n    filter: blur(40px) !important; border-radius: 50% !important; z-index: -1 !important; pointer-events: none !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .agenda-panel-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important; \r\n        gap: 32px 24px !important;\r\n    }\r\n}\r\n\r\n\/* GLASSMORPHISM MEMBER CARDS *\/\r\n.agenda-speaker-small { \r\n    display: flex !important; \r\n    align-items: center !important; \r\n    gap: 16px !important; \r\n    width: 100% !important; \r\n    padding: 16px !important;\r\n    border-radius: var(--he-radius-lg) !important;\r\n    background: rgba(255, 255, 255, 0.5) !important;\r\n    backdrop-filter: blur(16px) !important;\r\n    -webkit-backdrop-filter: blur(16px) !important;\r\n    border: 1px solid rgb(216 216 216 \/ 47%) !important;\r\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.4) !important;\r\n    transition: var(--he-transition) !important;\r\n    z-index: 1 !important;\r\n}\r\n.agenda-speaker-small:hover {\r\n    transform: translateY(-4px) !important;\r\n    background: rgba(255, 255, 255, 0.75) !important;\r\n    box-shadow: 0 12px 40px rgba(204, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important;\r\n    border-color: rgba(204, 0, 0, 0.15) !important;\r\n}\r\n\r\n.agenda-speaker-small .agenda-speaker-img { \r\n    width: 72px !important; \r\n    height: 72px !important; \r\n    flex-shrink: 0 !important; \r\n    margin-top: 0 !important; \r\n    border-radius: 50% !important; \r\n    background: var(--he-gray-light) !important; \r\n    border: 2px solid var(--he-white) !important; \r\n    overflow: hidden !important; \r\n    box-shadow: var(--he-shadow-sm) !important; \r\n}\r\n.agenda-speaker-small .agenda-speaker-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }\r\n.agenda-speaker-small:hover .he-single-zoom { transform: scale(1.15) !important; }\r\n\r\n\/* --- 6. EXPLORE OPPORTUNITIES --- *\/\r\n.job-list { display: flex !important; flex-direction: column !important; gap: 16px !important; margin-top: 16px !important; }\r\na.job-card { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 24px !important; border: 1px solid #eaeaea !important; border-radius: var(--he-radius-md) !important; background: var(--he-white) !important; transition: var(--he-transition) !important; text-decoration: none !important; color: inherit !important; }\r\na.job-card:hover, a.job-card.active-job { border-color: var(--he-primary) !important; cursor: pointer !important; }\r\na.job-card.active-job { box-shadow: 0 4px 16px rgba(204, 0, 0, 0.08) !important; }\r\n.job-info h4 { margin-bottom: 12px !important; font-size: 18px !important; color: var(--he-dark) !important; transition: color 0.3s !important; }\r\na.job-card:hover .job-info h4 { color: var(--he-primary) !important; }\r\n.job-meta { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }\r\n.job-meta span { display: flex !important; align-items: center !important; gap: 6px !important; background: var(--he-gray-light) !important; padding: 6px 12px !important; border-radius: 6px !important; font-size: 13px !important; color: #000000 !important; font-weight: 600 !important; }\r\n.job-meta span i { color: #000000 !important; }\r\n.apply-link { color: var(--he-primary) !important; font-weight: 700 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 15px !important; }\r\na.job-card:hover .apply-link { text-decoration: underline !important; }\r\n\r\n.view-all-wrapper { text-align: center !important; margin-top: 32px !important; }\r\n.btn-primary { background: var(--he-primary) !important; color: #fff !important; padding: 12px 32px !important; border-radius: 30px !important; border: none !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer !important; transition: var(--he-transition) !important; text-decoration: none !important; display: inline-block !important; }\r\n.btn-primary:hover { background: #a30000 !important; box-shadow: 0 8px 24px rgba(204, 0, 0, 0.2) !important; transform: translateY(-2px) !important; }\r\n\r\n@media (max-width: 600px) {\r\n    a.job-card { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }\r\n    .apply-link { align-self: flex-start !important; }\r\n}\r\n\r\n\/* --- FLOATING CTA --- *\/\r\n.he-floating-cta { position: fixed !important; bottom: 32px !important; right: 32px !important; background: var(--he-primary) !important; color: var(--he-white) !important; padding: 12px 28px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: 0 8px 24px rgba(204, 0, 0, 0.3) !important; z-index: 9999 !important; text-decoration: none !important; display: flex !important; align-items: center !important; justify-content: center !important; letter-spacing: 0.5px !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(20px) !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }\r\n.he-floating-cta.is-visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }\r\n.he-floating-cta.is-visible:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 32px rgba(204, 0, 0, 0.4) !important; background: #a30000 !important; color: #fff !important; }\r\n\r\n\/* --- 7. MODERN FEATURES SECTION (WHY PARTICIPATE) --- *\/\r\n.features-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; margin-top: var(--he-space-md) !important; }\r\n.feature-card { background: var(--he-white) !important; padding: 32px !important; border-radius: var(--he-radius-lg) !important; box-shadow: var(--he-shadow-md) !important; border: 1px solid rgba(0,0,0,0.05) !important; transition: var(--he-transition) !important; display: flex !important; flex-direction: column !important; gap: 20px !important; height: 100% !important; }\r\n.feature-card:hover { transform: translateY(-4px) !important; box-shadow: var(--he-shadow-hover) !important; }\r\n\r\n.feature-icon-wrapper { width: 64px !important; height: 64px !important; background: var(--he-primary) !important; color: var(--he-white) !important; border-radius: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 28px !important; flex-shrink: 0 !important; box-shadow: 0 8px 24px rgba(204, 0, 0, 0.2) !important; transition: var(--he-transition) !important; }\r\n.feature-card:hover .feature-icon-wrapper { transform: scale(1.05) !important; }\r\n\r\n.feature-content { flex: 1 !important; }\r\n.feature-content h3 { font-size: 20px !important; margin-bottom: 12px !important; color: var(--he-dark) !important; line-height: 1.3 !important; }\r\n.feature-content p { font-size: 15px !important; color: #000000 !important; line-height: 1.6 !important; margin-bottom: 12px !important; }\r\n.feature-content p:last-child { margin-bottom: 0 !important; }\r\n\r\n\/* --- 8. REWARDS \/ BLOCKS --- *\/\r\n.rewards-modern-list { display: flex !important; flex-direction: column !important; gap: 16px !important; margin-top: 24px !important; }\r\n.reward-item { display: flex !important; align-items: center !important; gap: 16px !important; background: var(--he-gray-light) !important; padding: 16px 20px !important; border-radius: var(--he-radius-md) !important; border: 1px solid transparent !important; transition: var(--he-transition) !important; }\r\n.reward-item:hover { background: var(--he-white) !important; border-color: rgba(0,0,0,0.05) !important; transform: translateY(-2px) !important; box-shadow: var(--he-shadow-md) !important; }\r\n.reward-icon { width: 52px !important; height: 52px !important; border-radius: 12px !important; background: var(--he-white) !important; color: var(--he-primary) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; flex-shrink: 0 !important; box-shadow: var(--he-shadow-sm) !important; }\r\n.reward-text { font-size: 15px !important; font-weight: 600 !important; color: var(--he-dark) !important; margin: 0 !important; }\r\n\r\n\/* --- 10. MEDIA SECTION --- *\/\r\n.he-video-wrapper { position: relative !important; width: 100% !important; aspect-ratio: 16 \/ 9 !important; height: auto !important; overflow: hidden !important; border-radius: var(--he-radius-lg) !important; background: #000 !important; box-shadow: var(--he-shadow-md) !important; margin: var(--he-space-md) 0 0 0 !important; }\r\n.he-video-wrapper iframe { position: absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; border:0 !important; }\r\n\r\n\/* --- 11. IMAGE SLIDER WITH DRAG & ZOOM --- *\/\r\n.people-header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; margin-bottom: 24px !important; gap: 16px !important; flex-wrap: wrap !important; }\r\n.people-header-text { flex: 1 !important; min-width: 250px !important; }\r\n.people-header h3 { margin-bottom: 8px !important; }\r\n.people-header p { margin-bottom: 0 !important; }\r\n\r\n.img-carousel-wrapper { position: relative !important; width: 100% !important; }\r\n\r\n.img-carousel-track {\r\n    display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important;\r\n    gap: 20px !important; padding: 10px 4px 24px 4px !important; scrollbar-width: none !important;\r\n    scroll-behavior: smooth !important;\r\n    cursor: grab !important;\r\n}\r\n.img-carousel-track:active {\r\n    cursor: grabbing !important;\r\n}\r\n\r\n.img-carousel-track.is-dragging {\r\n    scroll-snap-type: none !important;\r\n    scroll-behavior: auto !important;\r\n}\r\n\r\n.img-carousel-track::-webkit-scrollbar { display: none !important; }\r\n\r\n.img-slide {\r\n    flex: 0 0 100% !important; scroll-snap-align: start !important; min-width: 280px !important;\r\n    border-radius: var(--he-radius-lg) !important; overflow: hidden !important;\r\n    background: var(--he-gray-light) !important; box-shadow: var(--he-shadow-sm) !important;\r\n    transition: box-shadow var(--he-transition) !important;\r\n}\r\n\r\n.img-slide img {\r\n    width: 100% !important; height: 100% !important; object-fit: cover !important;\r\n    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n}\r\n.img-slide:hover { box-shadow: var(--he-shadow-hover) !important; z-index: 2; position: relative;}\r\n.img-slide:hover img { transform: scale(1.08) !important; }\r\n\r\n\/* Modern Dots + Arrows Controls Setup *\/\r\n.carousel-arrows { display: flex !important; gap: 12px !important; }\r\n.carousel-controls-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 16px !important; }\r\n.carousel-btn { background: var(--he-white) !important; border: 1px solid #ddd !important; color: var(--he-dark) !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: var(--he-transition) !important; box-shadow: var(--he-shadow-sm) !important; flex-shrink: 0 !important;}\r\n.carousel-btn:hover { background: var(--he-primary) !important; color: #fff !important; border-color: var(--he-primary) !important; }\r\n\r\n.carousel-dots { display: flex !important; gap: 8px !important; align-items: center !important; }\r\n.carousel-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #d0d0d0 !important; border: none !important; padding: 0 !important; cursor: pointer !important; transition: var(--he-transition) !important; }\r\n.carousel-dot.active { width: 24px !important; border-radius: 4px !important; background: var(--he-primary) !important; }\r\n\r\n\/* --- LIGHTBOX MODAL --- *\/\r\n.he-lightbox-modal {\r\n    display: none; position: fixed; z-index: 10000; left: 0; top: 0;\r\n    width: 100%; height: 100%; background-color: rgba(0,0,0,0.92);\r\n    opacity: 0; transition: opacity 0.3s ease;\r\n}\r\n.he-lightbox-modal.show { \r\n    display: flex !important; align-items: center !important; justify-content: center !important; opacity: 1; \r\n}\r\n\r\n.he-lightbox-content {\r\n    display: block; max-width: 90vw; max-height: 80vh; border-radius: var(--he-radius-md);\r\n    transform: scale(0.9); transition: transform 0.3s ease; object-fit: contain;\r\n    cursor: pointer; \r\n}\r\n.he-lightbox-modal.show .he-lightbox-content { transform: scale(1); }\r\n\r\n.he-lightbox-close {\r\n    position: absolute; top: 20px; right: 30px; color: #f1f1f1; font-size: 40px;\r\n    font-weight: bold; transition: 0.3s; cursor: pointer; z-index: 10002; line-height: 1;\r\n}\r\n.he-lightbox-close:hover, .he-lightbox-close:focus { color: var(--he-primary); text-decoration: none; }\r\n\r\n.he-lightbox-prev, .he-lightbox-next {\r\n    position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10001 !important;\r\n}\r\n.he-lightbox-next { right: 30px !important; }\r\n.he-lightbox-prev { left: 30px !important; }\r\n\r\n.he-d-none { display: none !important; }\r\n\r\n\/* Global class to make images clickable for lightbox *\/\r\n.he-zoom-img { cursor: zoom-in !important; }\r\n\r\n.disclaimer-note { background: var(--he-primary-light); color: var(--he-dark); padding: 16px 20px; border-radius: var(--he-radius-md); font-size: 14px; margin-top: 16px; border-left: 4px solid var(--he-primary); }\r\n\r\n\/* --- SCROLL ANIMATIONS --- *\/\r\n.he-fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); will-change: opacity, transform; }\r\n.he-fade-up.he-visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* --- 12. DESKTOP RESPONSIVE --- *\/\r\n@media (min-width: 768px) {\r\n    .img-slide { flex: 0 0 calc(50% - 10px) !important; }\r\n    .features-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; }\r\n}\r\n@media (min-width: 1024px) {\r\n    .he-container { padding: var(--he-space-md) !important; }\r\n    .he-layout { flex-direction: row !important; gap: 40px !important; align-items: flex-start !important; }\r\n    .he-sidebar { display: block !important; width: var(--he-sidebar-w) !important; min-width: var(--he-sidebar-w) !important; position: sticky !important; top: 100px !important; align-self: flex-start !important; padding-top: 10px !important; }\r\n    .he-section { padding: 40px !important; margin-bottom: 32px !important; }\r\n    .he-video-wrapper { aspect-ratio: 21 \/ 9 !important; }\r\n    .img-slide { flex: 0 0 calc(50% - 10px) !important; } \r\n}\r\n@media (max-width: 768px) {\r\n    \/* Floating CTA Bottom Right for Mobile *\/\r\n    .he-floating-cta { bottom: 24px !important; right: 24px !important; left: auto !important; padding: 12px 24px !important; }\r\n    \r\n    \/* Hide Lightbox arrows on mobile *\/\r\n    .he-lightbox-prev, .he-lightbox-next { display: none !important; }\r\n    \r\n    \/* Adjust close button for mobile *\/\r\n    .he-lightbox-close { top: 15px; right: 20px; }\r\n    \r\n    \/* Hide carousel arrows on mobile *\/\r\n    .carousel-arrows { display: none !important; }\r\n\r\n    \/* ---- NEW MOBILE FIXES FOR PANEL DISCUSSION PADDING ---- *\/\r\n    \/* Target the specific panel discussion card *\/\r\n    .agenda-card.panel-discussion-card { \r\n        padding: 15px !important; \r\n    }\r\n    \r\n    \/* Reduce the massive gap and top padding between the speaker list and the title *\/\r\n    .agenda-card.panel-discussion-card .agenda-panel-grid { \r\n        gap: 12px !important; \r\n        margin-top: 16px !important; \r\n        padding-top: 16px !important; \r\n    }\r\n    \r\n    \/* Shrink the inner padding of the individual speaker cards to fit better *\/\r\n    .agenda-speaker-small { \r\n        padding: 12px !important; \r\n        gap: 12px !important; \r\n    }\r\n    \r\n    \/* Slightly reduce the size of the speaker images so it all flows well *\/\r\n    .agenda-speaker-small .agenda-speaker-img { \r\n        width: 60px !important; \r\n        height: 60px !important; \r\n    }\r\n    \r\n    \/* Tweak text sizes just a bit for mobile fit inside the new smaller box *\/\r\n    .agenda-speaker-small .agenda-speaker-details strong { \r\n        font-size: 15px !important; \r\n    }\r\n    .agenda-speaker-small .agenda-speaker-details span { \r\n        font-size: 12px !important; \r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hitachi-wrapper\">\r\n\r\n    <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/mycareernet\/hitachi2026new\/apply?event=230260&job=244244\" target=\"_blank\" class=\"registrationLink he-floating-cta\">\r\n        Register Now\r\n    <\/a>\r\n\r\n    <div class=\"he-container\">\r\n        \r\n        <div class=\"he-layout\">\r\n            \r\n            <aside class=\"he-sidebar\">\r\n                <div class=\"he-sidebar-inner\">\r\n                    <ul class=\"he-nav-list\">\r\n                        <li><a href=\"#company\" class=\"he-nav-link active\">Company overview<\/a><\/li>\r\n                        <li><a href=\"#event\" class=\"he-nav-link\">Event overview<\/a><\/li>\r\n                        <li><a href=\"#why-participate\" class=\"he-nav-link\">Why participate<\/a><\/li>\r\n                        <li><a href=\"#rewards\" class=\"he-nav-link\">Rewards<\/a><\/li>\r\n                        <li><a href=\"#jobs\" class=\"he-nav-link\">Opportunities<\/a><\/li>\r\n                        <li><a href=\"#structure\" class=\"he-nav-link\">Event structure<\/a><\/li>\r\n                        <li><a href=\"#why-join\" class=\"he-nav-link\">Why join Hitachi Energy<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/aside>\r\n\r\n            <main style=\"flex: 1; min-width: 0;\">\r\n\r\n                <section id=\"company\" class=\"he-section\">\r\n                    <h2>Company overview<\/h2>\r\n                    <p>Hitachi Energy is a global technology leader in electrification, inspiring the next era of sustainable energy.<\/p>\r\n                    <p>With over a century of pioneering technology, the organization collaborates with customers, partners, and research communities to co-create solutions that fuel wind farms, enable mass transportation, and protect cities from blackouts.<\/p>\r\n                    <p>People and inclusion are central to Hitachi Energy\u2019s progress. They champion women in building impactful careers across engineering, technology, and innovation through inclusive policies, leadership programs, and growth opportunities.<\/p>\r\n                    \r\n                    <div class=\"he-video-wrapper\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/E9NQuQHCyls?si=pH_G1Zr8qtB3Ngb8\" title=\"Power of Connection\" allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section id=\"event\" class=\"he-section he-fade-up\">\r\n                    <h2>Event overview<\/h2>\r\n                    <p class=\"he-quote-text\" style=\"margin-top: 0; margin-bottom: 24px;\">\r\n                        \"Lead by example, so other women know it is possible.\"\r\n                    <\/p>\r\n                    <p>ConnectHER, an exclusive networking event by Hitachi Energy, is your gateway to lead, innovate, and shape the future of energy.<\/p>\r\n                    <p>Designed for ambitious women professionals with 1\u201310 years of experience, this is your opportunity to connect with leaders and explore high-impact roles driving real-world innovations that power the planet.<\/p>\r\n                    <p>Step into a space that celebrates your potential, fuels your ambitions, and supports your journey with mentorship, returnship programs, and policies like We Care for parenthood and wellbeing.<\/p>\r\n                    <p>Let\u2019s start with achieving more together.<\/p>\r\n\r\n                    <div class=\"he-video-wrapper he-fade-up\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/rOglyXjHCM8?si=Kh6dup5a4wnf_Lh\" title=\"Hitachi Energy\u2019s vision for a renewable energy future\" allowfullscreen><\/iframe>\r\n                    <\/div>\r\n\r\n                    <div style=\"margin-top: var(--he-space-md);\" class=\"he-fade-up\">\r\n                        <h3>Who can apply<\/h3>\r\n                        \r\n                        <div class=\"eligibility-banner\">\r\n                            <i class=\"fa-solid fa-clipboard-user\"><\/i>\r\n                            <div>\r\n                                <strong>Eligibility<\/strong>\r\n                                <span>Women professionals with 1\u201310 years of experience across diverse domains<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <h4 style=\"margin-bottom: 16px;\">Functional skills and domains<\/h4>\r\n                        <div class=\"domain-grid\">\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-microchip\"><\/i><span>Technology<\/span><\/div>\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-gears\"><\/i><span>Engineering<\/span><\/div>\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-memory\"><\/i><span>Semiconductor<\/span><\/div>\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-code\"><\/i><span>Embedded software<\/span><\/div>\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-bolt\"><\/i><span>Electrical engineering<\/span><\/div>\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-plug\"><\/i><span>Electronics<\/span><\/div>\r\n                            <div class=\"domain-card\"><i class=\"fa-solid fa-chart-line\"><\/i><span>Finance and supply chain<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n                \r\n                <section id=\"why-participate\" class=\"he-section\">\r\n                    <h2 class=\"he-fade-up\">Why participate<\/h2>\r\n                    <p class=\"he-fade-up\">Be part of a workplace that puts well-being, empathy, and inclusion first and supports you at different stages of your life.<\/p>\r\n                    \r\n                    <div class=\"features-grid\">\r\n                        \r\n                        <div class=\"feature-card he-fade-up\">\r\n                            <div class=\"feature-icon-wrapper\">\r\n                                <i class=\"fa-solid fa-earth-americas\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"feature-content\">\r\n                                <h3>Work with purpose<\/h3>\r\n                                <p>Hitachi Energy brings energy to our homes, workplaces, hospitals, and schools. What they deliver is used globally by more than three-quarters of the world\u2019s population. What they do is always evolving.<\/p>\r\n                                <p>They do more than keep the lights on; their purpose is to inspire sustainable progress.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-card he-fade-up\">\r\n                            <div class=\"feature-icon-wrapper\">\r\n                                <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"feature-content\">\r\n                                <h3>Think big<\/h3>\r\n                                <p>The work has a massive scale. Hitachi Energy builds sustainable energy solutions that span cities, countries, and continents. They transfer the power of the world\u2019s largest wind farms, bring energy to mass transportation systems, and protect the biggest cities from blackouts.<\/p>\r\n                                <p>They solve seemingly impossible engineering problems, pushing boundaries, breaking records, and never giving up. Their work continues as they strive to meet the challenges of today and the demands of tomorrow.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"feature-card he-fade-up\">\r\n                            <div class=\"feature-icon-wrapper\">\r\n                                <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"feature-content\">\r\n                                <h3>Wellbeing + Empathy + Inclusion = Great innovation<\/h3>\r\n                                <p>Today\u2019s challenges are bigger than one company, one team, and one individual.<\/p>\r\n                                <p>Hitachi Energy recognizes that true innovation comes through collaboration with colleagues. This is essential to shape the future through active collaboration, delivering great innovation.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-card he-fade-up\">\r\n                            <div class=\"feature-icon-wrapper\">\r\n                                <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"feature-content\">\r\n                                <h3>Energize your career<\/h3>\r\n                                <p>Hitachi Energy supports, encourages, and guides you to reach your career goals through its commitment to lifelong learning.<\/p>\r\n                                <p>You will be part of a global team that will stretch you, give you responsibility, and encourage you to make decisions. Bring your passion, your drive, and plug into a team that will energize your career while advancing a sustainable energy future for all.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n\r\n                    <p style=\"margin-top: 48px; font-weight: 700; font-size: 18px; text-align: center;\" class=\"he-fade-up\">Shape tomorrow today. Let\u2019s connect.<\/p>\r\n\r\n                <\/section>\r\n\r\n                <section id=\"rewards\" class=\"he-section he-fade-up\">\r\n                    <h2>Rewards<\/h2>\r\n                    \r\n                    <div class=\"rewards-modern-list\">\r\n                        <div class=\"reward-item\">\r\n                            <div class=\"reward-icon\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\r\n                            <p class=\"reward-text\">Career opportunities across engineering, technology, and digital roles<\/p>\r\n                        <\/div>\r\n                        <div class=\"reward-item\">\r\n                            <div class=\"reward-icon\"><i class=\"fa-solid fa-users-viewfinder\"><\/i><\/div>\r\n                            <p class=\"reward-text\">Mentorship from Hitachi Energy\u2019s leaders<\/p>\r\n                        <\/div>\r\n                        <div class=\"reward-item\">\r\n                            <div class=\"reward-icon\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n                            <p class=\"reward-text\">Networking with peers and industry experts<\/p>\r\n                        <\/div>\r\n                        <div class=\"reward-item\">\r\n                            <div class=\"reward-icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/div>\r\n                            <p class=\"reward-text\">Curated discussions around women in leadership and STEM<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"he-video-wrapper he-fade-up\" style=\"margin-top: 32px;\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/0BphzFK4o4o?si=ciwGwUGi4mr-nHDG\" title=\"Service: Energizing the current and future grid\" allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section id=\"jobs\" class=\"he-section he-fade-up\">\r\n                    <h2>Opportunities available through this networking event<\/h2>\r\n                    \r\n                    <div class=\"job-list\" style=\"margin-top: 0;\">\r\n                        \r\n                        <a href=\"\/mycareernet\/events\/hitachi-energy-connecther\/jobs\/Distribution-Automation-Application-engineer-148486\" target=\"_blank\" class=\"job-card\">\r\n                            <div class=\"job-info\">\r\n                                <h4>Distribution Automation - Application engineer<\/h4>\r\n                                <div class=\"job-meta\">\r\n                                    <span><i class=\"fa-solid fa-briefcase\"><\/i> 5 - 10 yrs<\/span>\r\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i> Chennai<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <span class=\"apply-link\">Apply <i class=\"fa-solid fa-arrow-right\"><\/i><\/span>\r\n                        <\/a>\r\n                        \r\n                        <a href=\"\/mycareernet\/events\/hitachi-energy-connecther\/jobs\/Marketing-Project-Manager-Power-Transformer-144438\" target=\"_blank\" class=\"job-card\">\r\n                            <div class=\"job-info\">\r\n                                <h4>Marketing Project Manager - Power Transformer<\/h4>\r\n                                <div class=\"job-meta\">\r\n                                    <span><i class=\"fa-solid fa-briefcase\"><\/i> 4 - 8 yrs<\/span>\r\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i> Chennai<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <span class=\"apply-link\">Apply <i class=\"fa-solid fa-arrow-right\"><\/i><\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"\/mycareernet\/events\/hitachi-energy-connecther\/jobs\/General-Accounting-Reconciliation-Experience-148518\" target=\"_blank\" class=\"job-card\">\r\n                            <div class=\"job-info\">\r\n                                <h4>General Accounting & Reconciliation Experienced Professional<\/h4>\r\n                                <div class=\"job-meta\">\r\n                                    <span><i class=\"fa-solid fa-briefcase\"><\/i> 5 - 7 yrs<\/span>\r\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i> Bengaluru<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <span class=\"apply-link\">Apply <i class=\"fa-solid fa-arrow-right\"><\/i><\/span>\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n                    \r\n                    <div class=\"view-all-wrapper he-fade-up\">\r\n                        <a href=\"https:\/\/mycareernet.co\/mycareernet\/events\/hitachi-energy-connecther\/jobs\" target=\"_blank\" class=\"btn-primary\">View All Jobs<\/a>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section id=\"structure\" class=\"he-section\">\r\n                    <h2 class=\"he-fade-up\">Event structure and timeline<\/h2>\r\n                    <p class=\"he-fade-up\"><strong>Registration and shortlisting:<\/strong> Applications will be screened after online registration (closes April 17, 2026), and shortlisted candidates will be invited to attend the event.<\/p>\r\n                    <p class=\"he-fade-up\"><strong>One-day networking event:<\/strong> The event will be hosted in Bengaluru on April 18, 2026. It will bring together women in engineering for meaningful networking and conversations around career growth and opportunities in the industry.<\/p>\r\n                    \r\n                    <div class=\"disclaimer-note he-fade-up\" style=\"margin-bottom: 24px;\">\r\n                        <strong>Note:<\/strong> You will be invited to the event only if you meet the eligibility criteria. Post-event, Hitachi Energy will review profiles and connect with shortlisted candidates for potential career opportunities. This will be an ongoing hiring process.\r\n                    <\/div>\r\n\r\n                    <div class=\"agenda-list\">\r\n                        \r\n                        <div class=\"agenda-card he-fade-up\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 8:00 AM - 9:00 AM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Breakfast<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"agenda-card he-fade-up\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 9:00 AM - 9:30 AM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Registration<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"agenda-card he-fade-up\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 9:30 AM - 10:00 AM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Virtual keynote address<\/h4>\r\n                                <div class=\"agenda-speaker\">\r\n                                    <div class=\"agenda-speaker-img\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Venu-Nuguri.jpg\" alt=\"Venu Nuguri\" class=\"he-single-zoom\">\r\n                                    <\/div>\r\n                                    <div class=\"agenda-speaker-details\">\r\n                                        <strong>N Venu<\/strong>\r\n                                        <span>MD & CEO Hitachi Energy India & APAC and MD Hitachi India <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"agenda-card he-fade-up\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 10:00 AM - 10:30 AM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Welcome note<\/h4>\r\n                                <div class=\"agenda-speaker\">\r\n                                    <div class=\"agenda-speaker-img\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Neha-Ahluwalia.jpg\" alt=\"Neha Ahluwalia\" class=\"he-single-zoom\">\r\n                                    <\/div>\r\n                                    <div class=\"agenda-speaker-details\">\r\n                                        <strong>Neha Ahluwalia<\/strong>\r\n                                        <span>Chief Human Resources Officer, India and South Asia <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"agenda-card he-fade-up panel-discussion-card\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 10:30 AM - 11:30 AM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Panel discussion<\/h4>\r\n                                <p><strong>Theme:<\/strong> Women leaders driving innovation in engineering and energy<\/p>\r\n                                \r\n                                <div class=\"agenda-panel-grid\">\r\n                                    <div class=\"agenda-speaker-small\">\r\n                                        <div class=\"agenda-speaker-img\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Neha-Ahluwalia.jpg\" alt=\"Neha Ahluwalia\" class=\"he-single-zoom\">\r\n                                        <\/div>\r\n                                        <div class=\"agenda-speaker-details\">\r\n                                            <strong>Neha Ahluwalia<\/strong>\r\n                                            <span>Chief Human Resources Officer<br>India and South Asia <\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"agenda-speaker-small\">\r\n                                        <div class=\"agenda-speaker-img\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/04\/akilur-rahman-of-hitachi-energy.webp\" alt=\"Akilur Rahman\" class=\"he-single-zoom\">\r\n                                        <\/div>\r\n                                        <div class=\"agenda-speaker-details\">\r\n                                            <strong>Akilur Rahman<\/strong>\r\n                                            <span>Chief Technology Officer<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"agenda-speaker-small\">\r\n                                        <div class=\"agenda-speaker-img\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/04\/ramkumar-d.webp\" alt=\"Ramkumar D\" class=\"he-single-zoom\">\r\n                                        <\/div>\r\n                                        <div class=\"agenda-speaker-details\">\r\n                                            <strong>Ramkumar D<\/strong>\r\n                                            <span>Senior Vice President<br>Grid Power Quality Solutions<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"agenda-speaker-small\">\r\n                                        <div class=\"agenda-speaker-img\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/04\/Reema-Santhosh.webp\" alt=\"Reema Santhosh\" class=\"he-single-zoom\">\r\n                                        <\/div>\r\n                                        <div class=\"agenda-speaker-details\">\r\n                                            <strong>Reema Santhosh<\/strong>\r\n                                            <span style=\"color: var(--he-primary); font-weight: 800; text-transform: none; font-size: 11px; margin-bottom: 2px; display: inline-block;\">Moderator<\/span>\r\n                                            <span>Employer Brand Hub Lead<br>India and South East Asia <\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"agenda-card he-fade-up\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 11:30 AM - 12:00 PM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Open discussion<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"agenda-card he-fade-up\">\r\n                            <div class=\"agenda-time\"><i class=\"fa-regular fa-clock\"><\/i> 12:00 PM - 12:30 PM<\/div>\r\n                            <div class=\"agenda-info\">\r\n                                <h4>Lunch and networking<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section id=\"why-join\" class=\"he-section\">\r\n                    <h2 class=\"he-fade-up\">Why join Hitachi Energy<\/h2>\r\n                    <p class=\"he-fade-up\" style=\"margin-bottom: 32px;\">Because your ambition deserves a workplace that values your voice and invests in your growth.<\/p>\r\n                    \r\n                    <div class=\"people-header he-fade-up\">\r\n                        <div class=\"people-header-text\">\r\n                            <h3 id=\"people\">People of Hitachi Energy<\/h3>\r\n                            <p>Meet the engineers, leaders, and innovators, shaping the future at Hitachi Energy.<\/p>\r\n                        <\/div>\r\n                        <div class=\"carousel-arrows\">\r\n                            <button class=\"carousel-btn\" id=\"imgPrevBtn\" aria-label=\"Previous\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n                            <button class=\"carousel-btn\" id=\"imgNextBtn\" aria-label=\"Next\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"img-carousel-wrapper he-fade-up\">\r\n                        <div class=\"img-carousel-track\" id=\"imgSliderTrack\">\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Neha-Ahluwali.webp\" alt=\"Neha Ahluwalia\" class=\"he-zoom-img\"><\/div>\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Anusha.webp\" alt=\"Anusha\" class=\"he-zoom-img\"><\/div>\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Dr-Sameer-Chaudhary-quote.webp\" alt=\"Dr Sameer Chaudhary\" class=\"he-zoom-img\"><\/div>\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Shankar-M.webp\" alt=\"Shankar M\" class=\"he-zoom-img\"><\/div>\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/vijay.webp\" alt=\"Vijay\" class=\"he-zoom-img\"><\/div>\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/GI-Sabitha.webp\" alt=\"Sabitha\" class=\"he-zoom-img\"><\/div>\r\n                            <div class=\"img-slide\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/GI-Gowsiya.webp\" alt=\"Gowsiya\" class=\"he-zoom-img\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"carousel-controls-wrapper\">\r\n                            <div class=\"carousel-dots\" id=\"imgCarouselDots\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"he-video-wrapper he-fade-up\" style=\"margin-top: 32px;\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/DIeGPNDbwP8?si=lPupZPGg_YyXnaOH\" title=\"Let\u2019s transform the energy future\" allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n            <\/main>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"heLightbox\" class=\"he-lightbox-modal\">\r\n        <span class=\"he-lightbox-close\">&times;<\/span>\r\n        <button class=\"carousel-btn he-lightbox-prev\" id=\"heLightboxPrev\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n        <img class=\"he-lightbox-content\" id=\"heLightboxImg\" title=\"Click for next image\">\r\n        <button class=\"carousel-btn he-lightbox-next\" id=\"heLightboxNext\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n    \/* --- DYNAMICALLY UPDATE MENU LINK --- *\/\r\n    const updateMenuLinks = document.querySelectorAll('a');\r\n    updateMenuLinks.forEach(link => {\r\n        if (link.href === 'https:\/\/mycareernet.co\/mycareernet\/jobs' || link.getAttribute('href') === 'https:\/\/mycareernet.co\/mycareernet\/jobs') {\r\n            link.href = 'https:\/\/mycareernet.co\/mycareernet\/events\/hitachi-energy-connecther\/jobs';\r\n        }\r\n    });\r\n\r\n    \/* --- SCROLL ANIMATION OBSERVER --- *\/\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.15\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('he-visible');\r\n                observer.unobserve(entry.target); \r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    document.querySelectorAll('.he-fade-up').forEach((el) => {\r\n        observer.observe(el);\r\n    });\r\n\r\n    \/* --- SCROLL REVEAL FOR FLOATING CTA --- *\/\r\n    const floatingCta = document.querySelector('.he-floating-cta');\r\n    \r\n    function toggleFloatingCta() {\r\n        if (window.scrollY > window.innerHeight) {\r\n            floatingCta.classList.add('is-visible');\r\n        } else {\r\n            floatingCta.classList.remove('is-visible');\r\n        }\r\n    }\r\n    \r\n    toggleFloatingCta();\r\n    window.addEventListener(\"scroll\", toggleFloatingCta, { passive: true });\r\n\r\n    \/* --- SCROLLSPY SCRIPT --- *\/\r\n    const desktopLinks = document.querySelectorAll('.he-nav-link');\r\n    const sections = document.querySelectorAll(\".he-section[id]\");\r\n    const scrollOffset = 120; \r\n    \r\n    function highlightNav() {\r\n        let scrollY = window.scrollY;\r\n        sections.forEach(current => {\r\n            const sectionHeight = current.offsetHeight;\r\n            const sectionTop = current.offsetTop - scrollOffset - 20; \r\n            const sectionId = current.getAttribute(\"id\");\r\n            \r\n            if (sectionId && scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {\r\n                desktopLinks.forEach(l => l.classList.remove(\"active\"));\r\n                const activeDesk = document.querySelector(`.he-nav-link[href*=${sectionId}]`);\r\n                if(activeDesk) activeDesk.classList.add(\"active\");\r\n            }\r\n        });\r\n    }\r\n    window.addEventListener(\"scroll\", highlightNav, { passive: true });\r\n    \r\n    desktopLinks.forEach(link => {\r\n        link.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            const targetId = this.getAttribute('href').substring(1);\r\n            const targetSection = document.getElementById(targetId);\r\n            \r\n            if(targetSection) {\r\n                const elementPosition = targetSection.getBoundingClientRect().top;\r\n                const offsetPosition = elementPosition + window.scrollY - scrollOffset;\r\n    \r\n                window.scrollTo({\r\n                    top: offsetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n\r\n    \/* --- CAROUSEL WITH DRAG TO SCROLL, DOTS & AUTOPLAY --- *\/\r\n    const imgTrack = document.getElementById('imgSliderTrack');\r\n    const imgPrevBtn = document.getElementById('imgPrevBtn');\r\n    const imgNextBtn = document.getElementById('imgNextBtn');\r\n    const dotsContainer = document.getElementById('imgCarouselDots');\r\n    \r\n    let isDown = false;\r\n    let isDragging = false;\r\n    let startX;\r\n    let scrollLeft;\r\n\r\n    if (imgTrack && imgPrevBtn && imgNextBtn) {\r\n        const slides = imgTrack.querySelectorAll('.img-slide');\r\n        let dots = [];\r\n\r\n        \/\/ Generate Dots\r\n        if (dotsContainer && slides.length > 0) {\r\n            slides.forEach((_, index) => {\r\n                const dot = document.createElement('button');\r\n                dot.classList.add('carousel-dot');\r\n                if (index === 0) dot.classList.add('active');\r\n                \r\n                dot.addEventListener('click', () => {\r\n                    const slideWidth = slides[0].offsetWidth + 20; \/\/ Includes gap\r\n                    imgTrack.scrollTo({ left: slideWidth * index, behavior: 'smooth' });\r\n                });\r\n                \r\n                dotsContainer.appendChild(dot);\r\n                dots.push(dot);\r\n            });\r\n        }\r\n\r\n        const getImgScrollAmount = () => {\r\n            const slide = imgTrack.querySelector('.img-slide');\r\n            return slide ? slide.offsetWidth + 20 : 300; \r\n        };\r\n\r\n        const scrollImgNext = () => {\r\n            if (imgTrack.scrollLeft + imgTrack.clientWidth >= imgTrack.scrollWidth - 10) {\r\n                imgTrack.scrollTo({ left: 0, behavior: 'smooth' }); \r\n            } else {\r\n                imgTrack.scrollBy({ left: getImgScrollAmount(), behavior: 'smooth' });\r\n            }\r\n        };\r\n\r\n        const scrollImgPrev = () => {\r\n            if (imgTrack.scrollLeft <= 0) {\r\n                imgTrack.scrollTo({ left: imgTrack.scrollWidth, behavior: 'smooth' });\r\n            } else {\r\n                imgTrack.scrollBy({ left: -getImgScrollAmount(), behavior: 'smooth' });\r\n            }\r\n        };\r\n\r\n        const updateActiveDot = () => {\r\n            if (slides.length === 0 || dots.length === 0) return;\r\n            const slideWidth = slides[0].offsetWidth + 20;\r\n            const currentIndex = Math.round(imgTrack.scrollLeft \/ slideWidth);\r\n            \r\n            dots.forEach(d => d.classList.remove('active'));\r\n            if (dots[currentIndex]) {\r\n                dots[currentIndex].classList.add('active');\r\n            } else if (currentIndex >= dots.length) {\r\n                dots[dots.length - 1].classList.add('active'); \/\/ Fallback for end of track\r\n            }\r\n        };\r\n\r\n        imgNextBtn.addEventListener('click', scrollImgNext);\r\n        imgPrevBtn.addEventListener('click', scrollImgPrev);\r\n        imgTrack.addEventListener('scroll', updateActiveDot, { passive: true });\r\n\r\n        let imgAutoPlayInterval = setInterval(scrollImgNext, 3500); \r\n\r\n        const imgCarouselWrapper = document.querySelector('.img-carousel-wrapper');\r\n        const headerArrowWrapper = document.querySelector('.carousel-arrows');\r\n        \r\n        \/\/ Pause on hover\r\n        imgCarouselWrapper.addEventListener('mouseenter', () => clearInterval(imgAutoPlayInterval));\r\n        imgCarouselWrapper.addEventListener('mouseleave', () => {\r\n            imgAutoPlayInterval = setInterval(scrollImgNext, 3500);\r\n        });\r\n        \r\n        \/\/ Also pause if they hover over the arrows\r\n        if (headerArrowWrapper) {\r\n            headerArrowWrapper.addEventListener('mouseenter', () => clearInterval(imgAutoPlayInterval));\r\n            headerArrowWrapper.addEventListener('mouseleave', () => {\r\n                imgAutoPlayInterval = setInterval(scrollImgNext, 3500);\r\n            });\r\n        }\r\n\r\n        \/\/ Mouse Events for Drag to Scroll\r\n        imgTrack.addEventListener('mousedown', (e) => {\r\n            isDown = true;\r\n            isDragging = false; \r\n            imgTrack.classList.add('is-dragging');\r\n            startX = e.pageX - imgTrack.offsetLeft;\r\n            scrollLeft = imgTrack.scrollLeft;\r\n        });\r\n\r\n        imgTrack.addEventListener('mouseleave', () => {\r\n            isDown = false;\r\n            imgTrack.classList.remove('is-dragging');\r\n        });\r\n\r\n        imgTrack.addEventListener('mouseup', () => {\r\n            isDown = false;\r\n            imgTrack.classList.remove('is-dragging');\r\n        });\r\n\r\n        imgTrack.addEventListener('mousemove', (e) => {\r\n            if (!isDown) return;\r\n            e.preventDefault();\r\n            const x = e.pageX - imgTrack.offsetLeft;\r\n            const walk = (x - startX) * 2; \r\n            \r\n            if (Math.abs(walk) > 5) {\r\n                isDragging = true;\r\n            }\r\n            imgTrack.scrollLeft = scrollLeft - walk;\r\n        });\r\n    }\r\n\r\n    \/* --- LIGHTBOX LOGIC --- *\/\r\n    const lightboxModal = document.getElementById('heLightbox');\r\n    const lightboxImg = document.getElementById('heLightboxImg');\r\n    const closeBtn = document.querySelector('.he-lightbox-close');\r\n    const prevBtn = document.getElementById('heLightboxPrev');\r\n    const nextBtn = document.getElementById('heLightboxNext');\r\n    \r\n    let currentImageGroup = [];\r\n    let currentLightboxIndex = 0;\r\n\r\n    \/\/ 1. Group for Carousel Images\r\n    const carouselImages = Array.from(document.querySelectorAll('.he-zoom-img'));\r\n    carouselImages.forEach((img, index) => {\r\n        img.addEventListener('click', function(e) {\r\n            if (isDragging) { e.preventDefault(); return; }\r\n            currentImageGroup = carouselImages;\r\n            currentLightboxIndex = index;\r\n            showLightboxImage();\r\n            lightboxModal.classList.add('show');\r\n        });\r\n    });\r\n\r\n    \/\/ 2. Standalone Timeline Images\r\n    const standaloneImages = Array.from(document.querySelectorAll('.he-single-zoom'));\r\n    standaloneImages.forEach((img) => {\r\n        img.addEventListener('click', function(e) {\r\n            currentImageGroup = [img]; \/\/ Opens as a single image, hiding arrows\r\n            currentLightboxIndex = 0;\r\n            showLightboxImage();\r\n            lightboxModal.classList.add('show');\r\n        });\r\n    });\r\n\r\n    function showLightboxImage() {\r\n        lightboxImg.src = currentImageGroup[currentLightboxIndex].src;\r\n        \r\n        \/\/ Hide next\/prev arrows if this is a standalone image\r\n        if (currentImageGroup.length <= 1) {\r\n            prevBtn.classList.add('he-d-none');\r\n            nextBtn.classList.add('he-d-none');\r\n            lightboxImg.style.cursor = 'default';\r\n        } else {\r\n            prevBtn.classList.remove('he-d-none');\r\n            nextBtn.classList.remove('he-d-none');\r\n            lightboxImg.style.cursor = 'pointer';\r\n        }\r\n    }\r\n\r\n    function nextLightboxSlide(e) {\r\n        if (e) e.stopPropagation();\r\n        if (currentImageGroup.length <= 1) return;\r\n        currentLightboxIndex = (currentLightboxIndex + 1) % currentImageGroup.length;\r\n        showLightboxImage();\r\n    }\r\n\r\n    function prevLightboxSlide(e) {\r\n        if (e) e.stopPropagation();\r\n        if (currentImageGroup.length <= 1) return;\r\n        currentLightboxIndex = (currentLightboxIndex - 1 + currentImageGroup.length) % currentImageGroup.length;\r\n        showLightboxImage();\r\n    }\r\n\r\n    \/\/ Controls inside lightbox\r\n    nextBtn.addEventListener('click', nextLightboxSlide);\r\n    prevBtn.addEventListener('click', prevLightboxSlide);\r\n    \r\n    \/\/ Click on the image itself to go next\r\n    lightboxImg.addEventListener('click', (e) => {\r\n        if (currentImageGroup.length > 1) {\r\n            nextLightboxSlide(e);\r\n        } else {\r\n            e.stopPropagation(); \/\/ Just prevent default if standalone\r\n        }\r\n    });\r\n\r\n    \/\/ Close logic\r\n    closeBtn.addEventListener('click', () => {\r\n        lightboxModal.classList.remove('show');\r\n    });\r\n\r\n    lightboxModal.addEventListener('click', (e) => {\r\n        if (e.target === lightboxModal) {\r\n            lightboxModal.classList.remove('show');\r\n        }\r\n    });\r\n\r\n    document.addEventListener('keydown', (e) => {\r\n        if (!lightboxModal.classList.contains('show')) return;\r\n        if (e.key === 'Escape') lightboxModal.classList.remove('show');\r\n        \r\n        if (currentImageGroup.length > 1) {\r\n            if (e.key === 'ArrowRight') nextLightboxSlide();\r\n            if (e.key === 'ArrowLeft') prevLightboxSlide();\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>Registrations Start Mar 30, 2026 09:00 AM EST Registrations End Apr 17, 2026 11:00 PM EST Loading&#8230; Register Now &times; This event has closed Stay updated on upcoming events. Get Notified Register Now Company overview Event overview Why participate Rewards Opportunities Event structure Why join Hitachi Energy Company overview Hitachi Energy is a global technology [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":29366,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28450","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28450","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=28450"}],"version-history":[{"count":283,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28450\/revisions"}],"predecessor-version":[{"id":29846,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28450\/revisions\/29846"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media\/29366"}],"wp:attachment":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media?parent=28450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}