{"id":28593,"date":"2026-03-12T09:43:52","date_gmt":"2026-03-12T09:43:52","guid":{"rendered":"https:\/\/mycareernet.co\/events\/?page_id=28593"},"modified":"2026-05-08T05:34:25","modified_gmt":"2026-05-08T05:34:25","slug":"interns-hiring-program-2026","status":"publish","type":"page","link":"https:\/\/mycareernet.co\/events\/interns-hiring-program-2026\/","title":{"rendered":"Early Career Interns Hiring Program"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"28593\" class=\"elementor elementor-28593\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef0cfc4 e-con-full e-flex e-con e-parent\" data-id=\"ef0cfc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e768d1f elementor-widget elementor-widget-html\" data-id=\"e768d1f\" 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<style>\r\n    \/* Ensures the banner stretches edge-to-edge without default margins *\/\r\n    .mycn-banner-container {\r\n        width: 100%;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: block;\r\n        line-height: 0; \/* Removes bottom spacing below the image *\/\r\n    }\r\n    \r\n    .mycn-banner-container img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* Removes any default hover opacity added by the theme or Elementor *\/\r\n    .mycn-banner-container a.registrationLink:hover,\r\n    .mycn-banner-container a.registrationLink img:hover {\r\n        opacity: 1 !important;\r\n        filter: none !important; \/* Removes brightness\/contrast filters if any *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mycn-banner-container\">\r\n    <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/mycareernet\/Inthrngprg21\/apply?event=236592&job=250748\" class=\"registrationLink\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: block; width: 100%;\">\r\n        <picture>\r\n            <source media=\"(max-width: 767px)\" srcset=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/04\/Inters_Hiring_Program_Mobile_Banner.webp\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/04\/Inters_Hiring_Program_Web_Banner.webp\" alt=\"Interns Hiring Program Banner\">\r\n        <\/picture>\r\n    <\/a>\r\n<\/div>\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<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    \/* UPDATED BRAND COLORS *\/\r\n    --c-primary: #045279;         \r\n    --c-primary-dark: #045279;    \r\n    --c-primary-light: #eaf4f9;   \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    \/* UPDATED: Box shadow uses the new RGB color (4, 82, 121) *\/\r\n    box-shadow: 0 4px 12px rgba(4, 82, 121, 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    \/* UPDATED: Hover shadow *\/\r\n    box-shadow: 0 6px 16px rgba(4, 82, 121, 0.4);\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .he-widget-card {\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 0;\r\n    }\r\n    .he-widget-column { flex: 1; padding: 0 24px; }\r\n    .he-widget-column:first-child { padding-left: 0; }\r\n    .he-widget-column:last-child { padding-right: 0; flex: 0 0 auto; }\r\n    .he-widget-column.has-divider { border-right: 1px solid var(--c-border); }\r\n    .he-btn-container { justify-content: center; }\r\n    .he-register-btn { width: auto; min-width: 180px; }\r\n  }\r\n\r\n  \/* =========================================\r\n     GLASS THEME MODAL (POPUP) STYLES\r\n     ========================================= *\/\r\n  .straive-modal-overlay {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      background: rgba(30, 30, 36, 0.4);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 999999;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transition: opacity 0.3s ease, visibility 0.3s ease;\r\n  }\r\n\r\n  .straive-modal-overlay.active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n  }\r\n\r\n  .straive-modal-box {\r\n      background: rgba(255, 255, 255, 0.75);\r\n      border: 1px solid rgba(255, 255, 255, 0.6);\r\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n      border-radius: 10px;\r\n      padding: 40px 30px;\r\n      max-width: 450px;\r\n      width: 90%;\r\n      text-align: center;\r\n      position: relative;\r\n      transform: translateY(20px);\r\n      transition: transform 0.3s ease;\r\n      font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  .straive-modal-overlay.active .straive-modal-box {\r\n      transform: translateY(0);\r\n  }\r\n\r\n  .straive-modal-close {\r\n      position: absolute;\r\n      top: 15px;\r\n      right: 20px;\r\n      font-size: 28px;\r\n      line-height: 1;\r\n      color: #666;\r\n      cursor: pointer;\r\n      background: transparent;\r\n      border: none;\r\n      transition: color 0.2s ease;\r\n  }\r\n\r\n  .straive-modal-close:hover {\r\n      color: #111;\r\n  }\r\n\r\n  .straive-modal-box h3 {\r\n      margin-top: 0;\r\n      font-size: 24px !important;\r\n      padding: 0px !important;\r\n      margin: 0px !important;\r\n      font-weight: 800;\r\n      color: #000;\r\n      font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  .straive-modal-box h4 {\r\n      font-size: 18px !important;\r\n      padding: 0px !important;\r\n      margin-top: 10px !important;\r\n      margin-bottom: 20px !important;\r\n      font-weight: 500;\r\n      color: #444;\r\n      font-family: 'Manrope', sans-serif;\r\n  }\r\n\r\n  .straive-modal-cta {\r\n      display: inline-block;\r\n      background-color: #045279; \/* Matched to widget primary *\/\r\n      color: #ffffff !important;\r\n      text-align: center;\r\n      padding: 12px 35px;\r\n      border-radius: 30px;\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 16px;\r\n      box-shadow: 0 4px 10px rgba(4, 82, 121, 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: #033f5c;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 15px rgba(4, 82, 121, 0.3);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"he-widget-scope\">\r\n  <div class=\"he-widget-wrapper\">\r\n    <div class=\"he-widget-card\">\r\n      \r\n      <div class=\"he-widget-column has-divider\">\r\n        <p class=\"he-widget-label\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n            Registrations Start\r\n        <\/p>\r\n        <p class=\"he-widget-value\">Apr 02, 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 23, 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\/Inthrngprg21\/apply?event=236592&job=250748\" target=\"_blank\" class=\"he-register-btn registrationLink\">Register Now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"straiveGlassModal\" class=\"straive-modal-overlay\">\r\n    <div class=\"straive-modal-box\">\r\n        <button id=\"straiveCloseModal\" class=\"straive-modal-close\">&times;<\/button>\r\n        <h3>This event has closed<\/h3>\r\n        <h4>Stay updated on upcoming events.<\/h4>\r\n        <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/mycareernet\/ClsdEvntsInq33\/apply?event=237194&job=251382\" target=\"_blank\" class=\"straive-modal-cta\">\r\n            Get Notified\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    async function getStats() {\r\n      const oAuthIntegrationGuid = \"13ecc50141f241729811505e732a4555\";\r\n      const oAuthClientId = \"ffc8f9d0-73ed-40d7-952d-b3b21dd136cd\";\r\n      const baseDomain = \"https:\/\/mycareernet.co\";\r\n\r\n      async function getTokenData() {\r\n        const cachedKey = window.btoa(`${window.location.pathname}_access_token`);\r\n        try {\r\n          const cached = JSON.parse(sessionStorage.getItem(cachedKey));\r\n          if (!cached || (parseInt(new Date().getTime() \/ 1000) + 10 - cached.createdAt > cached.expires_in)) {\r\n              throw new Error(\"Token expired\");\r\n          }\r\n          return cached;\r\n        } catch (e) {\r\n          const res = await fetch(`${baseDomain}\/py\/oauth2\/${oAuthIntegrationGuid}\/access_token\/`, {\r\n            \"headers\": { \"accept\": \"application\/json\", \"app-name\": \"hackathon\", \"x-applma\": \"true\" },\r\n            \"body\": JSON.stringify({ \"client_id\": oAuthClientId }),\r\n            \"method\": \"POST\"\r\n          });\r\n          const info = await res.json();\r\n          if (info.access_token) {\r\n            info['createdAt'] = parseInt(new Date().getTime() \/ 1000);\r\n            sessionStorage.setItem(cachedKey, JSON.stringify(info));\r\n            return info;\r\n          }\r\n          throw new Error(\"Token failed\");\r\n        }\r\n      }\r\n\r\n      try {\r\n        const token = await getTokenData();\r\n        const pathParts = window.location.pathname.split('\/');\r\n        let slug = pathParts.length > 2 ? pathParts.slice(2).join('') : ''; \r\n        \r\n        if(!slug) throw new Error(\"No slug\");\r\n\r\n        const res = await fetch(`${baseDomain}\/py\/crpo\/marketing_event\/candidate\/api\/v1\/getBySlug\/`, {\r\n          \"headers\": { \"app-name\": \"hackathon\", \"authorization\": `${token.token_type} ${token.access_token}`, \"x-applma\": \"true\" },\r\n          \"body\": JSON.stringify({ \"slug\": slug }),\r\n          \"method\": \"POST\"\r\n        });\r\n        \r\n        const json = await res.json();\r\n        const views = json?.data?.entitySummary?.currentCount?.toLocaleString() || \"0\";\r\n        const regs = json?.data?.marketingEvent?.applicantSummary?.registered?.toLocaleString() || \"0\";\r\n\r\n        document.getElementById(\"statsStrip\").innerHTML = `\r\n          <div class=\"he-stat-row\"><i class=\"fa fa-regular fa-eye\"><\/i> ${views} Views<\/div>\r\n          <div class=\"he-stat-row\"><i class=\"fa fa-solid fa-user-check\"><\/i> ${regs} Registrations<\/div>\r\n        `;\r\n      } catch (error) {\r\n        document.getElementById(\"statsStrip\").innerHTML = `\r\n          <div class=\"he-stat-row\" style=\"color:var(--c-text-light); font-size:13px;\">\r\n            <i class=\"fa-solid fa-circle-exclamation\"><\/i> Stats unavailable\r\n          <\/div>\r\n        `;\r\n      }\r\n    }\r\n    getStats();\r\n\r\n    \/* --- ADDED: GLASS MODAL LOGIC --- *\/\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const glassModal = document.getElementById(\"straiveGlassModal\");\r\n        const closeGlassModalBtn = document.getElementById(\"straiveCloseModal\");\r\n        const registerLinks = document.querySelectorAll(\".registrationLink\");\r\n\r\n        function openGlassModal(e) {\r\n            if (e) e.preventDefault(); \/\/ Prevents link from navigating\r\n            if (glassModal) {\r\n                glassModal.classList.add(\"active\");\r\n                document.body.style.overflow = 'hidden'; \/\/ Locks background scrolling\r\n            }\r\n        }\r\n\r\n        function closeGlassModal() {\r\n            if (glassModal) {\r\n                glassModal.classList.remove(\"active\");\r\n                document.body.style.overflow = ''; \/\/ Restores background scrolling\r\n            }\r\n        }\r\n\r\n        if (glassModal && closeGlassModalBtn) {\r\n            \/\/ Trigger modal on click of any Register element\r\n            registerLinks.forEach(link => {\r\n                link.addEventListener(\"click\", openGlassModal);\r\n            });\r\n\r\n            \/\/ Close modal via close button\r\n            closeGlassModalBtn.addEventListener(\"click\", closeGlassModal);\r\n\r\n            \/\/ Close modal by clicking outside\r\n            glassModal.addEventListener(\"click\", function (e) {\r\n                if (e.target === glassModal) {\r\n                    closeGlassModal();\r\n                }\r\n            });\r\n\r\n            \/\/ Auto-trigger modal after 2 seconds\r\n            setTimeout(function() {\r\n                openGlassModal();\r\n            }, 2000);\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d9fa98 contents-d e-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    scroll-behavior: smooth;\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 COLORS *\/\r\n    --brand-blue: #045279;\r\n    --brand-blue-dark: #023650; \r\n    --brand-light: #f0f8ff;\r\n    --text-dark: #000000;\r\n    --text-gray: #000000;\r\n    --border-color: #e5e7eb;\r\n}\r\n\r\n\/* --- SEO UTILITY --- *\/\r\n.visually-hidden {\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    padding: 0 !important;\r\n    margin: -1px !important;\r\n    overflow: hidden !important;\r\n    clip: rect(0, 0, 0, 0) !important;\r\n    white-space: nowrap !important;\r\n    border: 0 !important;\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. ENHANCED SIDEBAR STYLES --- *\/\r\n.mycareernet-imthi-sidebar {\r\n    width: 280px; \r\n    flex-shrink: 0;\r\n    position: sticky;\r\n    top: 100px; \r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px; \r\n    max-height: calc(100vh - 120px); \r\n    overflow-y: auto;\r\n    padding-right: 5px;\r\n}\r\n\r\n\/* Custom Scrollbar for Sidebar *\/\r\n.mycareernet-imthi-sidebar::-webkit-scrollbar {\r\n    width: 4px;\r\n}\r\n.mycareernet-imthi-sidebar::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.mycareernet-imthi-sidebar::-webkit-scrollbar-thumb {\r\n    background: #cbd5e1;\r\n    border-radius: 4px;\r\n}\r\n\r\n.mycareernet-imthi-toc-nav {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 15px 20px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.03);\r\n    border: 1px solid var(--border-color);\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    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px; \r\n}\r\n\r\n.mycareernet-imthi-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    text-decoration: none;\r\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n    padding: 12px 16px;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n    color: #000000;\r\n    font-weight: 600;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.mycareernet-imthi-link i {\r\n    font-size: 15px;\r\n    color: #9ca3af;\r\n    transition: all 0.25s ease;\r\n    width: 18px; \r\n    text-align: center;\r\n}\r\n\r\n.mycareernet-imthi-link:hover {\r\n    color: var(--brand-blue) !important;\r\n    background-color: #f8fafc;\r\n    transform: translateX(4px);\r\n}\r\n\r\n.mycareernet-imthi-link:hover i {\r\n    color: var(--brand-blue) !important;\r\n}\r\n\r\n.mycareernet-imthi-link.active {\r\n    color: var(--brand-blue) !important;\r\n    background-color: var(--brand-light);\r\n    font-weight: 700;\r\n}\r\n\r\n.mycareernet-imthi-link.active i {\r\n    color: var(--brand-blue) !important;\r\n}\r\n\r\n\/* Subtle active indicator line *\/\r\n.mycareernet-imthi-link::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    height: 60%;\r\n    width: 3px;\r\n    background-color: var(--brand-blue) !important;\r\n    border-radius: 0 4px 4px 0;\r\n    opacity: 0;\r\n    transition: opacity 0.2s;\r\n}\r\n.mycareernet-imthi-link.active::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* --- SHARED CTA BUTTON STYLE (UNIFORM SIZING) --- *\/\r\n.mycareernet-imthi-register-btn {\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-width: 200px;\r\n    background-color: var(--brand-blue) !important;\r\n    color: #ffffff !important;\r\n    text-align: center;\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    box-shadow: 0 4px 12px rgba(4, 82, 121, 0.25);\r\n    transition: all 0.2s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.mycareernet-imthi-sidebar .mycareernet-imthi-register-btn {\r\n    width: 100%;\r\n}\r\n\r\n.mycareernet-imthi-register-btn:hover {\r\n    background-color: var(--brand-blue-dark) !important; \r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(4, 82, 121, 0.4);\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 4px 15px rgba(0,0,0,0.03);\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: 32px !important;\r\n    font-weight: 800;\r\n    color: var(--brand-blue) !important;\r\n    margin-top: 0;\r\n    margin-bottom: 15px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.mycareernet-imthi-main-content h2 {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: var(--brand-blue) !important; \r\n    margin-top: 0;\r\n    margin-bottom: 25px; \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. ANIMATIONS --- *\/\r\n.mycareernet-animate {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.mycareernet-animate.in-view {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n.delay-1 { transition-delay: 0.1s; }\r\n.delay-2 { transition-delay: 0.2s; }\r\n.delay-3 { transition-delay: 0.3s; }\r\n.delay-4 { transition-delay: 0.4s; }\r\n\r\n\r\n\/* --- 8. WHO CAN APPLY REDESIGN --- *\/\r\n.mycareernet-who-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.mycareernet-who-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 25px;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);\r\n    border: 1px solid var(--border-color);\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n}\r\n\r\n.mycareernet-who-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 12px 25px rgba(4, 82, 121, 0.12);\r\n    border-color: var(--brand-light);\r\n}\r\n\r\n.mycareernet-who-icon {\r\n    background: var(--brand-light);\r\n    color: var(--brand-blue) !important;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n}\r\n\r\n.mycareernet-who-text {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* --- 9. JOB GRID STYLES --- *\/\r\n.mycareernet-job-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 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    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.mycareernet-job-box:hover {\r\n    border-color: var(--brand-blue) !important;\r\n    background: var(--brand-light);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 15px rgba(4, 82, 121, 0.08);\r\n}\r\n\r\n.mycareernet-job-icon {\r\n    background: #fff;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--brand-blue) !important;\r\n    font-size: 18px;\r\n    border: 1px solid var(--border-color);\r\n    flex-shrink: 0;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n}\r\n\r\n.mycareernet-job-text strong {\r\n    display: block;\r\n    font-size: 11px;\r\n    color: #000000;\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\r\n\/* --- 10. BENEFITS LIST --- *\/\r\n.mycareernet-list-layout {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.mycareernet-list-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    background: #fff;\r\n    border: 1px solid var(--border-color);\r\n    padding: 20px 25px;\r\n    border-radius: 12px;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.mycareernet-list-row:hover {\r\n    border-color: var(--brand-blue) !important;\r\n    background: var(--brand-light);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 15px rgba(4, 82, 121, 0.05);\r\n}\r\n\r\n.mycareernet-list-icon {\r\n    background: var(--brand-blue) !important;\r\n    color: #fff;\r\n    width: 45px;\r\n    height: 45px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(4, 82, 121, 0.2);\r\n}\r\n\r\n.mycareernet-list-text {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    line-height: 1.4;\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) !important;\r\n    color: var(--brand-blue) !important;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    transition: background 0.2s, color 0.2s;\r\n}\r\n.mycareernet-branch-tag:hover {\r\n    background: var(--brand-blue) !important;\r\n    color: #fff !important;\r\n}\r\n\r\n\/* --- 11. TIMELINE --- *\/\r\n.mycareernet-imthi-timeline-wrapper {\r\n    position: relative;\r\n    margin-left: 20px;\r\n    margin-top: 30px;\r\n}\r\n.mycareernet-imthi-timeline-item {\r\n    position: relative;\r\n    padding-left: 55px;\r\n    padding-bottom: 35px;\r\n    border-left: 3px solid #e0f2fe;\r\n}\r\n.mycareernet-imthi-timeline-item:last-child {\r\n    border-left: 3px solid transparent;\r\n    padding-bottom: 0;\r\n}\r\n.mycareernet-imthi-timeline-icon {\r\n    position: absolute;\r\n    left: -23px; \r\n    top: 0;\r\n    width: 42px;\r\n    height: 42px;\r\n    background: linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark)) !important;\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 6px #fff, 0 4px 10px rgba(4, 82, 121, 0.3);\r\n}\r\n.mycareernet-imthi-timeline-content {\r\n    background: #fff;\r\n    border: 1px solid var(--border-color);\r\n    padding: 20px 25px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\r\n}\r\n.mycareernet-imthi-timeline-content:hover {\r\n    transform: translateX(5px);\r\n    box-shadow: 0 8px 25px rgba(4, 82, 121, 0.1);\r\n    border-color: var(--brand-blue) !important;\r\n}\r\n.mycareernet-imthi-timeline-content h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 8px;\r\n    color: var(--brand-blue) !important;\r\n    font-size: 18px !important;\r\n}\r\n.mycareernet-imthi-timeline-content p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n}\r\n\r\n\/* --- 12. EMPLOYER LOGO BOX --- *\/\r\n.mycareernet-employer-logo-box {\r\n    background: #fff;\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n    width: 170px;\r\n    height: 75px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 6px; \r\n    transition: all 0.2s ease;\r\n}\r\n.mycareernet-employer-logo-box:hover {\r\n    border-color: var(--brand-blue);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(4, 82, 121, 0.08);\r\n}\r\n.mycareernet-employer-logo-box img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n}\r\n\r\n\/* --- 13. FAQ ACCORDION --- *\/\r\n.mycareernet-faq-item {\r\n    margin-bottom: 15px;\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 8px;\r\n    background: #fff;\r\n    overflow: hidden;\r\n}\r\n.mycareernet-faq-question {\r\n    padding: 18px 20px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    background: var(--brand-blue) !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    margin: 0;\r\n    transition: background 0.2s;\r\n}\r\n.mycareernet-faq-question:hover {\r\n    background: var(--brand-blue-dark) !important;\r\n}\r\n.mycareernet-faq-question-inner {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n}\r\n.mycareernet-faq-icon {\r\n    color: #ffffff;\r\n    transition: transform 0.3s ease;\r\n}\r\n.mycareernet-faq-item.active .mycareernet-faq-icon {\r\n    transform: rotate(180deg);\r\n}\r\n.mycareernet-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease-out, padding 0.3s ease;\r\n    padding: 0 20px;\r\n    color: var(--text-gray);\r\n    font-size: 15px;\r\n}\r\n.mycareernet-faq-item.active .mycareernet-faq-answer {\r\n    padding-bottom: 18px;\r\n}\r\n.mycareernet-faq-answer ul {\r\n    margin-top: 10px;\r\n    padding-left: 20px;\r\n}\r\n\r\n\/* --- 14. MOCK TEST CAROUSEL --- *\/\r\n.mycareernet-carousel-container {\r\n    overflow-x: auto;\r\n    width: 100%;\r\n    padding: 10px 0;\r\n    margin-top: 20px;\r\n    position: relative;\r\n    cursor: grab;\r\n    scroll-behavior: auto !important; \r\n    scrollbar-width: none; \r\n}\r\n.mycareernet-carousel-container::-webkit-scrollbar {\r\n    display: none; \r\n}\r\n.mycareernet-carousel-container:active {\r\n    cursor: grabbing;\r\n}\r\n\r\n.mycareernet-carousel-track {\r\n    display: flex;\r\n    gap: 20px;\r\n    width: max-content;\r\n    padding: 0 10px;\r\n}\r\n\r\n.mycareernet-mock-card {\r\n    width: 300px;\r\n    background: #fff;\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\r\n    text-decoration: none;\r\n    color: var(--text-dark);\r\n}\r\n.mycareernet-mock-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 20px rgba(4, 82, 121, 0.15);\r\n    border-color: var(--brand-blue) !important;\r\n    color: var(--text-dark);\r\n}\r\n.mycareernet-mock-card img {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n    pointer-events: none; \r\n}\r\n.mycareernet-mock-card-body {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n}\r\n.mycareernet-mock-card-title {\r\n    font-size: 16px !important;\r\n    font-weight: 700;\r\n    color: var(--brand-blue) !important;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.3;\r\n}\r\n.mycareernet-mock-card-desc {\r\n    font-size: 13px;\r\n    color: var(--text-gray);\r\n    margin-bottom: 15px;\r\n    flex-grow: 1;\r\n}\r\n.mycareernet-mock-card-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n.mycareernet-mock-card-meta .text-success { color: #10b981; }\r\n.mycareernet-mock-card-meta .text-danger { color: #ef4444; }\r\n.mycareernet-mock-card-meta .separator { color: var(--border-color); }\r\n\r\n\/* --- 15. FLOATING CTA (MOBILE) --- *\/\r\n.mycareernet-imthi-floating-cta {\r\n    display: none; \r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    background-color: var(--brand-blue) !important;\r\n    color: #ffffff !important;\r\n    padding: 14px 32px;\r\n    font-size: 16px;\r\n    min-width: 200px;\r\n    text-align: center;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    box-shadow: 0 6px 16px rgba(4, 82, 121, 0.35);\r\n    z-index: 9999;\r\n    \r\n    \/* Transitions for scroll visibility *\/\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;\r\n    border: 2px solid #ffffff;\r\n}\r\n.mycareernet-imthi-floating-cta.show-cta {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    transform: translateY(0);\r\n}\r\n.mycareernet-imthi-floating-cta:hover {\r\n    background-color: var(--brand-blue-dark) !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(4, 82, 121, 0.45);\r\n}\r\n\r\n\/* --- 16. RESPONSIVE --- *\/\r\n@media (max-width: 900px) {\r\n    .mycareernet-imthi-wrapper { padding: 10px !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: 50px 20px !important; \/* Uniform 50px vertical padding *\/\r\n        margin-bottom: 20px !important;\r\n        box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;\r\n        border-color: #d1d5db !important; \r\n    }\r\n    \r\n    .mycareernet-job-grid { grid-template-columns: 1fr; gap: 15px; }\r\n    .mycareernet-who-grid { grid-template-columns: 1fr; gap: 15px; }\r\n\r\n    .mycareernet-who-card,\r\n    .mycareernet-job-box,\r\n    .mycareernet-list-row,\r\n    .mycareernet-imthi-timeline-content {\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;\r\n        border: 1px solid #d1d5db !important;\r\n        padding: 20px 15px !important;\r\n    }\r\n\r\n    .mycareernet-imthi-main-content h2 { font-size: 20px !important; margin-bottom: 18px !important; }\r\n\r\n    .mycareernet-imthi-floating-cta { display: inline-block; }\r\n\r\n    #who-can-apply h2,\r\n    #timeline-dates h2,\r\n    #featured-employers h2,\r\n    #who-can-apply h3 {\r\n        justify-content: center !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mycareernet-who-card {\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mycareernet-branch-tags {\r\n        justify-content: center !important;\r\n    }\r\n\r\n    .mycareernet-job-box {\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .mycareernet-employers-flex {\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* Adjust logo boxes for mobile flex *\/\r\n    .mycareernet-employer-logo-box {\r\n        width: 140px; \r\n        height: 65px;\r\n    }\r\n\r\n    .mycareernet-carousel-container {\r\n        padding-bottom: 15px; \r\n    }\r\n    .mycareernet-mock-card {\r\n        width: 80vw !important; \r\n        max-width: 300px;\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: 999999;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n.straive-modal-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\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.straive-modal-overlay.active .straive-modal-box {\r\n    transform: translateY(0);\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.straive-modal-close:hover {\r\n    color: #111;\r\n}\r\n.straive-modal-box h3 {\r\n    margin-top: 0;\r\n    font-size: 24px !important;\r\n    padding: 0px !important;\r\n    margin: 0px !important;\r\n    font-weight: 600;\r\n    color: #000;\r\n    font-family: 'Manrope', sans-serif;\r\n}\r\n.straive-modal-box h4 {\r\n    font-size: 18px !important;\r\n    padding: 0px !important;\r\n    margin-top: 10px !important;\r\n    margin-bottom: 20px !important;\r\n    font-weight: 500;\r\n    color: #444;\r\n    font-family: 'Manrope', sans-serif;\r\n}\r\n.straive-modal-cta {\r\n    display: inline-block;\r\n    background-color: var(--brand-blue) !important;\r\n    color: #ffffff !important;\r\n    text-align: center;\r\n    padding: 12px 35px;\r\n    border-radius: 30px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    box-shadow: 0 4px 10px rgba(4, 82, 121, 0.2);\r\n    transition: all 0.2s ease;\r\n    margin-top: 15px;\r\n}\r\n.straive-modal-cta:hover {\r\n    background-color: var(--brand-blue-dark) !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(4, 82, 121, 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-program\" class=\"mycareernet-imthi-link\"><i class=\"fa-solid fa-circle-info\"><\/i> Program overview<\/a><\/li>\r\n                    <li><a href=\"#who-can-apply\" class=\"mycareernet-imthi-link\"><i class=\"fa-solid fa-user-graduate\"><\/i> Who can apply<\/a><\/li>\r\n                    <li><a href=\"#benefits\" class=\"mycareernet-imthi-link\"><i class=\"fa-solid fa-briefcase\"><\/i> Rewards<\/a><\/li>\r\n                    <li><a href=\"#selection-process\" class=\"mycareernet-imthi-link\"><i class=\"fa-solid fa-route\"><\/i> Event structure<\/a><\/li>\r\n                    <li><a href=\"#mock-test\" class=\"mycareernet-imthi-link\"><i class=\"fa-solid fa-laptop-code\"><\/i> Mock test<\/a><\/li>\r\n                    <li><a href=\"#faqs\" class=\"mycareernet-imthi-link\"><i class=\"fa-regular fa-circle-question\"><\/i> FAQs<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n            \r\n            <a href=\"#\" class=\"mycareernet-imthi-register-btn registrationLink\" target=\"_blank\">Register Now<\/a>\r\n        <\/aside>\r\n\r\n        <main class=\"mycareernet-imthi-main-content\">\r\n            \r\n            <h1 class=\"visually-hidden\">Interns Hiring Program<\/h1>\r\n\r\n            <section id=\"about-program\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>Take the first step while others wait to get placed<\/h2>\r\n                \r\n                <p><strong>Are you an engineering student graduating in 2027?<\/strong><\/p>\r\n                <p>The path to your dream career does not wait for a campus schedule \u2014 top companies are rewriting the rules of hiring, and the opportunities you want may not come knocking.<\/p>\r\n                <p><strong>The Interns Hiring Program is where your career journey truly gets programmed.<\/strong><\/p>\r\n                <p>It is your moment to step forward, take charge, and set your career in motion. You get the opportunity to solve real-world challenges and let your skills speak louder than your resume. <\/p>\r\n                <p>This is your head start to own the journey, claim the opportunities, and shape the future you have been waiting for.<\/p>\r\n            <\/section>\r\n\r\n            <section id=\"who-can-apply\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>This program is meant for you if you are\u2026<\/h2>\r\n                \r\n                <div class=\"mycareernet-who-grid\">\r\n                    <div class=\"mycareernet-who-card mycareernet-animate delay-1\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">Graduating in <strong>2027<\/strong><\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-who-card mycareernet-animate delay-2\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-lightbulb\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">Obsessed with technology and innovation<\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-who-card mycareernet-animate delay-3\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-wrench\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">The kind of person who would rather build a solution than wait for one<\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-who-card mycareernet-animate delay-4\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-road\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">Ready to carve your path before placement season even begins<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3 style=\"margin-top: 25px;\">All engineering streams are welcome to apply<\/h3>\r\n                <div class=\"mycareernet-branch-tags mycareernet-animate delay-1\">\r\n                    <span class=\"mycareernet-branch-tag\">Computer science \/ IT \/ ECE<\/span>\r\n                    <span class=\"mycareernet-branch-tag\">Electronics and electrical engineering<\/span>\r\n                    <span class=\"mycareernet-branch-tag\">Non-circuit branches (Mechanical, Civil, Metallurgy)<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"mycareernet-animate delay-2\" style=\"margin-top: 30px; padding: 18px 20px; background: var(--brand-light); border-radius: 12px; border-left: 4px solid var(--brand-blue) !important; display: flex; align-items: center; gap: 15px;\">\r\n                    <strong style=\"color: var(--brand-blue-dark) !important; font-size: 15px;\">This is your defining moment. Turn your skills into your first big break.<\/strong>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section id=\"benefits\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>Your launchpad to career opportunities awaits<\/h2>\r\n                <div class=\"mycareernet-list-layout\">\r\n                    <div class=\"mycareernet-list-row mycareernet-animate delay-1\">\r\n                        <div class=\"mycareernet-list-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n                        <div class=\"mycareernet-list-text\">Internships with leading companies<\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-list-row mycareernet-animate delay-2\">\r\n                        <div class=\"mycareernet-list-icon\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><\/div>\r\n                        <div class=\"mycareernet-list-text\">Real-world challenges inspired by real business scenarios<\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-list-row mycareernet-animate delay-3\">\r\n                        <div class=\"mycareernet-list-icon\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                        <div class=\"mycareernet-list-text\">Industry exposure and visibility among next-gen organizations<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"featured-employers\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>Featured employers<\/h2>\r\n                \r\n                <div class=\"mycareernet-employers-flex\" style=\"display: flex; gap: 15px; align-items: center; flex-wrap: wrap; margin-top: 15px;\">\r\n                    <div class=\"mycareernet-employer-logo-box mycareernet-animate delay-1\">\r\n                        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/03\/Indiqube.jpg\" alt=\"IndiQube\">\r\n                    <\/div>\r\n                    <div class=\"mycareernet-employer-logo-box mycareernet-animate delay-2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/04\/HirePro.svg\" alt=\"HirePro\">\r\n                    <\/div>\r\n                    <div class=\"mycareernet-animate delay-4\">\r\n                        <span style=\"background:var(--brand-light); border: 2px dashed var(--brand-blue) !important; color: var(--brand-blue) !important; padding: 14px 25px; border-radius: 8px; font-weight: 700; font-size: 14px; display: inline-block;\">Many more on the way...<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <\/section>\r\n\r\n            <section id=\"timeline-dates\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>Mark your calendar<\/h2>\r\n                <div class=\"mycareernet-job-grid\">\r\n                    <div class=\"mycareernet-job-box mycareernet-animate delay-1\">\r\n                        <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-door-open\"><\/i><\/div>\r\n                        <div class=\"mycareernet-job-text\"><strong>REGISTRATION OPENS<\/strong><span>April 2, 2026<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-job-box mycareernet-animate delay-2\">\r\n                        <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\r\n                        <div class=\"mycareernet-job-text\"><strong>ASSESSMENT ROUND<\/strong><span>April 24, 2026<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-job-box mycareernet-animate delay-3\">\r\n                        <div class=\"mycareernet-job-icon\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n                        <div class=\"mycareernet-job-text\"><strong>INTERVIEW<\/strong><span>April 30, 2026<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"selection-process\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>Your journey to the spotlight<\/h2>\r\n                <div class=\"mycareernet-imthi-timeline-wrapper\">\r\n                    <div class=\"mycareernet-imthi-timeline-item mycareernet-animate delay-1\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-address-card\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\">\r\n                            <h3>Step 1: Register<\/h3>\r\n                            <p>Click on the registration link above and fill in your details to secure your spot<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-imthi-timeline-item mycareernet-animate delay-2\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\">\r\n                            <h3>Step 2: Aptitude round<\/h3>\r\n                            <p>Show us how you think in this logical reasoning, quantitative aptitude, and basic English assessment round<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"mycareernet-imthi-timeline-item mycareernet-animate delay-4\">\r\n                        <div class=\"mycareernet-imthi-timeline-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n                        <div class=\"mycareernet-imthi-timeline-content\">\r\n                            <h3>Step 3: Interviews with employers<\/h3>\r\n                            <p>Top performers move forward to employer interviews<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"mock-test\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\" style=\"padding-left: 0; padding-right: 0; overflow: hidden;\">\r\n                <h2 style=\"padding: 0 40px;\">See how ready you are \u2014 take the mock test<\/h2>\r\n                \r\n                <div class=\"mycareernet-carousel-container\">\r\n                    <div class=\"mycareernet-carousel-track\">\r\n                        <a href=\"https:\/\/mycareernet.co\/mycareernet\/practice-assessments\/SQL-Database-Fundamentals-16\" target=\"_blank\" class=\"mycareernet-mock-card\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/s3_cached_s3-ap-southeast-1\/hirepro-content\/mycareernet\/eventCardBanner\/ae6baba0-1202-420f-8095-30c3d2a3a70b1000405601.png\" alt=\"SQL Fundamentals\">\r\n                            <div class=\"mycareernet-mock-card-body\">\r\n                                <h5 class=\"mycareernet-mock-card-title\">SQL & Database Fundamentals<\/h5>\r\n                                <div class=\"mycareernet-mock-card-desc\">Test your SQL basics: queries, filters, joins, and database fundamentals.<\/div>\r\n                                <div class=\"mycareernet-mock-card-meta\">\r\n                                    <span class=\"text-success\"><i class=\"fa-regular fa-lightbulb\"><\/i> Beginner<\/span>\r\n                                    <span class=\"separator\">|<\/span>\r\n                                    <span><i class=\"fa-regular fa-clock\"><\/i> 45 Mins<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/mycareernet.co\/mycareernet\/practice-assessments\/Software-Engineer-For-Startups-6\" target=\"_blank\" class=\"mycareernet-mock-card\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/s3_cached_s3-ap-southeast-1\/hirepro-content\/mycareernet\/eventCardBanner\/2d576546-7f55-4ef3-ba84-a47d775fd7013.png\" alt=\"Startups\">\r\n                            <div class=\"mycareernet-mock-card-body\">\r\n                                <h5 class=\"mycareernet-mock-card-title\">Software Engineer - For Startups<\/h5>\r\n                                <div class=\"mycareernet-mock-card-desc\">Build Product-Ready Tech Skills<\/div>\r\n                                <div class=\"mycareernet-mock-card-meta\">\r\n                                    <span class=\"text-success\"><i class=\"fa-regular fa-lightbulb\"><\/i> Beginner<\/span>\r\n                                    <span class=\"separator\">|<\/span>\r\n                                    <span><i class=\"fa-regular fa-clock\"><\/i> 1.6 Hrs<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/mycareernet.co\/mycareernet\/practice-assessments\/Software-Engineer-IT-Services-14\" target=\"_blank\" class=\"mycareernet-mock-card\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/s3_cached_s3-ap-southeast-1\/hirepro-content\/mycareernet\/eventCardBanner\/73b96b9c-ae11-42f9-a274-1dfc9dc885791.png\" alt=\"IT Services Beginner\">\r\n                            <div class=\"mycareernet-mock-card-body\">\r\n                                <h5 class=\"mycareernet-mock-card-title\">Software Engineer - IT Services<\/h5>\r\n                                <div class=\"mycareernet-mock-card-desc\">Prepare for IT services opportunities by practicing essential software fundamentals<\/div>\r\n                                <div class=\"mycareernet-mock-card-meta\">\r\n                                    <span class=\"text-success\"><i class=\"fa-regular fa-lightbulb\"><\/i> Beginner<\/span>\r\n                                    <span class=\"separator\">|<\/span>\r\n                                    <span><i class=\"fa-regular fa-clock\"><\/i> 1.2 Hrs<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div style=\"text-align: center; margin-top: 35px; margin-bottom: 10px;\">\r\n                    <a href=\"https:\/\/mycareernet.co\/mycareernet\/practice-assessments\" target=\"_blank\" class=\"mycareernet-imthi-register-btn\">\r\n                        View All\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n            <section class=\"mycareernet-imthi-scroll-section mycareernet-animate\" style=\"border-color: var(--brand-blue) !important; background: #fafcff; text-align:center;\">\r\n                <h2 style=\"justify-content: center;\">Your future starts with the choices you make today<\/h2>\r\n                <div style=\"font-size: 16px; margin: 20px 0;\">\r\n                    <p style=\"margin:0 0 5px;\">Take the challenge<\/p>\r\n                    <p style=\"margin:0 0 5px;\">Show what you can do<\/p>\r\n                    <p style=\"margin:0;\">Get discovered before placements begin<\/p>\r\n                <\/div>\r\n                <a href=\"#\" class=\"mycareernet-imthi-register-btn registrationLink\" style=\"margin-top: 20px;\">Register Now<\/a>\r\n            <\/section>\r\n\r\n            <section id=\"faqs\" class=\"mycareernet-imthi-scroll-section mycareernet-animate\">\r\n                <h2>Frequently asked questions<\/h2>\r\n                \r\n                <div class=\"mycareernet-faq-container\">\r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">1. Who can participate in this challenge?<\/div>\r\n                            <i class=\"fa-solid fa-chevron-down mycareernet-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-faq-answer\">\r\n                            <div style=\"padding-top:15px;\">\r\n                                This event is open to engineering students graduating in 2027 who are passionate about solving problems, exploring technology, and building their careers early.\r\n                                <br><br>Students from the following streams are encouraged to apply:\r\n                                <ul>\r\n                                    <li>Computer science \/ IT \/ ECE<\/li>\r\n                                    <li>Electronics and electrical engineering<\/li>\r\n                                    <li>Non-circuit branches such as Mechanical, Civil, and Metallurgy<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">2. Is there any registration fee?<\/div>\r\n                            <i class=\"fa-solid fa-chevron-down mycareernet-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-faq-answer\">\r\n                            <div style=\"padding-top:15px;\">No. Participation is completely free.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">3. What is the format of the event?<\/div>\r\n                            <i class=\"fa-solid fa-chevron-down mycareernet-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-faq-answer\">\r\n                            <div style=\"padding-top:15px;\">\r\n                                The challenge includes: \r\n                                <ul>\r\n                                    <li>Register<\/li>\r\n                                    <li>Aptitude round<\/li>\r\n                                    <li>AI-led technical hackathon<\/li>\r\n                                    <li>Interviews with employers<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">4. Do I need prior hackathon experience?<\/div>\r\n                            <i class=\"fa-solid fa-chevron-down mycareernet-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-faq-answer\">\r\n                            <div style=\"padding-top:15px;\">\r\n                                Not at all. The challenge is designed to evaluate problem-solving ability, creativity, and potential.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">5. What are the rewards for participating?<\/div>\r\n                            <i class=\"fa-solid fa-chevron-down mycareernet-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-faq-answer\">\r\n                            <div style=\"padding-top:15px;\">\r\n                                Top performers may receive:\r\n                                <ul>\r\n                                    <li>Internship opportunities with featured organizations<\/li>\r\n                                    <li>Exposure to real-world industry challenges<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">6. Will the event be online or offline?<\/div>\r\n                            <i class=\"fa-solid fa-chevron-down mycareernet-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-faq-answer\">\r\n                            <div style=\"padding-top:15px;\">\r\n                                The assessment rounds will be conducted online.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/section>\r\n\r\n        <\/main>\r\n    <\/div>\r\n    \r\n    <a href=\"#\" class=\"mycareernet-imthi-floating-cta registrationLink\">\r\n        Register Now\r\n    <\/a>\r\n<\/div>\r\n\r\n<div id=\"straiveGlassModal\" class=\"straive-modal-overlay\">\r\n    <div class=\"straive-modal-box\">\r\n        <button id=\"straiveCloseModal\" class=\"straive-modal-close\">&times;<\/button>\r\n        <h3>This event has closed<\/h3>\r\n        <h4>Stay updated on upcoming events.<\/h4>\r\n        <a href=\"https:\/\/ams.hirepro.in\/v2\/registration\/mycareernet\/ClsdEvntsInq33\/apply?event=237194&job=251382\" target=\"_blank\" class=\"straive-modal-cta\">\r\n            Get Notified\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ 1. SCROLL SPY LOGIC\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                const activeLink = document.querySelector(`.mycareernet-imthi-link[href=\"#${id}\"]`);\r\n                if (activeLink) activeLink.classList.add(\"active\");\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    \/\/ 2. ACCORDION LOGIC\r\n    const faqQuestions = document.querySelectorAll(\".mycareernet-faq-question\");\r\n    faqQuestions.forEach(question => {\r\n        question.addEventListener(\"click\", () => {\r\n            const item = question.parentElement;\r\n            \r\n            \/\/ Close other open accordions\r\n            document.querySelectorAll(\".mycareernet-faq-item\").forEach(otherItem => {\r\n                if (otherItem !== item && otherItem.classList.contains(\"active\")) {\r\n                    otherItem.classList.remove(\"active\");\r\n                    const otherAnswer = otherItem.querySelector(\".mycareernet-faq-answer\");\r\n                    otherAnswer.style.maxHeight = null;\r\n                    otherAnswer.style.paddingTop = \"0\";\r\n                    otherAnswer.style.paddingBottom = \"0\";\r\n                }\r\n            });\r\n            \r\n            \/\/ Toggle current accordion\r\n            item.classList.toggle(\"active\");\r\n            const answer = item.querySelector(\".mycareernet-faq-answer\");\r\n            if (item.classList.contains(\"active\")) {\r\n                answer.style.maxHeight = answer.scrollHeight + 40 + \"px\"; \r\n                answer.style.paddingTop = \"10px\";\r\n                answer.style.paddingBottom = \"20px\";\r\n            } else {\r\n                answer.style.maxHeight = null;\r\n                answer.style.paddingTop = \"0\";\r\n                answer.style.paddingBottom = \"0\";\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ 3. SCROLL ANIMATION LOGIC\r\n    const animateElements = document.querySelectorAll('.mycareernet-animate');\r\n    const animationObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('in-view');\r\n            }\r\n        });\r\n    }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n    animateElements.forEach(el => animationObserver.observe(el));\r\n\r\n\r\n    \/\/ 4. MOCK TEST CAROUSEL (DRAG + ROBUST INFINITE LOOP)\r\n    const carousel = document.querySelector('.mycareernet-carousel-container');\r\n    const track = document.querySelector('.mycareernet-carousel-track');\r\n    \r\n    if (carousel && track) {\r\n        const cards = Array.from(track.children);\r\n        const gap = parseInt(window.getComputedStyle(track).gap) || 20;\r\n        \r\n        \/\/ Wait for potential image loads to ensure accurate scrollWidth\r\n        window.addEventListener('load', () => {\r\n            \/\/ Calculate exact width of original items\r\n            const originalWidth = track.scrollWidth + gap;\r\n\r\n            \/\/ Clone elements twice to ensure a robust buffer for looping\r\n            cards.forEach(card => track.appendChild(card.cloneNode(true)));\r\n            cards.forEach(card => track.appendChild(card.cloneNode(true)));\r\n\r\n            let isDown = false;\r\n            let startX;\r\n            let scrollLeft;\r\n            let animationId;\r\n\r\n            const autoScroll = () => {\r\n                if (!isDown) { \r\n                    carousel.scrollLeft += 1;\r\n                    \/\/ Seamless wrap check\r\n                    if (carousel.scrollLeft >= originalWidth) {\r\n                        carousel.scrollLeft -= originalWidth;\r\n                    }\r\n                }\r\n                animationId = requestAnimationFrame(autoScroll);\r\n            };\r\n\r\n            \/\/ Initialize auto scroll\r\n            animationId = requestAnimationFrame(autoScroll);\r\n\r\n            \/\/ Desktop Mouse Events\r\n            carousel.addEventListener('mouseenter', () => cancelAnimationFrame(animationId));\r\n            carousel.addEventListener('mouseleave', () => {\r\n                isDown = false;\r\n                animationId = requestAnimationFrame(autoScroll);\r\n            });\r\n\r\n            carousel.addEventListener('mousedown', (e) => {\r\n                isDown = true;\r\n                cancelAnimationFrame(animationId);\r\n                startX = e.pageX - carousel.offsetLeft;\r\n                scrollLeft = carousel.scrollLeft;\r\n            });\r\n\r\n            carousel.addEventListener('mouseup', () => {\r\n                isDown = false;\r\n                animationId = requestAnimationFrame(autoScroll);\r\n            });\r\n\r\n            carousel.addEventListener('mousemove', (e) => {\r\n                if (!isDown) return;\r\n                e.preventDefault();\r\n                const x = e.pageX - carousel.offsetLeft;\r\n                const walk = (x - startX) * 1.5; \r\n                carousel.scrollLeft = scrollLeft - walk;\r\n\r\n                \/\/ Handle infinite scrolling loop while dragging\r\n                if (carousel.scrollLeft >= originalWidth) {\r\n                     carousel.scrollLeft -= originalWidth;\r\n                     scrollLeft -= originalWidth; \r\n                } else if (carousel.scrollLeft <= 0) {\r\n                     carousel.scrollLeft += originalWidth;\r\n                     scrollLeft += originalWidth;\r\n                }\r\n            });\r\n\r\n            \/\/ Mobile Touch Events\r\n            carousel.addEventListener('touchstart', (e) => {\r\n                isDown = true;\r\n                cancelAnimationFrame(animationId);\r\n                startX = e.touches[0].pageX - carousel.offsetLeft;\r\n                scrollLeft = carousel.scrollLeft;\r\n            });\r\n            \r\n            carousel.addEventListener('touchend', () => {\r\n                isDown = false;\r\n                animationId = requestAnimationFrame(autoScroll);\r\n            });\r\n            \r\n            carousel.addEventListener('touchmove', (e) => {\r\n                if (!isDown) return;\r\n                const x = e.touches[0].pageX - carousel.offsetLeft;\r\n                const walk = (x - startX) * 1.5; \r\n                carousel.scrollLeft = scrollLeft - walk;\r\n\r\n                \/\/ Handle infinite scrolling loop while dragging\r\n                if (carousel.scrollLeft >= originalWidth) {\r\n                     carousel.scrollLeft -= originalWidth;\r\n                     scrollLeft -= originalWidth;\r\n                } else if (carousel.scrollLeft <= 0) {\r\n                     carousel.scrollLeft += originalWidth;\r\n                     scrollLeft += originalWidth;\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ 5. MOBILE FLOATING CTA SCROLL VISIBILITY\r\n    const floatingCta = document.querySelector('.mycareernet-imthi-floating-cta');\r\n    if (floatingCta) {\r\n        window.addEventListener('scroll', () => {\r\n            if (window.innerWidth <= 900) {\r\n                if (window.scrollY > window.innerHeight) {\r\n                    floatingCta.classList.add('show-cta');\r\n                } else {\r\n                    floatingCta.classList.remove('show-cta');\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 6. GLASS MODAL LOGIC (ADDED)\r\n    const glassModal = document.getElementById(\"straiveGlassModal\");\r\n    const closeGlassModalBtn = document.getElementById(\"straiveCloseModal\");\r\n    const registerLinks = document.querySelectorAll(\".registrationLink\");\r\n\r\n    function openGlassModal(e) {\r\n        if (e) e.preventDefault(); \/\/ Prevents link navigation\r\n        if (glassModal) {\r\n            glassModal.classList.add(\"active\");\r\n            document.body.style.overflow = 'hidden'; \/\/ Locks background scrolling\r\n        }\r\n    }\r\n\r\n    function closeGlassModal() {\r\n        if (glassModal) {\r\n            glassModal.classList.remove(\"active\");\r\n            document.body.style.overflow = ''; \/\/ Restores background scrolling\r\n        }\r\n    }\r\n\r\n    if (glassModal && closeGlassModalBtn) {\r\n        \/\/ Trigger modal on click for all elements with class 'registrationLink'\r\n        registerLinks.forEach(link => {\r\n            link.addEventListener(\"click\", openGlassModal);\r\n        });\r\n\r\n        \/\/ Close modal via 'X' button\r\n        closeGlassModalBtn.addEventListener(\"click\", closeGlassModal);\r\n\r\n        \/\/ Close modal by clicking on the dark overlay background\r\n        glassModal.addEventListener(\"click\", function (e) {\r\n            if (e.target === glassModal) {\r\n                closeGlassModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Auto-trigger modal after 2 seconds (2000 milliseconds)\r\n        setTimeout(function() {\r\n            openGlassModal();\r\n        }, 2000);\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Registrations Start Apr 02, 2026 09:00 AM EST Registrations End Apr 23, 2026 11:00 PM EST Loading&#8230; Register Now &times; This event has closed Stay updated on upcoming events. Get Notified Program overview Who can apply Rewards Event structure Mock test FAQs Register Now Interns Hiring Program Take the first step while others wait to [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":29642,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28593","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28593","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=28593"}],"version-history":[{"count":225,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28593\/revisions"}],"predecessor-version":[{"id":29842,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/28593\/revisions\/29842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media\/29642"}],"wp:attachment":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media?parent=28593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}