{"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-04-06T11:49:28","modified_gmt":"2026-04-06T11:49:28","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<\/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 14, 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<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<\/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 { 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 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 { content: '' !important; position: absolute !important; top: 24px !important; left: -30px !important; width: 16px !important; height: 16px !important; background: var(--he-primary) !important; border-radius: 50% !important; border: 4px solid var(--he-white) !important; box-shadow: 0 0 0 2px var(--he-primary-light) !important; }\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\/* --- 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<\/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 11, 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>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 Region<\/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>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>Venu Nuguri<\/strong>\r\n                                        <span>Managing Director and CEO - India and South Asia Region<\/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: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                            <\/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 14, 2026 11:00 PM EST Loading&#8230; Register Now Register Now Company overview Event overview Why participate Rewards Opportunities Event structure Why join Hitachi Energy Company overview Hitachi Energy is a global technology leader in electrification, inspiring the next era of sustainable energy. With over [&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":250,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28450\/revisions"}],"predecessor-version":[{"id":29668,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28450\/revisions\/29668"}],"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}]}}