{"id":32225,"date":"2026-08-12T08:30:13","date_gmt":"2026-08-12T08:30:13","guid":{"rendered":"https:\/\/mycareernet.co\/events\/?page_id=32225"},"modified":"2026-08-21T06:32:22","modified_gmt":"2026-08-21T06:32:22","slug":"15-day-practice-challenge","status":"publish","type":"page","link":"https:\/\/mycareernet.co\/events\/15-day-practice-challenge\/","title":{"rendered":"15-Day Practice Challenge"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"32225\" class=\"elementor elementor-32225\">\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:\/\/mycareernet.co\/v2\/registration\/mycareernet\/fifteenDayPracticeChallenge\/apply?event=282876&job=296902\" 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\/08\/15days-challenge-Mobile-Banner.webp\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/08\/15days-challenge-Web-Banner.webp\" alt=\"15-Day Practice Challenge\">\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    \/* BRAND COLORS *\/\r\n    --c-primary: #0075bd;          \r\n    --c-primary-dark: #005e98;    \r\n    --c-primary-light: #e6f1f8;   \r\n    --c-text-main: #1F2937;        \r\n    --c-text-light: #4B5563;      \r\n    --c-border: #E5E7EB;          \r\n    --c-white: #ffffff;\r\n    --font-main: 'Manrope', sans-serif;\r\n    --radius-md: 12px;\r\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  .he-widget-wrapper {\r\n    font-family: var(--font-main);\r\n    color: var(--c-text-main);\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 20px 0;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .he-widget-wrapper *, \r\n  .he-widget-wrapper *::before, \r\n  .he-widget-wrapper *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .he-widget-card {\r\n    background-color: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: var(--radius-md);\r\n    box-shadow: var(--shadow-md);\r\n    padding: 32px;\r\n    display: flex;\r\n    flex-direction: column; \r\n    gap: 24px;\r\n    border-top: 4px solid var(--c-primary);\r\n  }\r\n\r\n  .he-widget-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .he-widget-label {\r\n    color: var(--c-text-light);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 8px;\r\n    margin-top: 0;\r\n    line-height: 1.5;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  \r\n  .he-widget-label i, .he-widget-label svg {\r\n      color: var(--c-primary);\r\n      width: 16px;\r\n      height: 16px;\r\n  }\r\n\r\n  .he-widget-value {\r\n    color: var(--c-text-main);\r\n    font-weight: 700;\r\n    font-size: 18px; \r\n    margin: 0;\r\n    white-space: nowrap;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .he-stat-row {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--c-text-main);\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .he-stat-row:last-child { margin-bottom: 0; }\r\n\r\n  .he-stat-row i {\r\n    width: 22px;\r\n    color: var(--c-primary);\r\n    font-size: 14px;\r\n  }\r\n\r\n  .he-btn-container { display: flex; justify-content: flex-end; }\r\n\r\n  .he-register-btn {\r\n    background-color: var(--c-primary);\r\n    color: white !important;\r\n    font-family: var(--font-main);\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    padding: 14px 40px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    width: 100%;\r\n    box-shadow: 0 4px 12px rgba(0, 117, 189, 0.3);\r\n    text-decoration: none !important;\r\n    text-align: center;\r\n    display: inline-block;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .he-register-btn:hover {\r\n    background-color: var(--c-primary-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(0, 117, 189, 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: #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: 700;\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: #005e98;\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=\"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\">Aug 20, 2026 00:00 AM IST<\/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\">Aug 31, 2026 11:59 PM IST<\/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:\/\/mycareernet.co\/v2\/registration\/mycareernet\/fifteenDayPracticeChallenge\/apply?event=282876&job=296902\" target=\"_blank\" class=\"he-register-btn registrationLink\">Register For Free<\/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\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    \/* --- DATE-BASED MODAL CONTROL 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        \/\/ Define Cutoff Date: Aug 31, 2026 23:59:59 IST (+05:30)\r\n        const closureDate = new Date(\"2026-08-31T23:59:59+05:30\");\r\n        const currentDate = new Date();\r\n\r\n        const isEventClosed = currentDate >= closureDate;\r\n\r\n        function openGlassModal(e) {\r\n            if (e) e.preventDefault();\r\n            if (glassModal) {\r\n                glassModal.classList.add(\"active\");\r\n                document.body.style.overflow = 'hidden';\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 = '';\r\n            }\r\n        }\r\n\r\n        if (glassModal && closeGlassModalBtn) {\r\n            \/\/ Close button handlers\r\n            closeGlassModalBtn.addEventListener(\"click\", closeGlassModal);\r\n            glassModal.addEventListener(\"click\", function (e) {\r\n                if (e.target === glassModal) {\r\n                    closeGlassModal();\r\n                }\r\n            });\r\n\r\n            \/\/ Trigger popup ONLY if current date is on or after Aug 31, 2026 11:59:59 PM IST\r\n            if (isEventClosed) {\r\n                registerLinks.forEach(link => {\r\n                    link.addEventListener(\"click\", openGlassModal);\r\n                });\r\n\r\n                \/\/ Auto-show popup after 2s once event is officially closed\r\n                setTimeout(function() {\r\n                    openGlassModal();\r\n                }, 2000);\r\n            }\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 & VARIABLES --- *\/\r\n:root {\r\n    --brand-blue: #0075bd;\r\n    --brand-blue-dark: #005a96; \r\n    --brand-light: #e6f2f9; \r\n    --brand-accent-1: #0ea5e9;\r\n    --brand-accent-2: #0284c7;\r\n    --text-dark: #0f172a;\r\n    --text-gray: #334155;\r\n    --border-color: #e2e8f0;\r\n    --bg-main: #f8fafc;\r\n    --bg-card: #ffffff;\r\n}\r\n\r\nhtml, body {\r\n    overflow-x: clip; \r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: var(--bg-main);\r\n}\r\n\r\n\/* --- 2. FONT & PADDING ENFORCEMENT --- *\/\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 {\r\n    font-size: 16px !important;\r\n    color: var(--text-gray);\r\n    line-height: 1.7;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.mycareernet-imthi-wrapper p, \r\n.mycareernet-imthi-wrapper li, \r\n.mycareernet-imthi-wrapper span, \r\n.mycareernet-imthi-wrapper div {\r\n    font-size: 16px !important;\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.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\/* --- 3. LAYOUT & SIDEBAR --- *\/\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    padding: 40px 20px;\r\n}\r\n\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    z-index: 10;\r\n}\r\n\r\n.mycareernet-imthi-sidebar::-webkit-scrollbar { width: 4px; }\r\n.mycareernet-imthi-sidebar::-webkit-scrollbar-track { background: transparent; }\r\n.mycareernet-imthi-sidebar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\r\n\r\n.mycareernet-imthi-toc-nav {\r\n    background: var(--bg-card);\r\n    border-radius: 16px;\r\n    padding: 15px 20px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\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: 4px; \r\n}\r\n\r\n.mycareernet-imthi-link {\r\n    display: block;\r\n    text-decoration: none;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    padding: 12px 16px;\r\n    border-radius: 10px;\r\n    color: var(--text-dark);\r\n    font-weight: 600;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.mycareernet-imthi-link:hover {\r\n    color: var(--brand-blue) !important;\r\n    background-color: var(--brand-light);\r\n    transform: translateX(6px);\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::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    height: 0;\r\n    width: 3px;\r\n    background-color: var(--brand-blue) !important;\r\n    border-radius: 0 4px 4px 0;\r\n    transition: height 0.3s ease;\r\n}\r\n.mycareernet-imthi-link.active::before { height: 60%; }\r\n\r\n\/* --- 4. REGISTER FOR FREE CTA --- *\/\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: 140px; \r\n    background: linear-gradient(135deg, var(--brand-blue), var(--brand-accent-2)) !important;\r\n    color: #ffffff !important;\r\n    text-align: center;\r\n    padding-top: 14px !important;\r\n    padding-bottom: 14px !important;\r\n    padding-left: 28px !important;\r\n    padding-right: 28px !important;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px !important;\r\n    box-shadow: 0 8px 20px rgba(0, 117, 189, 0.3);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border: none;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    position: relative;\r\n    line-height: 1 !important;\r\n}\r\n\r\n.mycareernet-imthi-register-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: -100%;\r\n    width: 100%; height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.mycareernet-imthi-sidebar .mycareernet-imthi-register-btn { \r\n    width: 100%; \r\n    margin-top: 5px;\r\n}\r\n\r\n.mycareernet-imthi-register-btn:hover {\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 12px 25px rgba(0, 117, 189, 0.4);\r\n}\r\n.mycareernet-imthi-register-btn:hover::after { left: 100%; }\r\n\r\n\/* --- 5. MAIN CONTENT & SECTIONS --- *\/\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    padding: 35px 0px !important; \r\n    scroll-margin-top: 80px;\r\n    position: relative;\r\n}\r\n\r\n#overview {\r\n    padding-top: 0px !important;\r\n}\r\n\r\n.mycareernet-imthi-main-content h1 {\r\n    font-size: 36px !important;\r\n    font-weight: 800;\r\n    color: var(--text-dark) !important;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.mycareernet-imthi-main-content h2 {\r\n    font-size: 28px !important;\r\n    font-weight: 800;\r\n    color: var(--brand-blue) !important; \r\n    margin-top: 0;\r\n    margin-bottom: 30px; \r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    position: relative;\r\n}\r\n\r\n\/* --- 6. SECTIONS STYLING --- *\/\r\n\r\n\/* Overview Box Container *\/\r\n.mycareernet-overview-box {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-color);\r\n    padding: 40px 45px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.04);\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: all 0.3s ease;\r\n    overflow: hidden;\r\n    border-top: 4px solid var(--brand-blue);\r\n}\r\n.mycareernet-overview-box:hover {\r\n    box-shadow: 0 20px 45px rgba(0, 117, 189, 0.08);\r\n}\r\n.mycareernet-overview-quote-icon {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 25px;\r\n    font-size: 110px;\r\n    color: var(--brand-light);\r\n    opacity: 0.6;\r\n    z-index: -1;\r\n}\r\n.mycareernet-overview-lead {\r\n    font-size: 22px !important;\r\n    color: var(--brand-blue-dark);\r\n    font-weight: 800;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    line-height: 1.4;\r\n    border-left: 4px solid var(--brand-accent-1);\r\n    padding-left: 15px;\r\n}\r\n\r\n\/* --- HOW TO TAKE THE CHALLENGE HERO & ROADMAP --- *\/\r\n.mycareernet-how-hero-card {\r\n    background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue));\r\n    border-radius: 20px;\r\n    padding: 28px 32px;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 12px 30px rgba(0, 117, 189, 0.2);\r\n    margin-bottom: 25px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.mycareernet-how-hero-card * {\r\n    color: #ffffff !important;\r\n}\r\n\r\n.mycareernet-how-hero-title {\r\n    font-size: 22px !important;\r\n    font-weight: 800;\r\n    margin-bottom: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.mycareernet-how-hero-desc {\r\n    font-size: 15px !important;\r\n    opacity: 0.95;\r\n    margin: 0;\r\n    line-height: 1.6;\r\n}\r\n\r\n.mycareernet-how-roadmap-list {\r\n    display: none;\r\n}\r\n\r\n.mycareernet-how-steps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n.mycareernet-how-step-box {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 18px;\r\n    padding: 24px;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.02);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.mycareernet-how-step-box:hover {\r\n    transform: translateY(-4px);\r\n    border-color: var(--brand-blue);\r\n    box-shadow: 0 12px 28px rgba(0, 117, 189, 0.08);\r\n}\r\n\r\n.mycareernet-how-step-badge {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 14px;\r\n    background: var(--brand-light);\r\n    color: var(--brand-blue);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px !important;\r\n    font-weight: 800;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mycareernet-how-step-box:hover .mycareernet-how-step-badge {\r\n    background: var(--brand-blue);\r\n    color: #ffffff;\r\n    transform: scale(1.05);\r\n}\r\n\r\n.mycareernet-how-step-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.mycareernet-how-step-content h4 {\r\n    margin: 0 0 8px 0;\r\n    font-size: 18px !important;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n    line-height: 1.4;\r\n}\r\n\r\n.mycareernet-how-step-content p {\r\n    margin: 0;\r\n    font-size: 14px !important;\r\n    color: var(--text-gray);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Feature\/Why Cards *\/\r\n.mycareernet-feature-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n.mycareernet-feature-card {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n}\r\n.mycareernet-feature-card:hover {\r\n    border-color: var(--brand-blue);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 28px rgba(0, 117, 189, 0.06);\r\n}\r\n.mycareernet-feature-icon {\r\n    width: 46px; height: 46px;\r\n    border-radius: 12px;\r\n    background: var(--brand-light);\r\n    color: var(--brand-blue);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 20px;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mycareernet-feature-card:hover .mycareernet-feature-icon {\r\n    background: var(--brand-blue);\r\n    color: #fff;\r\n    transform: scale(1.05);\r\n}\r\n.mycareernet-feature-content h4 {\r\n    margin: 0 0 6px 0;\r\n    font-size: 17px !important;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n}\r\n.mycareernet-feature-content p {\r\n    margin: 0;\r\n    font-size: 14px !important;\r\n    color: var(--text-gray);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Who Grid *\/\r\n.mycareernet-who-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n    margin-top: 15px;\r\n}\r\n.mycareernet-who-card {\r\n    background: var(--bg-card);\r\n    border-radius: 50px;\r\n    padding: 12px 25px 12px 12px;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\r\n    border: 1px solid var(--border-color);\r\n    transition: all 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    cursor: default;\r\n}\r\n.mycareernet-who-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 25px rgba(0, 117, 189, 0.15);\r\n    border-color: var(--brand-blue);\r\n    background: var(--brand-light);\r\n}\r\n.mycareernet-who-icon {\r\n    background: var(--brand-blue);\r\n    color: #fff !important;\r\n    width: 40px; height: 40px;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.mycareernet-who-card:hover .mycareernet-who-icon {\r\n    transform: scale(1.08);\r\n}\r\n.mycareernet-who-text {\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n}\r\n\r\n\/* Expect List Styling *\/\r\n.mycareernet-expect-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 20px 0 0 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n.mycareernet-expect-list li {\r\n    position: relative;\r\n    padding-left: 32px;\r\n    color: var(--text-gray);\r\n    line-height: 1.6;\r\n}\r\n.mycareernet-expect-list li i {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 4px;\r\n    color: var(--brand-accent-2);\r\n    font-size: 18px;\r\n}\r\n\r\n\/* --- ENHANCED WHAT YOU STAND TO GAIN (TABLE & HERO - BRAND PALETTE ONLY) --- *\/\r\n.mycareernet-gain-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n}\r\n\r\n.mycareernet-gain-hero {\r\n    background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue));\r\n    border-radius: 20px;\r\n    padding: 30px 35px;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 12px 30px rgba(0, 117, 189, 0.25);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.mycareernet-gain-hero * {\r\n    color: #ffffff !important;\r\n}\r\n\r\n.mycareernet-gain-hero-title {\r\n    font-size: 22px !important;\r\n    font-weight: 800;\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.mycareernet-gain-hero-sub {\r\n    font-size: 16px !important;\r\n    opacity: 0.95;\r\n    margin: 0 0 15px 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n.mycareernet-gain-pills-row {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.mycareernet-gain-pill {\r\n    background: rgba(255, 255, 255, 0.18);\r\n    backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    padding: 6px 16px;\r\n    border-radius: 30px;\r\n    font-size: 14px !important;\r\n    font-weight: 700;\r\n}\r\n\r\n.mycareernet-gain-table-wrap {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n    overflow-x: auto;\r\n}\r\n\r\n.mycareernet-gain-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    text-align: left;\r\n    min-width: 680px;\r\n}\r\n\r\n.mycareernet-gain-table th {\r\n    background: var(--brand-light);\r\n    color: var(--brand-blue-dark);\r\n    font-weight: 800;\r\n    font-size: 15px !important;\r\n    text-transform: none;\r\n    letter-spacing: normal;\r\n    padding: 18px 24px;\r\n    border-bottom: 2px solid var(--border-color);\r\n}\r\n\r\n.mycareernet-gain-table td {\r\n    padding: 20px 24px;\r\n    border-bottom: 1px solid var(--border-color);\r\n    color: var(--text-gray);\r\n    font-size: 15px !important;\r\n    vertical-align: top;\r\n    transition: background 0.2s ease;\r\n}\r\n\r\n.mycareernet-gain-table tbody tr {\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.mycareernet-gain-table tbody tr:hover td {\r\n    background: var(--brand-light);\r\n}\r\n\r\n.mycareernet-gain-table tr:last-child td {\r\n    border-bottom: none;\r\n}\r\n\r\n\/* Tier Header Cell *\/\r\n.mycareernet-tier-block {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.mycareernet-tier-icon-wrap {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n    flex-shrink: 0;\r\n    background: var(--brand-light);\r\n    color: var(--brand-blue);\r\n    border: 1px solid rgba(0, 117, 189, 0.15);\r\n}\r\n\r\n.tier-top5 .mycareernet-tier-icon-wrap {\r\n    background: var(--brand-blue);\r\n    color: #ffffff;\r\n    border: none;\r\n}\r\n\r\n.mycareernet-tier-name {\r\n    font-size: 16px !important;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n    margin: 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n.tier-top5 .mycareernet-tier-name {\r\n    color: var(--brand-blue-dark);\r\n}\r\n\r\n.mycareernet-eligibility-text {\r\n    font-size: 14px !important;\r\n    line-height: 1.5;\r\n    color: var(--text-gray);\r\n}\r\n\r\n\/* Reward List Checklist *\/\r\n.mycareernet-reward-list {\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: 8px;\r\n}\r\n\r\n.mycareernet-reward-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n    font-size: 14px !important;\r\n    line-height: 1.4;\r\n    color: var(--text-dark);\r\n}\r\n\r\n.mycareernet-reward-list li i {\r\n    color: var(--brand-accent-2);\r\n    font-size: 14px;\r\n    margin-top: 3px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.mycareernet-reward-plus {\r\n    font-size: 13px !important;\r\n    font-weight: 700;\r\n    color: var(--brand-blue-dark);\r\n    margin-bottom: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.mycareernet-gain-mobile-cards {\r\n    display: none;\r\n}\r\n\r\n\/* --- CONNECTED TIMELINE --- *\/\r\n.mycareernet-journey-timeline {\r\n    position: relative;\r\n    padding: 10px 0;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.mycareernet-journey-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 15px;\r\n    bottom: 15px;\r\n    left: 20px;\r\n    width: 2px;\r\n    background: linear-gradient(180deg, var(--brand-blue), var(--brand-accent-1));\r\n}\r\n\r\n.mycareernet-journey-item {\r\n    position: relative;\r\n    padding-left: 58px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.mycareernet-journey-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.mycareernet-journey-node {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 4px;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    background: var(--bg-card);\r\n    border: 2px solid var(--brand-blue);\r\n    color: var(--brand-blue);\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 4px 10px rgba(0, 117, 189, 0.15);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mycareernet-journey-item:hover .mycareernet-journey-node {\r\n    background: var(--brand-blue);\r\n    color: #ffffff;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.mycareernet-journey-content {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 14px;\r\n    padding: 18px 24px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02);\r\n    transition: all 0.3s ease;\r\n    border-left: 3px solid var(--brand-blue);\r\n}\r\n\r\n.mycareernet-journey-item:hover .mycareernet-journey-content {\r\n    border-color: var(--brand-blue);\r\n    box-shadow: 0 10px 25px rgba(0, 117, 189, 0.08);\r\n    transform: translateX(4px);\r\n}\r\n\r\n.mycareernet-journey-date {\r\n    font-size: 14px !important;\r\n    font-weight: 800;\r\n    color: var(--brand-blue);\r\n    margin-bottom: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.mycareernet-journey-title {\r\n    font-size: 16px !important;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* FAQ Accordion *\/\r\n.mycareernet-faq-container { display: flex; flex-direction: column; gap: 15px; }\r\n.mycareernet-faq-item {\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 16px;\r\n    background: var(--bg-card);\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n.mycareernet-faq-item:hover { border-color: var(--brand-blue); }\r\n.mycareernet-faq-question {\r\n    padding: 20px 25px;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    background: transparent;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    cursor: pointer; margin: 0;\r\n    transition: background 0.3s;\r\n}\r\n.mycareernet-faq-item.active {\r\n    border-color: var(--brand-blue);\r\n    box-shadow: 0 10px 25px rgba(0, 117, 189, 0.08);\r\n}\r\n.mycareernet-faq-item.active .mycareernet-faq-question {\r\n    background: var(--brand-light);\r\n    color: var(--brand-blue-dark);\r\n}\r\n.mycareernet-faq-question-inner { display: flex; align-items: flex-start; gap: 12px; }\r\n.mycareernet-faq-icon {\r\n    color: var(--brand-blue);\r\n    background: var(--brand-light);\r\n    width: 32px; height: 32px;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.mycareernet-faq-item.active .mycareernet-faq-icon {\r\n    transform: rotate(180deg);\r\n    background: var(--brand-blue); color: #fff;\r\n}\r\n.mycareernet-faq-answer {\r\n    max-height: 0; overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;\r\n    padding: 0 25px; color: var(--text-gray);\r\n}\r\n.mycareernet-faq-item.active .mycareernet-faq-answer { padding-bottom: 25px; }\r\n\r\n\/* --- 7. ANIMATIONS --- *\/\r\n.mycareernet-animate { opacity: 0; transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.mycareernet-fade-up { transform: translateY(30px); }\r\n.mycareernet-slide-left { transform: translateX(-30px); }\r\n.mycareernet-slide-right { transform: translateX(30px); }\r\n.mycareernet-scale-in { transform: scale(0.92); }\r\n\r\n.mycareernet-animate.in-view { opacity: 1; transform: translate(0) scale(1); }\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.delay-5 { transition-delay: 0.5s; }\r\n\r\n\/* --- 8. FLOATING CTA (MOBILE) --- *\/\r\n.mycareernet-imthi-floating-cta {\r\n    display: none; \r\n    position: fixed; bottom: 20px; right: 20px;\r\n    background: linear-gradient(135deg, var(--brand-blue), var(--brand-accent-2)) !important;\r\n    color: #ffffff !important;\r\n    padding: 12px 24px;\r\n    min-width: 140px; text-align: center; border-radius: 50px;\r\n    text-decoration: none; font-weight: 800; font-size: 15px !important;\r\n    box-shadow: 0 10px 25px rgba(0, 117, 189, 0.4);\r\n    z-index: 9999; opacity: 0; visibility: hidden; pointer-events: none;\r\n    transform: translateY(30px) scale(0.9);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    border: 2px solid #ffffff;\r\n}\r\n.mycareernet-imthi-floating-cta.show-cta {\r\n    opacity: 1; visibility: visible; pointer-events: auto;\r\n    transform: translateY(0) scale(1);\r\n}\r\n\r\n\/* --- 9. RESPONSIVE BREAKPOINTS & MOBILE TRANSFORMATIONS --- *\/\r\n@media (max-width: 900px) {\r\n    .mycareernet-imthi-layout { flex-direction: column; padding: 20px 15px; }\r\n    .mycareernet-imthi-sidebar { display: none !important; }\r\n    .mycareernet-imthi-floating-cta { display: inline-block; }\r\n    .mycareernet-imthi-main-content h1 { font-size: 28px !important; }\r\n    .mycareernet-imthi-main-content h2 { font-size: 24px !important; }\r\n    \r\n    .mycareernet-how-steps-grid,\r\n    .mycareernet-feature-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .mycareernet-overview-box { padding: 30px 20px; }\r\n    .mycareernet-how-hero-card { padding: 22px 20px; }\r\n    .mycareernet-how-step-box { padding: 20px; }\r\n    .mycareernet-gain-hero { padding: 22px 20px; }\r\n    \r\n    .mycareernet-journey-timeline::before { left: 15px; }\r\n    .mycareernet-journey-node { width: 32px; height: 32px; font-size: 13px; }\r\n    .mycareernet-journey-item { padding-left: 45px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    \/* Hide the desktop single line string *\/\r\n    .mycareernet-how-hero-desc {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Transform \"How to take the challenge\" into a connected journey roadmap *\/\r\n    .mycareernet-how-roadmap-list {\r\n        display: flex !important;\r\n        flex-direction: column;\r\n        margin-top: 20px;\r\n        position: relative;\r\n        padding-left: 6px;\r\n    }\r\n\r\n    \/* Vertical connector journey line *\/\r\n    .mycareernet-how-roadmap-list::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20px;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        width: 2px;\r\n        background: rgba(255, 255, 255, 0.35);\r\n        z-index: 1;\r\n    }\r\n\r\n    .mycareernet-how-roadmap-item {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        padding-bottom: 16px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .mycareernet-how-roadmap-item:last-child {\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    \/* Journey Node Badge with Icon *\/\r\n    .mycareernet-how-roadmap-step {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 50%;\r\n        background: #ffffff !important;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        z-index: 2;\r\n    }\r\n\r\n    .mycareernet-how-roadmap-step i {\r\n        color: var(--brand-blue) !important;\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    \/* Journey Step Content Pill *\/\r\n    .mycareernet-how-roadmap-text {\r\n        flex: 1;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        border: 1px solid rgba(255, 255, 255, 0.28);\r\n        border-radius: 12px;\r\n        padding: 10px 16px;\r\n        font-size: 15px !important;\r\n        font-weight: 700;\r\n        color: #ffffff !important;\r\n        line-height: 1.3;\r\n        backdrop-filter: blur(6px);\r\n    }\r\n\r\n    \/* Hide standard desktop table *\/\r\n    .mycareernet-gain-table-wrap {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Show modern mobile card deck with brand colors *\/\r\n    .mycareernet-gain-mobile-cards {\r\n        display: flex !important;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n\r\n    .mycareernet-gain-m-card {\r\n        background: var(--bg-card);\r\n        border: 1px solid var(--border-color);\r\n        border-radius: 18px;\r\n        padding: 20px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-top: 4px solid var(--brand-accent-1);\r\n    }\r\n\r\n    .mycareernet-gain-m-card.tier-completer { border-top-color: var(--brand-accent-2); }\r\n    .mycareernet-gain-m-card.tier-top20 { border-top-color: var(--brand-blue); }\r\n    .mycareernet-gain-m-card.tier-top10 { border-top-color: var(--brand-blue-dark); }\r\n    .mycareernet-gain-m-card.tier-top5 { \r\n        border-top-color: var(--brand-blue); \r\n        background: linear-gradient(180deg, var(--brand-light) 0%, #ffffff 40%); \r\n    }\r\n\r\n    .mycareernet-gain-m-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .mycareernet-gain-m-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n    }\r\n\r\n    .mycareernet-gain-m-label {\r\n        font-size: 12px !important;\r\n        font-weight: 800;\r\n        text-transform: none;\r\n        letter-spacing: normal;\r\n        color: var(--brand-blue-dark);\r\n    }\r\n\r\n    .mycareernet-gain-m-card-divider {\r\n        height: 1px;\r\n        background-color: var(--border-color);\r\n        width: 100%;\r\n        margin: 2px 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .mycareernet-feature-card {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n    \r\n    .mycareernet-feature-card[style*=\"grid-column: span 2\"] {\r\n        grid-column: span 1 !important;\r\n    }\r\n\r\n    .mycareernet-how-step-box {\r\n        padding: 16px;\r\n        gap: 14px;\r\n    }\r\n\r\n    .mycareernet-how-step-badge {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 15px !important;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .mycareernet-who-card {\r\n        width: 100%;\r\n        border-radius: 16px;\r\n        justify-content: flex-start;\r\n    }\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        <!-- SIDEBAR NAVIGATION -->\r\n        <aside class=\"mycareernet-imthi-sidebar\">\r\n            <nav class=\"mycareernet-imthi-toc-nav\">\r\n                <ul>\r\n                    <li><a href=\"#overview\" class=\"mycareernet-imthi-link\">Overview<\/a><\/li>\r\n                    <li><a href=\"#how-it-works\" class=\"mycareernet-imthi-link\">How it works<\/a><\/li>\r\n                    <li><a href=\"#why-take\" class=\"mycareernet-imthi-link\">Why take the challenge<\/a><\/li>\r\n                    <li><a href=\"#expectations\" class=\"mycareernet-imthi-link\">What you can expect<\/a><\/li>\r\n                    <li><a href=\"#gain\" class=\"mycareernet-imthi-link\">What you stand to gain<\/a><\/li>\r\n                    <li><a href=\"#timeline\" class=\"mycareernet-imthi-link\">Challenge timeline<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n            \r\n            <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/fifteenDayPracticeChallenge\/apply?event=282876&job=296902\" target=\"_blank\" class=\"mycareernet-imthi-register-btn registrationLink\">Register For Free<\/a>\r\n        <\/aside>\r\n\r\n        <!-- MAIN CONTENT AREA -->\r\n        <main class=\"mycareernet-imthi-main-content\">\r\n            \r\n            <h1 class=\"visually-hidden\">15-Day Practice Challenge<\/h1>\r\n\r\n            <!-- 1. OVERVIEW -->\r\n            <section id=\"overview\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-fade-up\">Overview<\/h2>\r\n                \r\n                <div class=\"mycareernet-overview-box mycareernet-animate mycareernet-fade-up delay-1\">\r\n                    <i class=\"fa-solid fa-quote-right mycareernet-overview-quote-icon\"><\/i>\r\n                    <p class=\"mycareernet-overview-lead\">Sharpen your skills. Test your job readiness. Get recognized.<\/p>\r\n                    <div class=\"mycareernet-overview-content\">\r\n                        <p>Preparing for your dream career takes more than knowing the concepts. It takes practice.<\/p>\r\n                        <p>Our 15-Day Practice Challenge is your opportunity to put your preparation to the test. Take 5 or more Mock Assessments from the 28 available on MyCareernet, score 60% or above in each, and qualify for rewards across different performance tiers.<\/p>\r\n                        <p>Powered by HirePro\u2019s 22+ years of assessment expertise and Careernet\u2019s 27 years of experience supporting leading employers, our Mock Assessments are designed to reflect real hiring expectations.<\/p>\r\n                        <p>Use them to identify your gaps, improve your skills, and build confidence for when it actually counts \u2014 while earning certificates, recognition, and career-focused rewards along the way.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 2. HOW IT WORKS -->\r\n            <section id=\"how-it-works\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-slide-left\">How it works<\/h2>\r\n                \r\n                <!-- SUMMARY HERO BANNER & MOBILE JOURNEY -->\r\n                <div class=\"mycareernet-how-hero-card mycareernet-animate mycareernet-fade-up delay-1\">\r\n                    <div class=\"mycareernet-how-hero-title\">\r\n                        <i class=\"fa-solid fa-route\"><\/i> How to take the challenge\r\n                    <\/div>\r\n                    \r\n                    <!-- Desktop Single Line Flow -->\r\n                    <p class=\"mycareernet-how-hero-desc\">\r\n                        1. Register &nbsp;\u2192&nbsp; 2. Pick 5+ mocks &nbsp;\u2192&nbsp; 3. Take the challenge &nbsp;\u2192&nbsp; 4. Score 60%+ &nbsp;\u2192&nbsp; 5. Complete challenge &nbsp;\u2192&nbsp; 6. Win rewards\r\n                    <\/p>\r\n\r\n                    <!-- Mobile Connected Journey Flow (Numbers removed) -->\r\n                    <div class=\"mycareernet-how-roadmap-list\">\r\n                        <div class=\"mycareernet-how-roadmap-item\">\r\n                            <div class=\"mycareernet-how-roadmap-step\">\r\n                                <i class=\"fa-solid fa-user-plus\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-how-roadmap-text\">Register<\/div>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-how-roadmap-item\">\r\n                            <div class=\"mycareernet-how-roadmap-step\">\r\n                                <i class=\"fa-solid fa-list-check\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-how-roadmap-text\">Pick 5+ mocks<\/div>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-how-roadmap-item\">\r\n                            <div class=\"mycareernet-how-roadmap-step\">\r\n                                <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-how-roadmap-text\">Take the challenge<\/div>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-how-roadmap-item\">\r\n                            <div class=\"mycareernet-how-roadmap-step\">\r\n                                <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-how-roadmap-text\">Score 60%+<\/div>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-how-roadmap-item\">\r\n                            <div class=\"mycareernet-how-roadmap-step\">\r\n                                <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-how-roadmap-text\">Complete challenge<\/div>\r\n                        <\/div>\r\n                        <div class=\"mycareernet-how-roadmap-item\">\r\n                            <div class=\"mycareernet-how-roadmap-step\">\r\n                                <i class=\"fa-solid fa-award\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"mycareernet-how-roadmap-text\">Win rewards<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- RESPONSIVE STEP GRID -->\r\n                <div class=\"mycareernet-how-steps-grid\">\r\n                    \r\n                    <div class=\"mycareernet-how-step-box mycareernet-animate mycareernet-fade-up delay-1\">\r\n                        <div class=\"mycareernet-how-step-badge\">01<\/div>\r\n                        <div class=\"mycareernet-how-step-content\">\r\n                            <h4>Register for the challenge<\/h4>\r\n                            <p>Sign up for the 15-Day Practice Challenge by completing the registration form.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-how-step-box mycareernet-animate mycareernet-fade-up delay-2\">\r\n                        <div class=\"mycareernet-how-step-badge\">02<\/div>\r\n                        <div class=\"mycareernet-how-step-content\">\r\n                            <h4>Choose your Mock Assessments<\/h4>\r\n                            <p>Explore 28 Mock Assessments across roles, domains, and difficulty levels, and choose 5 or more different assessments to attempt.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-how-step-box mycareernet-animate mycareernet-fade-up delay-1\">\r\n                        <div class=\"mycareernet-how-step-badge\">03<\/div>\r\n                        <div class=\"mycareernet-how-step-content\">\r\n                            <h4>Take the challenge<\/h4>\r\n                            <p>Attempt your chosen Mock Assessments during the 15-day challenge window.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-how-step-box mycareernet-animate mycareernet-fade-up delay-2\">\r\n                        <div class=\"mycareernet-how-step-badge\">04<\/div>\r\n                        <div class=\"mycareernet-how-step-content\">\r\n                            <h4>Score 60%+<\/h4>\r\n                            <p>Score 60% or above in each Mock Assessment you want to count toward the challenge. If you do not meet the qualifying score in one assessment, you can attempt another eligible Mock Assessment.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-how-step-box mycareernet-animate mycareernet-fade-up delay-1\">\r\n                        <div class=\"mycareernet-how-step-badge\">05<\/div>\r\n                        <div class=\"mycareernet-how-step-content\">\r\n                            <h4>Complete the challenge<\/h4>\r\n                            <p>Meet the challenge criteria across 5 or more different Mock Assessments to successfully complete the challenge.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-how-step-box mycareernet-animate mycareernet-fade-up delay-2\">\r\n                        <div class=\"mycareernet-how-step-badge\">06<\/div>\r\n                        <div class=\"mycareernet-how-step-content\">\r\n                            <h4>Win rewards<\/h4>\r\n                            <p>Move through the reward tiers based on your performance and unlock benefits, including a digital certificate, resume review, social media and website recognition, LinkedIn makeover, recruiter calls, and MyCareernet goodies.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 3. WHY TAKE THE CHALLENGE -->\r\n            <section id=\"why-take\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-slide-right\">Why take the challenge<\/h2>\r\n                \r\n                <p class=\"mycareernet-animate mycareernet-fade-up delay-1\" style=\"margin-bottom:20px; font-weight:600; color:var(--brand-blue-dark);\">Our 15-Day Practice Challenge helps you make practice a consistent part of your preparation:<\/p>\r\n\r\n                <div class=\"mycareernet-feature-grid\">\r\n                    <div class=\"mycareernet-feature-card mycareernet-animate mycareernet-fade-up delay-1\">\r\n                        <div class=\"mycareernet-feature-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\r\n                        <div class=\"mycareernet-feature-content\">\r\n                            <h4>Experience real assessment formats<\/h4>\r\n                            <p>Practise with assessment formats shaped by HirePro\u2019s 22+ years of assessment expertise and Careernet\u2019s 27 years of experience supporting leading employers.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-feature-card mycareernet-animate mycareernet-fade-up delay-2\">\r\n                        <div class=\"mycareernet-feature-icon\"><i class=\"fa-solid fa-user-check\"><\/i><\/div>\r\n                        <div class=\"mycareernet-feature-content\">\r\n                            <h4>Know what hiring teams look for<\/h4>\r\n                            <p>Take on SME-designed questions built around the skills and knowledge relevant to real hiring assessments.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-feature-card mycareernet-animate mycareernet-fade-up delay-3\">\r\n                        <div class=\"mycareernet-feature-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\r\n                        <div class=\"mycareernet-feature-content\">\r\n                            <h4>Test your job readiness<\/h4>\r\n                            <p>See where you stand before it actually counts.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-feature-card mycareernet-animate mycareernet-fade-up delay-4\">\r\n                        <div class=\"mycareernet-feature-icon\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\r\n                        <div class=\"mycareernet-feature-content\">\r\n                            <h4>Identify your gaps<\/h4>\r\n                            <p>Use structured feedback to understand where you can improve.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-feature-card mycareernet-animate mycareernet-fade-up delay-5\" style=\"grid-column: span 2;\">\r\n                        <div class=\"mycareernet-feature-icon\"><i class=\"fa-solid fa-rotate-right\"><\/i><\/div>\r\n                        <div class=\"mycareernet-feature-content\">\r\n                            <h4>Build consistency<\/h4>\r\n                            <p>Move beyond a one-time mock and make practice part of your preparation routine.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 4. WHO CAN PARTICIPATE -->\r\n            <section id=\"who-can-join\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-fade-up\">Who can participate<\/h2>\r\n                \r\n                <p class=\"mycareernet-animate mycareernet-fade-up delay-1\" style=\"margin-bottom:15px; font-weight:600;\">Open to all candidates, especially:<\/p>\r\n                \r\n                <div class=\"mycareernet-who-grid\">\r\n                    <div class=\"mycareernet-who-card mycareernet-animate mycareernet-scale-in delay-1\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-user-graduate\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">Students<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-who-card mycareernet-animate mycareernet-scale-in delay-2\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">Freshers<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-who-card mycareernet-animate mycareernet-scale-in delay-3\">\r\n                        <div class=\"mycareernet-who-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n                        <div class=\"mycareernet-who-text\">Professionals with 2\u20133 years of experience<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 5. WHAT YOU CAN EXPECT -->\r\n            <section id=\"expectations\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-slide-left\">What you can expect<\/h2>\r\n                \r\n                <div class=\"mycareernet-overview-box mycareernet-animate mycareernet-fade-up delay-1\" style=\"border-top-color: var(--brand-accent-1);\">\r\n                    <p style=\"font-size:17px !important; font-weight:700; color:var(--text-dark); margin-top:0;\">Choose from 28 Mock Assessments across programming, databases, web development, system design, and more, with features designed around real hiring expectations:<\/p>\r\n                    \r\n                    <ul class=\"mycareernet-expect-list\">\r\n                        <li><i class=\"fa-solid fa-circle-check\"><\/i> MCQs and coding questions across roles, skills, and difficulty levels<\/li>\r\n                        <li><i class=\"fa-solid fa-circle-check\"><\/i> Questions designed by experienced SMEs to reflect real hiring expectations<\/li>\r\n                        <li><i class=\"fa-solid fa-circle-check\"><\/i> Assessment formats aligned to real test conditions, including timing and structure<\/li>\r\n                        <li><i class=\"fa-solid fa-circle-check\"><\/i> Structured feedback to help you identify gaps and improve your preparation<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 6. WHAT YOU STAND TO GAIN -->\r\n            <section id=\"gain\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-fade-up\">What you stand to gain<\/h2>\r\n                \r\n                <div class=\"mycareernet-gain-wrapper mycareernet-animate mycareernet-fade-up delay-1\">\r\n                    <div class=\"mycareernet-gain-hero\">\r\n                        <div class=\"mycareernet-gain-hero-title\">\r\n                            <i class=\"fa-solid fa-award\"><\/i> Build skills. Prove yourself. Get rewarded.\r\n                        <\/div>\r\n                        <div class=\"mycareernet-gain-hero-sub\">\r\n                            Complete the challenge and unlock rewards based on your performance. The higher you rank, the more you can win.\r\n                        <\/div>\r\n                        <div class=\"mycareernet-gain-pills-row\">\r\n                            <span class=\"mycareernet-gain-pill\">\ud83c\udf93 Certificates<\/span>\r\n                            <span class=\"mycareernet-gain-pill\">\u2b50 Recognition<\/span>\r\n                            <span class=\"mycareernet-gain-pill\">\ud83d\udcbc Career perks<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- DESKTOP TABLE VIEW (BRAND PALETTE) -->\r\n                    <div class=\"mycareernet-gain-table-wrap mycareernet-animate mycareernet-fade-up delay-2\">\r\n                        <table class=\"mycareernet-gain-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th style=\"width: 26%;\">Participant Category<\/th>\r\n                                    <th style=\"width: 32%;\">Eligibility<\/th>\r\n                                    <th style=\"width: 42%;\">Rewards<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <!-- All Completers -->\r\n                                <tr class=\"tier-completer\">\r\n                                    <td>\r\n                                        <div class=\"mycareernet-tier-block\">\r\n                                            <div class=\"mycareernet-tier-icon-wrap\">\r\n                                                <i class=\"fa-solid fa-users\"><\/i>\r\n                                            <\/div>\r\n                                            <div>\r\n                                                <h4 class=\"mycareernet-tier-name\">All Completers<\/h4>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-eligibility-text\">\r\n                                            Complete <strong>5 or more<\/strong> Mock Assessments with <strong>60%+<\/strong> score in each\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <ul class=\"mycareernet-reward-list\">\r\n                                            <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Digital certificate<\/strong> of completion<\/span><\/li>\r\n                                            <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Professional <strong>resume review<\/strong><\/span><\/li>\r\n                                        <\/ul>\r\n                                    <\/td>\r\n                                <\/tr>\r\n\r\n                                <!-- Top 20 -->\r\n                                <tr class=\"tier-top20\">\r\n                                    <td>\r\n                                        <div class=\"mycareernet-tier-block\">\r\n                                            <div class=\"mycareernet-tier-icon-wrap\">\r\n                                                <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                                            <\/div>\r\n                                            <div>\r\n                                                <h4 class=\"mycareernet-tier-name\">Top 20<\/h4>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-eligibility-text\">\r\n                                            Top-performing qualifying participants\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-reward-plus\"><i class=\"fa-solid fa-plus\"><\/i> All Completer rewards, plus:<\/div>\r\n                                        <ul class=\"mycareernet-reward-list\">\r\n                                            <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Social media & website<\/strong> feature\/recognition<\/span><\/li>\r\n                                        <\/ul>\r\n                                    <\/td>\r\n                                <\/tr>\r\n\r\n                                <!-- Top 10 -->\r\n                                <tr class=\"tier-top10\">\r\n                                    <td>\r\n                                        <div class=\"mycareernet-tier-block\">\r\n                                            <div class=\"mycareernet-tier-icon-wrap\">\r\n                                                <i class=\"fa-solid fa-medal\"><\/i>\r\n                                            <\/div>\r\n                                            <div>\r\n                                                <h4 class=\"mycareernet-tier-name\">Top 10<\/h4>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-eligibility-text\">\r\n                                            Top-performing qualifying participants\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-reward-plus\"><i class=\"fa-solid fa-plus\"><\/i> All Top 20 rewards, plus:<\/div>\r\n                                        <ul class=\"mycareernet-reward-list\">\r\n                                            <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Dedicated <strong>LinkedIn profile makeover<\/strong><\/span><\/li>\r\n                                        <\/ul>\r\n                                    <\/td>\r\n                                <\/tr>\r\n\r\n                                <!-- Top 5 -->\r\n                                <tr class=\"tier-top5\">\r\n                                    <td>\r\n                                        <div class=\"mycareernet-tier-block\">\r\n                                            <div class=\"mycareernet-tier-icon-wrap\">\r\n                                                <i class=\"fa-solid fa-crown\"><\/i>\r\n                                            <\/div>\r\n                                            <div>\r\n                                                <h4 class=\"mycareernet-tier-name\">Top 5<\/h4>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-eligibility-text\">\r\n                                            Top-performing qualifying participants\r\n                                        <\/div>\r\n                                    <\/td>\r\n                                    <td>\r\n                                        <div class=\"mycareernet-reward-plus\"><i class=\"fa-solid fa-plus\"><\/i> All Top 10 rewards, plus:<\/div>\r\n                                        <ul class=\"mycareernet-reward-list\">\r\n                                            <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Direct <strong>1-on-1 recruiter call<\/strong><\/span><\/li>\r\n                                            <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Exclusive <strong>MyCareernet-branded merchandise<\/strong><\/span><\/li>\r\n                                        <\/ul>\r\n                                    <\/td>\r\n                                <\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n\r\n                    <!-- MOBILE MODERN CARD VIEW (BRAND PALETTE) -->\r\n                    <div class=\"mycareernet-gain-mobile-cards mycareernet-animate mycareernet-fade-up delay-2\">\r\n                        \r\n                        <!-- Card 1: All Completers -->\r\n                        <div class=\"mycareernet-gain-m-card tier-completer\">\r\n                            <div class=\"mycareernet-gain-m-card-header\">\r\n                                <div class=\"mycareernet-tier-icon-wrap\">\r\n                                    <i class=\"fa-solid fa-users\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"mycareernet-tier-name\">All Completers<\/h4>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Eligibility<\/span>\r\n                                <div class=\"mycareernet-eligibility-text\">\r\n                                    Complete <strong>5 or more<\/strong> Mock Assessments with <strong>60%+<\/strong> score in each\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-card-divider\"><\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Rewards<\/span>\r\n                                <ul class=\"mycareernet-reward-list\">\r\n                                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Digital certificate<\/strong> of completion<\/span><\/li>\r\n                                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Professional <strong>resume review<\/strong><\/span><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Card 2: Top 20 -->\r\n                        <div class=\"mycareernet-gain-m-card tier-top20\">\r\n                            <div class=\"mycareernet-gain-m-card-header\">\r\n                                <div class=\"mycareernet-tier-icon-wrap\">\r\n                                    <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"mycareernet-tier-name\">Top 20<\/h4>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Eligibility<\/span>\r\n                                <div class=\"mycareernet-eligibility-text\">\r\n                                    Top-performing qualifying participants\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-card-divider\"><\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Rewards<\/span>\r\n                                <div class=\"mycareernet-reward-plus\"><i class=\"fa-solid fa-plus\"><\/i> All Completer rewards, plus:<\/div>\r\n                                <ul class=\"mycareernet-reward-list\">\r\n                                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span><strong>Social media & website<\/strong> feature\/recognition<\/span><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Card 3: Top 10 -->\r\n                        <div class=\"mycareernet-gain-m-card tier-top10\">\r\n                            <div class=\"mycareernet-gain-m-card-header\">\r\n                                <div class=\"mycareernet-tier-icon-wrap\">\r\n                                    <i class=\"fa-solid fa-medal\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"mycareernet-tier-name\">Top 10<\/h4>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Eligibility<\/span>\r\n                                <div class=\"mycareernet-eligibility-text\">\r\n                                    Top-performing qualifying participants\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-card-divider\"><\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Rewards<\/span>\r\n                                <div class=\"mycareernet-reward-plus\"><i class=\"fa-solid fa-plus\"><\/i> All Top 20 rewards, plus:<\/div>\r\n                                <ul class=\"mycareernet-reward-list\">\r\n                                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Dedicated <strong>LinkedIn profile makeover<\/strong><\/span><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Card 4: Top 5 -->\r\n                        <div class=\"mycareernet-gain-m-card tier-top5\">\r\n                            <div class=\"mycareernet-gain-m-card-header\">\r\n                                <div class=\"mycareernet-tier-icon-wrap\">\r\n                                    <i class=\"fa-solid fa-crown\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"mycareernet-tier-name\">Top 5<\/h4>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Eligibility<\/span>\r\n                                <div class=\"mycareernet-eligibility-text\">\r\n                                    Top-performing qualifying participants\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-card-divider\"><\/div>\r\n\r\n                            <div class=\"mycareernet-gain-m-section\">\r\n                                <span class=\"mycareernet-gain-m-label\">Rewards<\/span>\r\n                                <div class=\"mycareernet-reward-plus\"><i class=\"fa-solid fa-plus\"><\/i> All Top 10 rewards, plus:<\/div>\r\n                                <ul class=\"mycareernet-reward-list\">\r\n                                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Direct <strong>1-on-1 recruiter call<\/strong><\/span><\/li>\r\n                                    <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>Exclusive <strong>MyCareernet-branded merchandise<\/strong><\/span><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 7. CHALLENGE TIMELINE -->\r\n            <section id=\"timeline\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-slide-right\">Challenge timeline<\/h2>\r\n                \r\n                <div class=\"mycareernet-journey-timeline mycareernet-animate mycareernet-fade-up delay-1\">\r\n                    \r\n                    <div class=\"mycareernet-journey-item\">\r\n                        <div class=\"mycareernet-journey-node\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\r\n                        <div class=\"mycareernet-journey-content\">\r\n                            <div class=\"mycareernet-journey-date\">1st September<\/div>\r\n                            <div class=\"mycareernet-journey-title\">Challenge begins<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-journey-item\">\r\n                        <div class=\"mycareernet-journey-node\"><i class=\"fa-solid fa-list-check\"><\/i><\/div>\r\n                        <div class=\"mycareernet-journey-content\">\r\n                            <div class=\"mycareernet-journey-date\">1st September \u2013 15th September<\/div>\r\n                            <div class=\"mycareernet-journey-title\">Choose and complete at least 5 of the 28 Mock Assessments with a score of 60% or more in each to complete the challenge. The more assessments you complete, the higher you can rank!<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-journey-item\">\r\n                        <div class=\"mycareernet-journey-node\"><i class=\"fa-solid fa-flag-checkered\"><\/i><\/div>\r\n                        <div class=\"mycareernet-journey-content\">\r\n                            <div class=\"mycareernet-journey-date\">15th September<\/div>\r\n                            <div class=\"mycareernet-journey-title\">Challenge ends<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mycareernet-journey-item\">\r\n                        <div class=\"mycareernet-journey-node\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\r\n                        <div class=\"mycareernet-journey-content\">\r\n                            <div class=\"mycareernet-journey-date\">18th September<\/div>\r\n                            <div class=\"mycareernet-journey-title\">Top performers announced<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- 8. FREQUENTLY ASKED QUESTIONS -->\r\n            <section id=\"faqs\" class=\"mycareernet-imthi-scroll-section\">\r\n                <h2 class=\"mycareernet-animate mycareernet-fade-up\">Frequently asked questions<\/h2>\r\n                \r\n                <div class=\"mycareernet-faq-container mycareernet-animate mycareernet-fade-up delay-1\">\r\n                    \r\n                    <div class=\"mycareernet-faq-item\">\r\n                        <div class=\"mycareernet-faq-question\">\r\n                            <div class=\"mycareernet-faq-question-inner\">What is the 15-Day Practice 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;\">The 15-Day Practice Challenge is an initiative designed to encourage consistent practice and help you test your job readiness through MyCareernet's Mock Assessments.<\/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\">Who can participate in the 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;\">The challenge is open to everyone. It is especially relevant for students, freshers, and professionals with 2\u20133 years of experience looking to build their skills and job readiness.<\/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\">How do I complete the 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;\">Register for the challenge and complete any 5 or more different Mock Assessments from the 28 available on MyCareernet. You must score 60% or above in each of the 5 assessments during the challenge window.<\/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\">Can I choose which Mock Assessments I take?<\/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;\">Yes. You can choose any 5 from the 28 Mock Assessments available on the platform. The 5 assessments you complete must be different.<\/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\">I have already taken a Mock Assessment. Will it count toward the 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;\">No. Mock Assessments taken before you register for the challenge will not count toward challenge completion. You will need to attempt new Mock Assessments after registering for the challenge.<\/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\">Can I take the same Mock Assessment more than once?<\/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. Each Mock Assessment counted toward the challenge must be different. If you do not meet the 60% qualifying score in one assessment, you can choose another eligible Mock Assessment.<\/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\">What happens if I score below 60%?<\/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;\">You can attempt another Mock Assessment. To complete the challenge, you must score 60% or above in each of your 5 or more qualifying Mock Assessments.<\/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\">What are the Mock Assessments like?<\/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;\">The Mock Assessments include MCQs and coding questions across roles and difficulty levels. They are designed by experienced SMEs and use assessment formats aligned to real test conditions.<\/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\">What do I receive after completing the 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;\">All challenge completers who complete 5+ qualifying Mock Assessments with a score of 60% or above in each will receive a digital certificate and resume review. Top-performing participants can unlock additional rewards, including social media and website recognition, a LinkedIn makeover, a recruiter call, and MyCareernet-branded merchandise.<\/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\">When does the challenge begin and end?<\/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;\">The first edition of the 15-Day Practice Challenge will run from 1st September to 15th September 2026.<\/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\">When will the winners be announced?<\/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;\">The top performers will be announced on 18th September 2026.<\/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\">Is there a fee to participate?<\/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. The 15-Day Practice Challenge is completely free to participate in.<\/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    <!-- FLOATING MOBILE CTA -->\r\n    <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/fifteenDayPracticeChallenge\/apply?event=282876&job=296902\" target=\"_blank\" class=\"mycareernet-imthi-floating-cta registrationLink\">\r\n        Register For Free\r\n    <\/a>\r\n<\/div>\r\n\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                const id = entry.target.getAttribute(\"id\");\r\n                const activeLink = document.querySelector(`.mycareernet-imthi-link[href=\"#${id}\"]`);\r\n                if (activeLink) {\r\n                    navLinks.forEach((link) => link.classList.remove(\"active\"));\r\n                    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    \/\/ 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 + 60 + \"px\"; \r\n                answer.style.paddingTop = \"10px\";\r\n                answer.style.paddingBottom = \"25px\";\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    \/\/ 4. 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 > 300) {\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<\/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 Aug 20, 2026 00:00 AM IST Registrations End Aug 31, 2026 11:59 PM IST Loading&#8230; Register For Free &times; This event has closed Stay updated on upcoming events. Get Notified Overview How it works Why take the challenge What you can expect What you stand to gain Challenge timeline Register For Free 15-Day [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":32366,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32225","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/32225","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=32225"}],"version-history":[{"count":95,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/32225\/revisions"}],"predecessor-version":[{"id":32807,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/32225\/revisions\/32807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media\/32366"}],"wp:attachment":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media?parent=32225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}