{"id":25951,"date":"2026-01-06T05:21:53","date_gmt":"2026-01-06T05:21:53","guid":{"rendered":"https:\/\/mycareernet.in\/events\/?page_id=25951"},"modified":"2026-04-30T06:47:51","modified_gmt":"2026-04-30T06:47:51","slug":"yokogawa-campus-hiring","status":"publish","type":"page","link":"https:\/\/mycareernet.co\/events\/yokogawa-campus-hiring\/","title":{"rendered":"Yokogawa campus hiring"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"25951\" class=\"elementor elementor-25951\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df5391b e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"df5391b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2acf233 elementor-widget elementor-widget-image\" data-id=\"2acf233\" 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=\"1920\" height=\"397\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring.webp\" class=\"attachment-full size-full wp-image-26411\" alt=\"Yokogawa campus hiring\" srcset=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring.webp 1920w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring-300x62.webp 300w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring-1024x212.webp 1024w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring-768x159.webp 768w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring-1536x318.webp 1536w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-campus-hiring-710x147.webp 710w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\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-70e01f6 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"70e01f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7565ee5 elementor-widget elementor-widget-image\" data-id=\"7565ee5\" 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=\"500\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-mobile.webp\" class=\"attachment-full size-full wp-image-25954\" alt=\"Yokogawa Banner\" srcset=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-mobile.webp 1000w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-mobile-300x150.webp 300w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-mobile-768x384.webp 768w, https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/01\/Yokogawa-mobile-710x355.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-9f3ab4b e-flex e-con-boxed e-con e-parent\" data-id=\"9f3ab4b\" 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-1b508bc animated-slow elementor-widget elementor-widget-html\" data-id=\"1b508bc\" 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<style>\r\n  \/* Wrapper to ensure styles don't leak to other parts of WordPress *\/\r\n  .hc-widget-wrapper {\r\n    font-family: 'Manrope', sans-serif;\r\n    color: #1F2937;\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  .hc-widget-wrapper *,\r\n  .hc-widget-wrapper *::before,\r\n  .hc-widget-wrapper *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hc-card {\r\n    background-color: #ffffff;\r\n    border: 1px solid #E5E7EB;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\r\n                0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n    padding: 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n  }\r\n\r\n  .hc-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .hc-label {\r\n    color: #4B5563;\r\n    font-size: 14px;\r\n    margin-bottom: 6px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .hc-value {\r\n    color: #1F2937;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    margin: 0;\r\n    white-space: nowrap;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .hc-btn-container {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .hc-register-btn {\r\n    background-color: #0088dd;\r\n    color: #ffffff !important;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    padding: 12px 40px;\r\n    border: none;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s ease;\r\n    width: 100%;\r\n    box-shadow: 0 2px 4px rgba(0, 122, 233, 0.3);\r\n    text-decoration: none !important;\r\n    text-align: center;\r\n    display: inline-block;\r\n  }\r\n\r\n  .hc-register-btn:hover {\r\n    background-color: #0062bd;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .hc-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\r\n    .hc-column {\r\n      flex: 1;\r\n      padding: 0 24px;\r\n    }\r\n\r\n    .hc-column:first-child {\r\n      padding-left: 0;\r\n    }\r\n\r\n    .hc-column:last-child {\r\n      padding-right: 0;\r\n    }\r\n\r\n    .hc-column.has-divider {\r\n      border-right: 1px solid #E5E7EB;\r\n    }\r\n\r\n    .hc-btn-container {\r\n      justify-content: center;\r\n    }\r\n\r\n    .hc-register-btn {\r\n      width: auto;\r\n      min-width: 160px;\r\n    }\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: 9999;\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: 500;\r\n      color: #000;\r\n      font-family: Manrope;\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      font-weight: normal;\r\n       color: #000;\r\n      font-family: Manrope;\r\n  }\r\n\r\n  .straive-modal-box p {\r\n      font-size: 16px;\r\n      color: #444;\r\n      margin-bottom: 25px;\r\n      line-height: 1.6;\r\n  }\r\n\r\n  .straive-modal-cta {\r\n      display: inline-block;\r\n      background-color: #0088dd;\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: 600;\r\n      font-size: 16px;\r\n      box-shadow: 0 4px 10px rgba(0, 136, 221, 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: #0062bd;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 15px rgba(0, 122, 233, 0.3);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hc-widget-wrapper\">\r\n  <div class=\"hc-card\">\r\n\r\n    <div class=\"hc-column has-divider\">\r\n      <p class=\"hc-label\">Registrations Start<\/p>\r\n      <p class=\"hc-value\">Mar 13, 2026 10:00 AM<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hc-column has-divider\">\r\n      <p class=\"hc-label\">Registrations End<\/p>\r\n      <p class=\"hc-value\">Mar 16, 2026 11:00 AM<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hc-column\">\r\n      <div class=\"hc-btn-container\">\r\n        <a\r\n          href=\"#\"\r\n          id=\"hcRegisterBtn\"\r\n          class=\"hc-register-btn registrationLink\"\r\n        >\r\n          Register\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\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\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const registerBtn = document.getElementById(\"hcRegisterBtn\");\r\n    const glassModal = document.getElementById(\"straiveGlassModal\");\r\n    const closeModalBtn = document.getElementById(\"straiveCloseModal\");\r\n\r\n    \/\/ Function to open the modal\r\n    function openModal(e) {\r\n        if (e) e.preventDefault(); \/\/ Stop default link behavior if triggered by click\r\n        if (glassModal) {\r\n            glassModal.classList.add(\"active\");\r\n        }\r\n    }\r\n\r\n    \/\/ Function to close the modal\r\n    function closeModal() {\r\n        if (glassModal) {\r\n            glassModal.classList.remove(\"active\");\r\n        }\r\n    }\r\n\r\n    if (registerBtn && glassModal && closeModalBtn) {\r\n        \/\/ 1. Open Modal on Button Click\r\n        registerBtn.addEventListener(\"click\", openModal);\r\n\r\n        \/\/ Close Modal via Close Button\r\n        closeModalBtn.addEventListener(\"click\", closeModal);\r\n\r\n        \/\/ Close Modal by clicking outside the box\r\n        glassModal.addEventListener(\"click\", function (e) {\r\n            if (e.target === glassModal) {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        \/\/ 2. Auto-open Modal after 5 seconds (5000 milliseconds)\r\n        setTimeout(function() {\r\n            openModal();\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-flex e-con-boxed 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\t<div class=\"e-con-inner\">\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.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- 1. GLOBAL RESET --- *\/\r\nhtml, body {\r\n    overflow-x: clip; \r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: #f4f7f9;\r\n}\r\n\r\n\/* --- 2. FONT ENFORCEMENT & ICON FIX --- *\/\r\n.mycareernet-imthi-wrapper,\r\n.mycareernet-imthi-wrapper * {\r\n    font-family: 'Manrope', sans-serif !important;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.mycareernet-imthi-wrapper .fa, \r\n.mycareernet-imthi-wrapper .fas, \r\n.mycareernet-imthi-wrapper .fa-solid, \r\n.mycareernet-imthi-wrapper .fa-regular {\r\n    font-family: \"Font Awesome 6 Free\" !important;\r\n    font-weight: 900 !important;\r\n}\r\n\r\n\/* --- 3. VARIABLES --- *\/\r\n:root {\r\n    --brand-blue: #0075BD;\r\n    --brand-blue-dark: #005a96;\r\n    --brand-mtech: #022d58; \/* M.Tech Color *\/\r\n    --brand-light: #f0f8ff;\r\n    --text-dark: #1f2937;\r\n    --text-gray: #4b5563;\r\n    --border-color: #e5e7eb;\r\n}\r\n\r\n\/* --- 4. WRAPPER & LAYOUT --- *\/\r\n.mycareernet-imthi-wrapper {\r\n    color: var(--text-gray);\r\n    line-height: 1.6;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    position: relative;\r\n}\r\n\r\n.mycareernet-imthi-layout {\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: flex-start; \r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n\/* --- 5. SIDEBAR STYLES --- *\/\r\n.mycareernet-imthi-sidebar {\r\n    width: 260px;\r\n    flex-shrink: 0;\r\n    position: sticky;\r\n    top: 140px; \r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px; \r\n    max-height: 85vh; \r\n    overflow-y: auto;\r\n    padding-right: 10px;\r\n}\r\n\r\n.mycareernet-imthi-toc-nav {\r\n    border-left: 2px solid var(--border-color);\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.mycareernet-imthi-toc-nav ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.mycareernet-imthi-link {\r\n    display: block;\r\n    text-decoration: none;\r\n    margin-left: -2px;\r\n    border-left: 2px solid transparent;\r\n    transition: all 0.2s ease;\r\n    padding: 10px 0 10px 20px;\r\n    font-size: 14px; \r\n    color: var(--text-gray);\r\n    font-weight: 600;\r\n}\r\n\r\n.mycareernet-imthi-link:hover {\r\n    color: var(--brand-blue);\r\n    border-left-color: var(--brand-light); \r\n}\r\n\r\n.mycareernet-imthi-link.active {\r\n    border-left: 3px solid var(--brand-blue) !important; \r\n    color: var(--brand-blue) !important;\r\n    background: linear-gradient(90deg, var(--brand-light) 0%, rgba(255,255,255,0) 100%);\r\n    font-weight: 700;\r\n}\r\n\r\n.mycareernet-imthi-register-btn {\r\n    display: block;\r\n    width: 100%;\r\n    background-color: var(--brand-blue);\r\n    color: #ffffff !important;\r\n    text-align: center;\r\n    padding: 12px 0;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    box-shadow: 0 4px 10px rgba(0, 117, 189, 0.25);\r\n    transition: transform 0.2s ease, background-color 0.2s;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.mycareernet-imthi-register-btn:hover {\r\n    background-color: var(--brand-blue-dark); \r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* --- 6. MAIN CONTENT STYLES --- *\/\r\n.mycareernet-imthi-main-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n    width: 100%;\r\n}\r\n\r\n.mycareernet-imthi-scroll-section {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 35px 40px; \r\n    margin-bottom: 30px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n    border: 1px solid var(--border-color);\r\n    scroll-margin-top: 100px; \r\n}\r\n\r\n.mycareernet-imthi-main-content h1 {\r\n    font-size: 28px !important;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.mycareernet-imthi-main-content h2 {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--brand-blue);\r\n    margin-top: 0;\r\n    margin-bottom: 20px; \r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.mycareernet-imthi-main-content h3 {\r\n    font-size: 17px !important;\r\n    font-weight: 700;\r\n    margin-top: 25px;\r\n    margin-bottom: 12px;\r\n    color: var(--text-dark);\r\n}\r\n\r\n.mycareernet-imthi-main-content p, \r\n.mycareernet-imthi-main-content li {\r\n    font-size: 15px;\r\n    margin-bottom: 12px;\r\n    color: var(--text-gray);\r\n}\r\n\r\n\/* --- 7. TAB SYSTEM STYLES --- *\/\r\n.mycareernet-tab-container {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.mycareernet-tab-nav {\r\n    display: inline-flex;\r\n    background: #eef2f6;\r\n    padding: 5px;\r\n    border-radius: 50px;\r\n    gap: 5px;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n    border: 1px solid var(--border-color);\r\n}\r\n\r\n.mycareernet-tab-btn {\r\n    padding: 10px 25px;\r\n    border-radius: 40px;\r\n    border: none;\r\n    background: transparent;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    color: #6b7280;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.mycareernet-tab-btn:hover {\r\n    color: var(--brand-blue);\r\n    background: rgba(255,255,255,0.5);\r\n}\r\n\r\n.mycareernet-tab-btn.active {\r\n    background: var(--brand-blue);\r\n    color: #fff;\r\n    box-shadow: 0 4px 12px rgba(0, 117, 189, 0.3);\r\n}\r\n\r\n.mycareernet-tab-content {\r\n    display: none;\r\n    animation: fadeIn 0.4s ease-in-out;\r\n}\r\n\r\n.mycareernet-tab-content.active {\r\n    display: block;\r\n}\r\n\r\n\/* Tab Bottom CTA *\/\r\n.mycareernet-tab-footer-cta {\r\n    margin-top: 20px;\r\n    text-align: center;\r\n    border-top: 1px dashed var(--border-color);\r\n    padding-top: 25px;\r\n}\r\n\r\n.mycareernet-tab-footer-cta .mycareernet-imthi-register-btn {\r\n    max-width: 300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* --- 8. JOB GRID STYLES --- *\/\r\n.mycareernet-job-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n.mycareernet-job-box {\r\n    background: #fcfcfc;\r\n    border: 1px solid var(--border-color);\r\n    padding: 20px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    transition: border-color 0.2s, background 0.2s;\r\n}\r\n\r\n.mycareernet-job-box:hover {\r\n    border-color: var(--brand-blue);\r\n    background: #f0f8ff;\r\n}\r\n\r\n.mycareernet-job-icon {\r\n    background: #fff;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--brand-blue);\r\n    font-size: 18px;\r\n    border: 1px solid #e5e7eb;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.mycareernet-job-text strong {\r\n    display: block;\r\n    font-size: 11px;\r\n    color: #6b7280;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.mycareernet-job-text span {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    display: block;\r\n    line-height: 1.3;\r\n}\r\n\r\n.mycareernet-salary-banner {\r\n    grid-column: span 2;\r\n    background: linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);\r\n    color: #fff;\r\n    padding: 20px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    box-shadow: 0 4px 10px rgba(0, 117, 189, 0.2);\r\n}\r\n\r\n.mycareernet-salary-label {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    opacity: 0.9;\r\n}\r\n\r\n.mycareernet-salary-value {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* --- 9. ELIGIBILITY LISTS --- *\/\r\n.mycareernet-check-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 15px;\r\n}\r\n.mycareernet-check-list li {\r\n    background: #f9fafb;\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    border: 1px solid var(--border-color);\r\n}\r\n.mycareernet-check-list li i {\r\n    color: var(--brand-blue);\r\n    margin-top: 4px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.mycareernet-branch-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n}\r\n.mycareernet-branch-tag {\r\n    background: #fff;\r\n    border: 1px solid var(--brand-blue);\r\n    color: var(--brand-blue);\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n}\r\n\r\n\/* --- 10. COMMON COMPONENTS --- *\/\r\n.mycareernet-imthi-info-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-top: 20px;\r\n}\r\n.mycareernet-imthi-info-card {\r\n    background: #fff;\r\n    padding: 20px;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--border-color);\r\n    transition: border-color 0.3s;\r\n    height: 100%;\r\n}\r\n.mycareernet-imthi-info-card:hover {\r\n    border-color: var(--brand-blue);\r\n    background: #fafcff;\r\n}\r\n.mycareernet-imthi-label {\r\n    font-weight: 700;\r\n    color: var(--brand-blue);\r\n    font-size: 15px;\r\n    margin-bottom: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.mycareernet-notice-box {\r\n    background: #fff;\r\n    border: 1px solid var(--brand-blue);\r\n    padding: 20px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    gap: 15px;\r\n    align-items: flex-start;\r\n}\r\n.mycareernet-notice-icon {\r\n    font-size: 24px;\r\n    color: var(--brand-blue);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.mycareernet-imthi-timeline-wrapper {\r\n    position: relative;\r\n    margin-left: 10px;\r\n    margin-top: 30px;\r\n}\r\n.mycareernet-imthi-timeline-item {\r\n    position: relative;\r\n    padding-left: 50px;\r\n    padding-bottom: 30px;\r\n    border-left: 2px solid var(--brand-light);\r\n}\r\n.mycareernet-imthi-timeline-item:last-child {\r\n    border-left: 2px solid transparent;\r\n    padding-bottom: 0;\r\n}\r\n.mycareernet-imthi-timeline-icon {\r\n    position: absolute;\r\n    left: -19px;\r\n    top: 0;\r\n    width: 38px;\r\n    height: 38px;\r\n    background: var(--brand-blue);\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n    z-index: 2;\r\n    box-shadow: 0 0 0 4px #fff;\r\n}\r\n.mycareernet-imthi-timeline-content {\r\n    background: #fff;\r\n    border: 1px solid var(--border-color);\r\n    padding: 15px 20px;\r\n    border-radius: 12px;\r\n}\r\n.mycareernet-imthi-timeline-content h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 5px;\r\n    color: var(--brand-blue);\r\n    font-size: 16px !important;\r\n}\r\n\r\n\/* --- 11. RESPONSIVE --- *\/\r\n@media (max-width: 900px) {\r\n    .mycareernet-imthi-wrapper { padding: 20px 15px !important; }\r\n    .mycareernet-imthi-sidebar { display: none !important; }\r\n    .mycareernet-imthi-layout { flex-direction: column; gap: 0; }\r\n    \r\n    .mycareernet-imthi-scroll-section {\r\n        padding: 20px 15px; \r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .mycareernet-imthi-info-grid,\r\n    .mycareernet-job-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .mycareernet-salary-banner {\r\n        grid-column: span 1;\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 5px;\r\n    }\r\n    \r\n    \/* Responsive Tabs *\/\r\n    .mycareernet-tab-nav {\r\n        display: flex;\r\n        width: 100%;\r\n        background: #fff;\r\n        border: none;\r\n        padding: 0;\r\n        gap: 10px;\r\n        flex-direction: column;\r\n    }\r\n    .mycareernet-tab-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        background: #f3f4f6;\r\n    }\r\n    .mycareernet-tab-btn.active {\r\n        background: var(--brand-blue);\r\n    }\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: 9999;\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: 20px;\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\r\n\r\n.straive-modal-box p {\r\n    font-size: 16px;\r\n    color: #444;\r\n    margin-bottom: 25px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.straive-modal-cta {\r\n    display: inline-block;\r\n    background-color: #0075BD;\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: 600;\r\n    font-size: 16px;\r\n    box-shadow: 0 4px 10px rgba(0, 117, 189, 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: #005a96;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(0, 117, 189, 0.3);\r\n}\r\n<\/style>\r\n\r\n<div class=\"mycareernet-imthi-wrapper\">\r\n    <div class=\"mycareernet-imthi-layout\">\r\n        \r\n        <aside class=\"mycareernet-imthi-sidebar\">\r\n            <nav class=\"mycareernet-imthi-toc-nav\">\r\n                <ul>\r\n                    <li><a href=\"#about-company\" class=\"mycareernet-imthi-link\">About Yokogawa India<\/a><\/li>\r\n                    <li><a href=\"#job-details\" class=\"mycareernet-imthi-link\">Job Details<\/a><\/li>\r\n                    <li><a href=\"#process-details\" class=\"mycareernet-imthi-link\">Process Details<\/a><\/li>\r\n                    <li><a href=\"#service-agreement\" class=\"mycareernet-imthi-link\">Service Agreement<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n\r\n            <div class=\"mycareernet-imthi-cta-box\">\r\n                <a href=\"#\" id=\"hcRegisterBtn\" class=\"mycareernet-imthi-register-btn registrationLink js-open-modal\">Register<\/a>\r\n            <\/div>\r\n        <\/aside>\r\n\r\n        <main class=\"mycareernet-imthi-main-content\">\r\n            \r\n            <section id=\"about-company\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h1>About Yokogawa India Limited<\/h1>\r\n                <p>Yokogawa India Limited is a subsidiary of Yokogawa Electric Corporation, Japan, a global leader in industrial automation, process control, measurement, and test & measurement solutions. Yokogawa India supports the automation and instrumentation requirements of a wide range of industries across India and the South Asia region.<\/p>\r\n\r\n                <h3>What They Do<\/h3>\r\n                <div class=\"mycareernet-imthi-info-grid\">\r\n                    <div class=\"mycareernet-imthi-info-card\">\r\n                        <div class=\"mycareernet-imthi-label\"><i class=\"fa-solid fa-gears\"><\/i> Process Control<\/div>\r\n                        <p style=\"font-size:14px; margin:0;\">Advanced systems designed to automate, monitor, and optimize complex industrial processes.<\/p>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-imthi-info-card\">\r\n                        <div class=\"mycareernet-imthi-label\"><i class=\"fa-solid fa-gauge-high\"><\/i> Measurement<\/div>\r\n                        <p style=\"font-size:14px; margin:0;\">A wide range of flow meters, pressure transmitters, analyzers, and test equipment.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <div class=\"mycareernet-tab-container\">\r\n                <div class=\"mycareernet-tab-nav\">\r\n                    <button class=\"mycareernet-tab-btn active\" onclick=\"switchJobTab(event, 'job-btech')\">\r\n                        <i class=\"fa-solid fa-graduation-cap\"><\/i> B.Tech (GET)\r\n                    <\/button>\r\n                    <button class=\"mycareernet-tab-btn\" onclick=\"switchJobTab(event, 'job-mtech')\">\r\n                        <i class=\"fa-solid fa-flask\"><\/i> M.Tech (GET)\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div id=\"job-btech\" class=\"mycareernet-tab-content active\">\r\n                    <section id=\"job-details\" class=\"mycareernet-imthi-scroll-section\">\r\n                        <h2><i class=\"fa-solid fa-briefcase\"><\/i> Job Details: B.Tech<\/h2>\r\n                        <div class=\"mycareernet-job-grid\">\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-id-badge\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>JOB TITLE<\/strong><span>Graduate Engineer Trainee<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>LOCATION<\/strong><span>Baroda, Gujarat, Bangalore<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-calendar\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>YEAR OF PASSING<\/strong><span>2026 Batch Only<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>QUALIFICATION<\/strong><span>B.Tech (IC, ECE, EEE, Chemical, CSE)<\/span>\r\n<\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-salary-banner\">\r\n                                 <span class=\"mycareernet-salary-label\">Annual Compensation (CTC)<\/span>\r\n                                 <span class=\"mycareernet-salary-value\">\u20b9 4,60,000 Per Annum<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section class=\"mycareernet-imthi-scroll-section\">\r\n                        <h2><i class=\"fa-solid fa-clipboard-check\"><\/i> Eligibility: B.Tech<\/h2>\r\n                        <h3>Education Criteria<\/h3>\r\n                        <ul class=\"mycareernet-check-list\">\r\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Percentage:<\/strong> Min 60% throughout education (10th, 12th, B.Tech).<\/div><\/li>\r\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Backlogs:<\/strong> No active backlogs allowed.<\/div><\/li>\r\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Eligible Branches:<\/strong> Instrumentation & Control, ECE, EEE.<\/div><\/li>\r\n                        <\/ul>\r\n\r\n                        <div class=\"mycareernet-tab-footer-cta\">\r\n                             <a href=\"#\" class=\"mycareernet-imthi-register-btn registrationLink js-open-modal\">Register<\/a>\r\n                        <\/div>\r\n                    <\/section>\r\n                <\/div>\r\n\r\n                <div id=\"job-mtech\" class=\"mycareernet-tab-content\">\r\n                    <section class=\"mycareernet-imthi-scroll-section\">\r\n                        <h2><i class=\"fa-solid fa-briefcase\"><\/i> Job Details: M.Tech<\/h2>\r\n                        <div class=\"mycareernet-job-grid\">\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-id-badge\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>JOB TITLE<\/strong><span>Graduate Engineer Trainee<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>LOCATION<\/strong><span>Bangalore, Karnataka<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-calendar\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>YEAR OF PASSING<\/strong><span>2026 Batch Only<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-job-box\">\r\n                                <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-flask\"><\/i><\/div>\r\n                                <div class=\"mycareernet-job-text\"><strong>QUALIFICATION<\/strong><span>M.Tech (Chemical)<\/span><\/div>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-salary-banner\">\r\n                                 <span class=\"mycareernet-salary-label\">Annual Compensation (CTC)<\/span>\r\n                                 <span class=\"mycareernet-salary-value\">\u20b9 6,50,000 Per Annum<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section class=\"mycareernet-imthi-scroll-section\">\r\n                        <h2><i class=\"fa-solid fa-clipboard-check\"><\/i> Eligibility: M.Tech<\/h2>\r\n                        <h3>Education Criteria<\/h3>\r\n                        <ul class=\"mycareernet-check-list\">\r\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Percentage:<\/strong> Min 60% throughout education (10th, 12th, B.Tech, M.Tech).<\/div><\/li>\r\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Backlogs:<\/strong> No active backlogs allowed.<\/div><\/li>\r\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Eligible Branches:<\/strong> Chemical Engineering.<\/div><\/li>\r\n                        <\/ul>\r\n                    <\/section>\r\n                <\/div>\r\n            <\/div>\r\n            <section id=\"process-details\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2><i class=\"fa-solid fa-list-check\"><\/i> Process Details<\/h2>\r\n                <p>The selection process applies to both job profiles.<\/p>\r\n                <div class=\"mycareernet-imthi-timeline-wrapper\">\r\n                    <div class=\"mycareernet-imthi-timeline-item\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-user-plus\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\"><h3>Registration<\/h3><p>Register for the Assessment.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-imthi-timeline-item\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\"><h3>Virtual Assessment<\/h3><p>Online test link will be shared.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-imthi-timeline-item\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\"><h3>Technical Round<\/h3><p>Face to face technical interview.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-imthi-timeline-item\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-handshake-simple\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\"><h3>HR Round<\/h3><p>Final round of selection.<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"service-agreement\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2><i class=\"fa-solid fa-file-contract\"><\/i> Service Agreement<\/h2>\r\n                <div class=\"mycareernet-notice-box\">\r\n                    <div class=\"mycareernet-notice-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div>\r\n                         <strong>Training Recovery Agreement:<\/strong><br>\r\n                         If you leave within the <strong>3 years lock-in period<\/strong>, you must pay <strong>Rs 2,00,000<\/strong>.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n        <\/main>\r\n    <\/div>\r\n\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\/Yokogawa\/Yokogawaindiacampus2026\/apply?event=232313&job=205279\" target=\"_blank\" class=\"straive-modal-cta\">\r\n            Get Notified\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ SCROLL SPY LOGIC\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const sections = document.querySelectorAll(\".mycareernet-imthi-scroll-section\");\r\n    const navLinks = document.querySelectorAll(\".mycareernet-imthi-link\");\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                navLinks.forEach((link) => link.classList.remove(\"active\"));\r\n                const id = entry.target.getAttribute(\"id\");\r\n                \/\/ Since \"job-details\" is duplicated inside tabs, we target the generic link in sidebar\r\n                if(id === 'job-details' || id === 'eligibility') {\r\n                      document.querySelector(`.mycareernet-imthi-link[href=\"#job-details\"]`).classList.add(\"active\");\r\n                } else {\r\n                    const activeLink = document.querySelector(`.mycareernet-imthi-link[href=\"#${id}\"]`);\r\n                    if (activeLink) activeLink.classList.add(\"active\");\r\n                }\r\n            }\r\n        });\r\n    }, { rootMargin: \"-20% 0px -65% 0px\" });\r\n\r\n    sections.forEach((section) => observer.observe(section));\r\n\r\n    \/\/ POPUP MODAL LOGIC\r\n    const modalTriggers = document.querySelectorAll(\".js-open-modal, .registrationLink\");\r\n    const glassModal = document.getElementById(\"straiveGlassModal\");\r\n    const closeModalBtn = document.getElementById(\"straiveCloseModal\");\r\n\r\n    function openModal(e) {\r\n        if (e) e.preventDefault(); \/\/ Stop default link behavior\r\n        if (glassModal) glassModal.classList.add(\"active\");\r\n    }\r\n\r\n    function closeModal() {\r\n        if (glassModal) glassModal.classList.remove(\"active\");\r\n    }\r\n\r\n    if (glassModal && closeModalBtn) {\r\n        \/\/ Open Modal on Button Click (applies to all buttons with the class)\r\n        modalTriggers.forEach(btn => btn.addEventListener(\"click\", openModal));\r\n\r\n        \/\/ Close Modal via Close Button\r\n        closeModalBtn.addEventListener(\"click\", closeModal);\r\n\r\n        \/\/ Close Modal by clicking outside the box\r\n        glassModal.addEventListener(\"click\", function (e) {\r\n            if (e.target === glassModal) {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Auto-open Modal after 5 seconds (5000 milliseconds)\r\n        setTimeout(openModal, 5000);\r\n    }\r\n});\r\n\r\n\/\/ TAB SWITCHING LOGIC\r\nfunction switchJobTab(evt, jobName) {\r\n    \/\/ 1. Hide all tab content\r\n    var i, tabcontent, tablinks;\r\n    tabcontent = document.getElementsByClassName(\"mycareernet-tab-content\");\r\n    for (i = 0; i < tabcontent.length; i++) {\r\n        tabcontent[i].classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ 2. Remove active class from all buttons\r\n    tablinks = document.getElementsByClassName(\"mycareernet-tab-btn\");\r\n    for (i = 0; i < tablinks.length; i++) {\r\n        tablinks[i].classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ 3. Show current tab and add active class to button\r\n    document.getElementById(jobName).classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Registrations Start Mar 13, 2026 10:00 AM Registrations End Mar 16, 2026 11:00 AM Register &times; This event has closed Stay updated on upcoming events. Get Notified About Yokogawa India Job Details Process Details Service Agreement Register About Yokogawa India Limited Yokogawa India Limited is a subsidiary of Yokogawa Electric Corporation, Japan, a global leader [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25951","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/25951","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=25951"}],"version-history":[{"count":42,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/25951\/revisions"}],"predecessor-version":[{"id":29824,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/25951\/revisions\/29824"}],"wp:attachment":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media?parent=25951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}