{"id":31549,"date":"2026-07-09T16:49:24","date_gmt":"2026-07-09T16:49:24","guid":{"rendered":"https:\/\/mycareernet.co\/events\/?page_id=31549"},"modified":"2026-08-05T05:12:24","modified_gmt":"2026-08-05T05:12:24","slug":"flipkart-earlycareers-vidyarthini-4-0","status":"publish","type":"page","link":"https:\/\/mycareernet.co\/events\/flipkart-earlycareers-vidyarthini-4-0\/","title":{"rendered":"Flipkart Vidyarthini"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"31549\" class=\"elementor elementor-31549\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9fa98 contents-d e-con-full e-flex e-con e-parent\" data-id=\"5d9fa98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9898e77 elementor-widget elementor-widget-html\" data-id=\"9898e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Performance: resource hints -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/use.typekit.net\" crossorigin>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link rel=\"preload\" as=\"image\" href=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/grid-logo.webp\" fetchpriority=\"high\">\r\n\r\n\r\n\r\n  <!-- Styles (cascade order preserved) -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/etz8ize.css\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/css\/bootstrap.min.css\">\r\n  <style>\r\n    \/* ===== reveal.css ===== *\/\r\n    \/* \u2500\u2500 Scroll reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   Elements with .reveal fade + slide up when they enter the viewport\r\n   (an IntersectionObserver toggles .in-view). .reveal-stagger cascades\r\n   its direct children L\u2192R \/ top-to-bottom. Opt-in per element. *\/\r\n\r\n   \/* Definitive theme element suppression map *\/\r\n  header#site-header, \r\n  footer#site-footer,\r\n  .site-header,\r\n  .site-footer,\r\n  header.main-header,\r\n  footer.main-footer,\r\n  #masthead,\r\n  #site-navigation,\r\n  .nav-menu,\r\n  .main-navigation,\r\n  .wp-block-navigation,\r\n  .wp-site-blocks > header,\r\n  .wp-site-blocks > footer,\r\n  #wpadminbar {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    height: 0 !important;\r\n    min-height: 0 !important;\r\n    max-height: 0 !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    overflow: hidden !important;\r\n    position: absolute !important;\r\n    pointer-events: none !important;\r\n  }\r\n     \r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      transition: opacity .6s ease, transform .6s ease;\r\n      will-change: opacity, transform;\r\n    }\r\n\r\n    .reveal.in-view {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .reveal-stagger>* {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      transition: opacity .6s ease, transform .6s ease;\r\n      will-change: opacity, transform;\r\n    }\r\n\r\n    .reveal-stagger.in-view>* {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(1) {\r\n      transition-delay: 0s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(2) {\r\n      transition-delay: .08s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(3) {\r\n      transition-delay: .16s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(4) {\r\n      transition-delay: .24s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(5) {\r\n      transition-delay: .32s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(6) {\r\n      transition-delay: .40s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(7) {\r\n      transition-delay: .48s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(8) {\r\n      transition-delay: .56s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(9) {\r\n      transition-delay: .64s;\r\n    }\r\n\r\n    .reveal-stagger.in-view>*:nth-child(10) {\r\n      transition-delay: .72s;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .reveal,\r\n      .reveal-stagger>* {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n    \/* ===== grid8.css ===== *\/\r\n    @font-face {\r\n      font-family: 'PixeloidSans';\r\n      src: url('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/PixeloidSans-Bold.ttf') format('truetype');\r\n      font-weight: 700;\r\n    }\r\n\r\n    :root {\r\n      --accent: #7D1EC6;\r\n      --teal: #66F5FF;\r\n      --card: #15181d;\r\n      --muted: #c1cace;\r\n      \/* Shared hue for the dates separator + LIVE pill border (softened teal).\r\n         Tweak this one value to recolour both together. *\/\r\n      --live-line: rgba(102, 245, 255, .5);\r\n      --border: rgba(235, 235, 235, .18);\r\n      --grad: linear-gradient(90deg, #844CFF 0%, #66F5FF 47.4%, #844CFF 94.8%);\r\n    }\r\n\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      \/* No overflow-x here \u2014 any overflow value on <html> breaks the sticky\r\n         navbar in mobile Safari. Horizontal scroll is handled by clipping the\r\n         actual overflowing elements + body overflow-x:hidden. *\/\r\n      overscroll-behavior-x: none;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      background: #fff;\r\n      color: #fff;\r\n      font-family: 'Inter', sans-serif;\r\n      overflow-x: hidden;\r\n      overscroll-behavior-x: none;\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 100%;\r\n    }\r\n\r\n    \/* Clips the few-pixel horizontal overflow that causes the tiny left-swipe\r\n       scroll on mobile. Applied to a wrapper (NOT html\/body) so the sticky\r\n       navbar \u2014 which lives outside this wrapper as a direct child of body \u2014\r\n       keeps working. The register modal is position:fixed, so this clip does\r\n       not affect it. *\/\r\n    .page-clip {\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .gradient-text {\r\n      background: var(--grad);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .v-line {\r\n      position: relative;\r\n      width: 1px;\r\n      background: var(--muted);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .h-line {\r\n      border-color: var(--border) !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Navbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .grid-nav {\r\n      background: #3A0B89;\r\n      height: 55px;\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 1000;\r\n    }\r\n\r\n    .grid-nav .container {\r\n      position: relative;\r\n    }\r\n\r\n    .grid-nav .navbar-brand img {\r\n      height: 30px;\r\n    }\r\n\r\n    .grid-nav .nav-link {\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      color: #fff !important;\r\n      transition: color .2s;\r\n    }\r\n\r\n    .grid-nav .nav-link:hover {\r\n      color: var(--teal) !important;\r\n    }\r\n\r\n    .grid-nav .navbar-toggler {\r\n      border: none;\r\n      filter: invert(1);\r\n    }\r\n\r\n    \/* \u2500\u2500 CTA Button (SVG already contains the \"REGISTER NOW\" label) \u2500\u2500 *\/\r\n    .btn-register {\r\n      display: inline-block;\r\n      width: 224px;\r\n      max-width: 80vw;\r\n      transition: transform .2s ease, filter .2s ease;\r\n    }\r\n\r\n    .btn-register img {\r\n      width: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .btn-register:hover {\r\n      transform: translateY(-3px);\r\n      filter: drop-shadow(0 8px 22px rgba(152, 105, 255, 0.55));\r\n    }\r\n\r\n    .hero1-register-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 180px;\r\n      max-width: 80vw;\r\n      height: 52.111px;\r\n      margin-top: 30px;\r\n      margin-bottom: 70px;\r\n      border-radius: 8px;\r\n      background: #FF3884;\r\n      border: 2px solid #3A0B89;\r\n      color: #fff;\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 16px rgba(0, 0, 0, .25);\r\n      transition: transform .2s ease, filter .2s ease;\r\n    }\r\n\r\n    .hero1-register-cta:hover {\r\n      color: #fff;\r\n      transform: translateY(-3px);\r\n      filter: brightness(1.05);\r\n    }\r\n\r\n\r\n     .hero-register-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 180px;\r\n      max-width: 80vw;\r\n      height: 52.111px;\r\n      border-radius: 8px;\r\n      background: linear-gradient(90deg, #460A93 0%, #9A09BE 100%);\r\n      \/* border: 2px solid #3A0B89; *\/\r\n      color: #fff;\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 16px rgba(0, 0, 0, .25);\r\n      transition: transform .2s ease, filter .2s ease;\r\n    }\r\n\r\n    .hero-register-cta:hover {\r\n      color: #fff;\r\n      transform: translateY(-3px);\r\n      filter: brightness(1.05);\r\n    }   \r\n\r\n    \/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    \/* The wave lives on this wrapper (which spans the hero AND the about\r\n       section) so it can bleed across the boundary instead of being clipped\r\n       where the hero ends and the next section begins. *\/\r\n    .hero-bleed {\r\n      position: relative;\r\n      background-color: #000;\r\n    }\r\n\r\n    \/* Keep the hero\/about content above the wrapper *\/\r\n    .hero-bleed>section {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    #hero {\r\n      background: url('https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Background.png') center \/ cover no-repeat;\r\n      \/* 780px was tuned for the old layout that had a Register Now button below\r\n         the dates. With the button removed, the leftover space shows up as a gap\r\n         between the dates and the About section. This value trims that gap.\r\n         Tune up\/down to taste. *\/\r\n      min-height: 640px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero-logo {\r\n      width: 280px;\r\n      max-width: 90vw;\r\n      display: block;\r\n      \/* Pop in on page load: fade + scale up with a slight overshoot *\/\r\n      animation: logo-pop 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;\r\n    }\r\n\r\n    \/* Decorative art pinned to the hero's left\/right extremes, behind the\r\n       centered content column. Hidden below lg \u2014 no room for them once the\r\n       content column takes the full width. *\/\r\n    .hero-side-img {\r\n      position: absolute;\r\n      width: 260px;\r\n      max-width: 22vw;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-side-img--right {\r\n      top: 2.5rem;\r\n      right: 0;\r\n    }\r\n\r\n    .hero-side-img--left {\r\n      bottom: 5rem;\r\n      left: 0;\r\n    }\r\n\r\n    .rewards-side-img--left {\r\n      top: 1rem;\r\n      left: 0;\r\n    }\r\n\r\n    .gallery-side-img--right {\r\n      top: 1rem;\r\n      right: 0;\r\n    }\r\n\r\n    .faqs-header-wrap {\r\n      position: relative;\r\n    }\r\n\r\n    .faqs-side-img--left {\r\n      top: 100%;\r\n      left: 0;\r\n    }\r\n\r\n    @keyframes logo-pop {\r\n      0% {\r\n        opacity: 0;\r\n        transform: scale(0.6);\r\n      }\r\n\r\n      100% {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hero-logo {\r\n        animation: none;\r\n      }\r\n    }\r\n\r\n    .hero-subtitle {\r\n      color: #FFF;\r\n      text-align: center;\r\n      font-family: Inter, sans-serif;\r\n      font-size: 50px;\r\n      font-style: italic;\r\n      font-weight: 900!important;\r\n      line-height: normal!important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .hero-heading {\r\n      font-family: 'PixeloidSans', monospace;\r\n      font-size: 3.3rem!important;\r\n      line-height: 1.15!;\r\n      text-align: center;\r\n    }\r\n\r\n    .hero-dates {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 44px;\r\n    }\r\n\r\n    .hero-dates .date-grp {\r\n      text-align: center;\r\n    }\r\n\r\n    .hero-dates .date-lbl {\r\n      display: block;\r\n      font-size: 0.75rem;\r\n      color: var(--muted);\r\n      text-transform: uppercase;\r\n      letter-spacing: .5px;\r\n    }\r\n\r\n    .hero-dates .date-val {\r\n      font-weight: 600;\r\n      font-size: 0.9375rem;\r\n      color: #fff;\r\n    }\r\n\r\n    .hero-dates .v-line {\r\n      height: 36px;\r\n    }\r\n\r\n    .hero-stat-lbl {\r\n      font-size: 0.875rem;\r\n      color: var(--muted);\r\n    }\r\n\r\n    .hero-stat-val {\r\n      font-size: 0.9375rem;\r\n      font-weight: 700;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* \u2500\u2500 Registration-live pill (original: inline, under the stats row) \u2500\u2500\u2500\u2500\u2500 *\/\r\n    .reg-live-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      padding: 0.4rem 0.85rem;\r\n      border-radius: 999px;\r\n      border: 1px solid var(--teal);\r\n      background: rgba(102, 245, 255, 0.08);\r\n      color: var(--teal);\r\n      font-size: 0.8125rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.03em;\r\n      text-transform: uppercase;\r\n      line-height: 1;\r\n    }\r\n\r\n    .reg-live-beacon {\r\n      position: relative;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: var(--teal);\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    \/* Pulsing ring around the dot *\/\r\n    .reg-live-beacon::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 50%;\r\n      background: var(--teal);\r\n      animation: reg-live-pulse 1.8s ease-out infinite;\r\n    }\r\n\r\n    @keyframes reg-live-pulse {\r\n      0% {\r\n        transform: scale(1);\r\n        opacity: 0.7;\r\n      }\r\n\r\n      100% {\r\n        transform: scale(3.2);\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .reg-live-beacon::after {\r\n        animation: none;\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500 About \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #about {\r\n      background: transparent;\r\n    }\r\n\r\n    \/* Section eyebrow tag \u2014 teal pixel label above headings (used across sections) *\/\r\n    .section-headline {\r\n      font-family: 'PixeloidSans', monospace;\r\n      font-size: 1.25rem;\r\n      color: var(--teal);\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.4px;\r\n      text-align: center;\r\n      display: block;\r\n    }\r\n\r\n    @media (max-width: 767.98px) {\r\n      .section-headline {\r\n        font-size: 1.125rem;\r\n      }\r\n    }\r\n\r\n    \/* Loading-style ellipsis \u2014 the three dots blink on in sequence, then reset *\/\r\n    .loading-dots span {\r\n      opacity: 0;\r\n      animation: loading-dots 1.4s steps(1, end) infinite;\r\n    }\r\n\r\n    .loading-dots span:nth-child(2) {\r\n      animation-delay: 0.35s;\r\n    }\r\n\r\n    .loading-dots span:nth-child(3) {\r\n      animation-delay: 0.7s;\r\n    }\r\n\r\n    @keyframes loading-dots {\r\n\r\n      \/* dot is lit for the middle of the cycle, off as the loop resets *\/\r\n      0% {\r\n        opacity: 0;\r\n      }\r\n\r\n      25%,\r\n      75% {\r\n        opacity: 1;\r\n      }\r\n\r\n      100% {\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .loading-dots span {\r\n        animation: none;\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    \/* White bolded sub-text (used across sections) *\/\r\n    .lead-text {\r\n      font-weight: 700;\r\n      font-size: 1.125rem;\r\n      color: #fff;\r\n      text-align: center;\r\n      line-height: 20px;\r\n    }\r\n\r\n    .about-tagline {\r\n      color: #000;\r\n      text-align: center;\r\n      font-family: Inter, sans-serif;\r\n      font-size: 24px;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      line-height: normal;\r\n    }\r\n\r\n    .about-intro {\r\n      color: #000;\r\n      text-align: center;\r\n      font-family: Inter, sans-serif;\r\n      font-size: 18px;\r\n      font-style: normal;\r\n      \/* font-weight: 1; *\/\r\n      line-height: 28px;\r\n      max-width: 980px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .about-body {\r\n      font-size: 1rem;\r\n      color: var(--muted);\r\n      line-height: 28px;\r\n      max-width: 980px;\r\n      text-align: center;\r\n    }\r\n\r\n    .about-cta {\r\n      font-weight: 700;\r\n      font-size: 1.25rem;\r\n      color: #fff;\r\n      text-align: center;\r\n      line-height: 28px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Democratize \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    \/* Shared section sub-headline (big statement heading, used across sections).\r\n       Centered by default; add .text-lg-start where a left-aligned variant is needed. *\/\r\n    .section-subhead {\r\n      font-size: 3rem;\r\n      line-height: 50px;\r\n      color: #fff;\r\n      text-align: center;\r\n    }\r\n\r\n    .section-subhead .lw {\r\n      font-weight: 300;\r\n    }\r\n\r\n    .section-subhead .bw {\r\n      font-weight: 700;\r\n    }\r\n\r\n    .democratize-sub {\r\n      font-size: 1rem;\r\n      color: var(--muted);\r\n      max-width: 860px;\r\n      line-height: 28px;\r\n    }\r\n\r\n    \/* Rewards & Eligibility CTA *\/\r\n    .rewards-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 246px;\r\n      height: 35px;\r\n      border-radius: 17.5px;\r\n      background: #FF3884;\r\n      color: #fff;\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 0.9375rem;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      border: none;\r\n      transition: transform .2s ease, filter .2s ease;\r\n    }\r\n\r\n    .rewards-cta:hover {\r\n      color: #fff;\r\n      transform: translateY(-2px);\r\n      filter: brightness(1.05);\r\n    }\r\n\r\n    \/* \u2500\u2500 Rewards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #rewards {\r\n      background: #000;\r\n    }\r\n\r\n    .reward-card {\r\n      background: var(--card);\r\n      border-radius: 2rem;\r\n      height: 100%;\r\n    }\r\n\r\n    .gallery-heading {\r\n      color: #000;\r\n      text-align: center;\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 48px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: normal;\r\n      letter-spacing: -0.96px;\r\n    }\r\n\r\n    .gallery-heading strong {\r\n      font-weight: 700;\r\n    }\r\n\r\n    .reward-card ul {\r\n      list-style: none;\r\n    }\r\n\r\n    .reward-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .reward-row-icon {\r\n      width: 72px;\r\n      height: 72px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .reward-amount {\r\n      font-weight: 700;\r\n      font-size: 1.5rem;\r\n      color: #000;\r\n    }\r\n\r\n    .reward-row-desc {\r\n      font-size: .9375rem;\r\n      color: #000;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .reward-card li {\r\n      font-size: 0.9375rem;\r\n      color: var(--muted);\r\n      line-height: 26px;\r\n      position: relative;\r\n    }\r\n\r\n    .reward-card li::before {\r\n      content: '';\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: #7D1EC6;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 9px;\r\n    }\r\n\r\n    .prize-center-card {\r\n      background: var(--card);\r\n      border-radius: 2rem;\r\n      height: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500 Eligibility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #eligibility {\r\n      background: #000;\r\n    }\r\n\r\n    .eligibility-card {\r\n      background: #F7F7F8;\r\n      border-radius: 2rem;\r\n    }\r\n\r\n    .eligibility-intro {\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      color: #000;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .eligibility-list {\r\n      list-style: none;\r\n    }\r\n\r\n    .eligibility-list li {\r\n      position: relative;\r\n      padding-left: 1.5rem;\r\n      margin-bottom: 0.85rem;\r\n      font-size: 1rem;\r\n      color: #000;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .eligibility-list li:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .eligibility-list li::before {\r\n      content: '';\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: var(--accent);\r\n      position: absolute;\r\n      left: 0;\r\n      top: 8px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Testimonials \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .testi-sub {\r\n      font-size: 1.125rem;\r\n      color: var(--muted);\r\n      text-align: center;\r\n    }\r\n\r\n    .testi-card {\r\n      background: #15181D;\r\n      border-radius: 2rem;\r\n      overflow: hidden;\r\n      height: 100%;\r\n      border-bottom: solid 3px var(--accent);\r\n      transition: transform .25s ease, box-shadow .25s ease;\r\n    }\r\n\r\n    .testi-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 12px 30px rgba(152, 105, 255, 0.35);\r\n    }\r\n\r\n    .testi-photo {\r\n      width: 100%;\r\n      height: 190px;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .testi-name {\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      color: #fff;\r\n      text-transform: uppercase;\r\n      letter-spacing: .36px;\r\n    }\r\n\r\n    .testi-role {\r\n      font-size: 0.845rem;\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n    }\r\n\r\n    .testi-quote {\r\n      font-size: 0.875rem;\r\n      color: #fff;\r\n      line-height: 22px;\r\n    }\r\n\r\n    .read-more {\r\n      font-weight: 700;\r\n      font-size: 0.875rem;\r\n      color: #fff;\r\n      text-decoration: underline;\r\n      cursor: pointer;\r\n      background: none;\r\n      border: none;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 Testimonials carousel \u2500\u2500 *\/\r\n    .testi-carousel-outer {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .testi-carousel-track {\r\n      display: flex;\r\n      gap: 1.5rem;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-behavior: smooth;\r\n      scrollbar-width: none;\r\n      -ms-overflow-style: none;\r\n      padding-bottom: 0.25rem;\r\n    }\r\n\r\n    .testi-carousel-track::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .testi-card-item {\r\n      flex: 0 0 calc(33.333% - 1rem);\r\n      scroll-snap-align: start;\r\n      height: 480px;\r\n    }\r\n\r\n    \/* Card becomes a column so the Read More CTA pins to the bottom and\r\n       every card stays the exact same height regardless of text length. *\/\r\n    .testi-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .testi-body {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1 1 auto;\r\n      min-height: 0;\r\n    }\r\n\r\n    .testi-quote {\r\n      flex: 1 1 auto;\r\n    }\r\n\r\n    \/* Carousel arrows \u2014 same shape as \"Moments of Maximization\", accent colour *\/\r\n    .testi-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      z-index: 10;\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 50%;\r\n      background: #7D1EC6;\r\n      border: none;\r\n      color: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      opacity: 0.9;\r\n      padding: 0;\r\n      line-height: 1;\r\n      transition: opacity 0.2s ease;\r\n    }\r\n\r\n    .testi-arrow:hover {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Thicken the chevron icon on hover *\/\r\n    .testi-arrow svg path {\r\n      transition: stroke-width 0.2s ease;\r\n      stroke: currentColor;\r\n      stroke-width: 0;\r\n    }\r\n\r\n    .testi-arrow:hover svg path {\r\n      stroke-width: 1.25;\r\n    }\r\n\r\n    .testi-arrow-prev {\r\n      left: 0.75rem;\r\n    }\r\n\r\n    .testi-arrow-next {\r\n      right: 0.75rem;\r\n    }\r\n\r\n    .testi-arrow--hidden {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500 Testimonial modal \u2500\u2500 *\/\r\n    \/* 20% smaller than modal-xl (1140px \u2192 ~912px) *\/\r\n    .testi-modal .modal-dialog {\r\n      max-width: 912px;\r\n    }\r\n\r\n    .testi-modal .modal-content {\r\n      background: #15181D;\r\n      border: 1px solid var(--accent);\r\n      border-radius: 2rem;\r\n      overflow: hidden;\r\n      color: #fff;\r\n    }\r\n\r\n    .testi-modal-img {\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 256px;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .testi-modal-close {\r\n      position: absolute;\r\n      top: 1.25rem;\r\n      right: 1.25rem;\r\n      z-index: 5;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255, 255, 255, .4);\r\n      background: transparent;\r\n      color: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: background .2s, border-color .2s;\r\n    }\r\n\r\n    .testi-modal-close:hover {\r\n      background: rgba(255, 255, 255, .12);\r\n      border-color: #fff;\r\n    }\r\n\r\n    .testi-modal-quote-mark {\r\n      color: var(--accent);\r\n    }\r\n\r\n    \/* Darker, more opaque backdrop behind the page *\/\r\n    .modal-backdrop.show {\r\n      opacity: 0.85;\r\n    }\r\n\r\n    .testi-modal-text p {\r\n      font-size: 0.8125rem;\r\n      line-height: 22px;\r\n      color: #fff;\r\n    }\r\n\r\n    .testi-modal-name {\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      color: var(--accent);\r\n      text-transform: uppercase;\r\n      letter-spacing: .36px;\r\n    }\r\n\r\n    .testi-modal-role {\r\n      font-weight: 700;\r\n      font-size: 0.8125rem;\r\n      color: #fff;\r\n    }\r\n\r\n    .testi-modal-college {\r\n      font-size: 0.75rem;\r\n      color: var(--muted);\r\n    }\r\n\r\n    \/* Modal on mobile: ~15% smaller in width & height, image cropped shorter *\/\r\n    @media (max-width: 767.98px) {\r\n      .testi-modal .modal-dialog {\r\n        max-width: 86vw;\r\n        margin: 1.25rem auto;\r\n      }\r\n\r\n      .testi-modal .modal-content {\r\n        max-height: 88vh;\r\n        overflow-y: auto;\r\n      }\r\n\r\n      .testi-modal-img-mobile {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n      }\r\n\r\n      .testi-modal-text {\r\n        padding: 1.25rem 1.25rem 0.5rem !important;\r\n      }\r\n\r\n      .testi-modal-meta {\r\n        padding: 0 1.25rem 1.25rem !important;\r\n      }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n      .testi-carousel-outer {\r\n        padding: 0 3.75rem;\r\n      }\r\n\r\n      .testi-arrow-prev {\r\n        left: 0;\r\n      }\r\n\r\n      .testi-arrow-next {\r\n        right: 0;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 991.98px) {\r\n      .testi-card-item {\r\n        flex: 0 0 calc(50% - 0.75rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 575px) {\r\n      .testi-card-item {\r\n        flex: 0 0 88%;\r\n      }\r\n\r\n      .testi-arrow {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \/* Wider viewports: same-length preview wraps into fewer lines, so trim the\r\n       card height to keep the gap between quote and Read More ~20px. *\/\r\n    @media (min-width: 1200px) and (max-width: 1399.98px) {\r\n      .testi-card-item {\r\n        height: 470px;\r\n      }\r\n    }\r\n\r\n    @media (min-width: 1400px) {\r\n      .testi-card-item {\r\n        height: 430px;\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500 Gallery \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #moments {\r\n      background: #000;\r\n    }\r\n\r\n    .gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, 1fr);\r\n      gap: 10px;\r\n    }\r\n\r\n    \/* Tile = fixed rounded frame; the image zooms inside it and is clipped here *\/\r\n    .gallery-tile {\r\n      border-radius: 1rem;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .gallery-grid img {\r\n      width: 100%;\r\n      aspect-ratio: 4\/3;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform .4s ease, filter .4s ease, opacity .5s ease;\r\n    }\r\n\r\n    \/* Soft fade-in as each lazy image finishes loading. The `fade-in` class is\r\n       added by JS, so without JS the images stay visible (no class = opacity 1). *\/\r\n    .gallery-grid.fade-in img {\r\n      opacity: 0;\r\n    }\r\n\r\n    .gallery-grid.fade-in img.loaded {\r\n      opacity: 1;\r\n    }\r\n\r\n    .gallery-tile:hover img {\r\n      transform: scale(1.05);\r\n      filter: brightness(1.1);\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .gallery-grid img {\r\n        transition: none;\r\n      }\r\n\r\n      .gallery-tile:hover img {\r\n        transform: none;\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500 Journey \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #journey {\r\n      background: #000;\r\n    }\r\n\r\n    .info-card {\r\n      border: 1px solid var(--border);\r\n      border-radius: 2rem;\r\n      height: 100%;\r\n    }\r\n\r\n    .info-card-title {\r\n      font-weight: 700;\r\n      font-size: 1.125rem;\r\n      color: var(--accent);\r\n      text-transform: uppercase;\r\n      letter-spacing: .18px;\r\n    }\r\n\r\n    .info-card-body {\r\n      font-size: 1rem;\r\n      color: var(--muted);\r\n      line-height: 28px;\r\n    }\r\n\r\n    .rounds-wrap {\r\n      border: 1px solid var(--border);\r\n      border-radius: 2rem;\r\n    }\r\n\r\n    .round-col {\r\n      border-left: 1px solid var(--border);\r\n    }\r\n\r\n    .round-col:first-child {\r\n      border-left: none;\r\n    }\r\n\r\n    \/* Journey rounds cascade in (Round 01 \u2192 04) when scrolled into view *\/\r\n    .rounds-stagger .round-col {\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n      transition: opacity .5s ease, transform .5s ease;\r\n    }\r\n\r\n    .rounds-stagger.in-view .round-col {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .rounds-stagger.in-view .round-col:nth-child(1) {\r\n      transition-delay: 0s;\r\n    }\r\n\r\n    .rounds-stagger.in-view .round-col:nth-child(2) {\r\n      transition-delay: .1s;\r\n    }\r\n\r\n    .rounds-stagger.in-view .round-col:nth-child(3) {\r\n      transition-delay: .2s;\r\n    }\r\n\r\n    .rounds-stagger.in-view .round-col:nth-child(4) {\r\n      transition-delay: .3s;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .rounds-stagger .round-col {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n    .round-badge {\r\n      display: inline-block;\r\n      background: #FF3884;\r\n      border: 1px solid #FF3884;\r\n      border-radius: 2rem;\r\n      font-size: 0.8125rem;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* Purple content heading (used across sections) *\/\r\n    .content-heading {\r\n      font-weight: 700;\r\n      font-size: 1.25rem;\r\n      color: var(--accent);\r\n    }\r\n\r\n    .content-heading--purple {\r\n      color: rgba(125, 30, 198, 1);\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 18px;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      line-height: 24px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .round-desc {\r\n      font-size: 0.9rem;\r\n      color: var(--muted);\r\n      line-height: 24px;\r\n    }\r\n\r\n    .round-subheading {\r\n      display: block;\r\n      font-size: 0.9375rem;\r\n      font-weight: 600;\r\n      color: var(--accent);\r\n    }\r\n\r\n    .round-list {\r\n      list-style: none;\r\n      padding-left: 0;\r\n    }\r\n\r\n    .round-list li {\r\n      position: relative;\r\n      padding-left: 1.25rem;\r\n      margin-bottom: 0.5rem;\r\n      font-size: 0.9rem;\r\n      color: var(--muted);\r\n      line-height: 24px;\r\n    }\r\n\r\n    .round-list li:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .round-list li::before {\r\n      content: '';\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: var(--accent);\r\n      position: absolute;\r\n      left: 0;\r\n      top: 9px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Your Path \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #yourpath {\r\n      background: #ffffff;\r\n    }\r\n\r\n    .yourpath-body {\r\n      font-size: 1rem;\r\n      color: var(--muted);\r\n      line-height: 26px;\r\n    }\r\n\r\n    \/* \u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #faqs {\r\n      background: #000;\r\n    }\r\n\r\n    .accordion-item {\r\n      background: transparent;\r\n      border-left: none;\r\n      border-right: none;\r\n      border-radius: 0 !important;\r\n      border-color: var(--border);\r\n    }\r\n\r\n    .accordion-button {\r\n      background: transparent !important;\r\n      color: #fff !important;\r\n      font-family: 'Inter', sans-serif;\r\n      font-weight: 500;\r\n      font-size: 1.125rem;\r\n      letter-spacing: -.36px;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n    .accordion-button::after {\r\n      filter: brightness(0) invert(1);\r\n    }\r\n\r\n    .accordion-body {\r\n      background: transparent;\r\n      color: var(--muted);\r\n      font-size: 1rem;\r\n      line-height: 26px;\r\n      \/* Soft fade + slide: content eases in once the panel has expanded *\/\r\n      opacity: 0;\r\n      transform: translateY(-6px);\r\n      transition: opacity .35s ease, transform .35s ease;\r\n    }\r\n\r\n    .accordion-collapse.show .accordion-body {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .accordion-body,\r\n      .accordion-collapse.show .accordion-body {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500 Light content zone \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       Everything between the hero and the footer sits on white with black\r\n       text. Hero and footer keep the dark theme; overrides below win by\r\n       source order (equal ID specificity to the dark rules above). *\/\r\n    #about,\r\n    #rewards,\r\n    #rewards-cards,\r\n    #eligibility,\r\n    #moments,\r\n    #gallery,\r\n    #journey,\r\n    #yourpath,\r\n    #faqs {\r\n      background: #fff;\r\n      color: #000;\r\n      position: relative;\r\n    }\r\n\r\n    \/* Curved white \"sheet\" overlapping the bottom of the hero *\/\r\n    #about {\r\n      border-radius: 62.4px 62.4px 0 0;\r\n      margin-top: -62.4px;\r\n    }\r\n\r\n    \/* Teal eyebrow label is unreadable on white \u2014 darken it here only *\/\r\n    #about .section-headline,\r\n    #rewards .section-headline,\r\n    #moments .section-headline,\r\n    #journey .section-headline,\r\n    #faqs .section-headline {\r\n      color: #0a7d8c;\r\n    }\r\n\r\n    \/* Text that was hardcoded #fff for the dark theme *\/\r\n    #about .lead-text,\r\n    #gallery .lead-text,\r\n    #journey .lead-text,\r\n    #about .about-cta,\r\n    #rewards .section-subhead,\r\n    #moments .section-subhead,\r\n    #journey .section-subhead,\r\n    #yourpath .section-subhead,\r\n    #faqs .section-subhead,\r\n    #moments .testi-name,\r\n    #moments .testi-quote,\r\n    #moments .read-more {\r\n      color: #000;\r\n    }\r\n\r\n    \/* Secondary text that was the light var(--muted) grey *\/\r\n    #about .about-body,\r\n    #rewards .democratize-sub,\r\n    #moments .testi-sub,\r\n    #journey .round-desc,\r\n    #journey .round-list li,\r\n    #journey .info-card-body,\r\n    #yourpath .yourpath-body,\r\n    #faqs .accordion-body {\r\n      color: #333;\r\n    }\r\n\r\n    #rewards-cards .reward-card li {\r\n      color: #000;\r\n    }\r\n\r\n    #faqs .accordion-button {\r\n      color: #000 !important;\r\n    }\r\n\r\n    #faqs .accordion-button::after {\r\n      filter: none;\r\n    }\r\n\r\n    \/* Card fills that were near-black; light tint keeps them visible on white *\/\r\n    #rewards-cards .reward-card,\r\n    #rewards-cards .prize-center-card {\r\n      background: #F7F7F8;\r\n    }\r\n\r\n    #moments .testi-card {\r\n      background: #F1ECFA;\r\n    }\r\n\r\n    \/* Borders that were a translucent near-white line, invisible on white *\/\r\n    #journey .info-card,\r\n    #journey .rounds-wrap,\r\n    #journey .round-col,\r\n    #faqs .accordion-item {\r\n      border-color: rgba(0, 0, 0, .15);\r\n    }\r\n\r\n    \/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #footer {\r\n      background: linear-gradient(96deg, #460A93 0%, #9A09BE 100%);\r\n      border-top: 1px solid var(--border);\r\n    }\r\n\r\n    .footer-body {\r\n      font-size: 0.875rem;\r\n      color: var(--muted);\r\n      line-height: 24px;\r\n    }\r\n\r\n    .footer-partner-lockup {\r\n      display: inline-flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .footer-partner-label {\r\n      font-size: 0.8125rem;\r\n      color: #fff;\r\n      letter-spacing: .3px;\r\n    }\r\n\r\n    .footer-partner-logo {\r\n      height: 33px;\r\n      width: auto;\r\n      margin: 4px 0;\r\n    }\r\n\r\n    .footer-partner-sub {\r\n      font-size: 0.6875rem;\r\n      color: var(--muted);\r\n    }\r\n\r\n    .beware-box {\r\n      border: 1px solid rgba(0, 0, 0, 0.12);\r\n      border-left: 4px solid rgba(125, 30, 198, 1);\r\n      border-radius: 1rem;\r\n      background: rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    .beware-title {\r\n      font-size: 1.0625rem;\r\n      font-weight: 700;\r\n      color: rgba(125, 30, 198, 1);\r\n    }\r\n\r\n    .beware-txt {\r\n      font-size: 0.875rem;\r\n      line-height: 1.7;\r\n      color: rgb(0, 0, 0);\r\n    }\r\n\r\n    .beware-txt a {\r\n      color: var(--teal);\r\n      text-decoration: none;\r\n    }\r\n\r\n    .footer-links {\r\n      font-size: 0.9375rem;\r\n      line-height: 2;\r\n    }\r\n\r\n    .footer-links a {\r\n      color: var(--muted);\r\n      text-decoration: none;\r\n    }\r\n\r\n    .footer-links a:hover {\r\n      color: #fff;\r\n    }\r\n\r\n    .fk-social a {\r\n      color: #fff;\r\n      display: inline-flex;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 991.98px) {\r\n      .hero-heading {\r\n        font-size: 2.625rem;\r\n      }\r\n\r\n      .gallery-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n      }\r\n\r\n      \/* Mobile: float the collapse below the bar so it never shifts the page *\/\r\n      .grid-nav #navMenu {\r\n        position: absolute;\r\n        top: calc(100% + 8px);\r\n        left: 0;\r\n        right: 0;\r\n        background: #15181d;\r\n        border: 1px solid var(--border);\r\n        border-radius: 20px;\r\n        padding: 8px 16px 12px;\r\n        z-index: 1000;\r\n      }\r\n\r\n      .grid-nav #navMenu .nav-link {\r\n        padding: 8px 4px !important;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767.98px) {\r\n      .hero-heading {\r\n        font-size: 1.875rem;\r\n      }\r\n\r\n      .hero-subtitle {\r\n        font-size: 24px;\r\n      }\r\n\r\n      .gallery-heading {\r\n        font-size: 24px;\r\n      }\r\n\r\n      .hero-logo {\r\n        width: 224px;\r\n      }\r\n\r\n      .hero-dates {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n      }\r\n\r\n      .hero-dates .v-line {\r\n        width: 60px;\r\n        height: 1px;\r\n      }\r\n\r\n      .section-subhead {\r\n        font-size: 2rem;\r\n        line-height: 40px;\r\n      }\r\n\r\n      .gallery-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .round-col {\r\n        border-left: none;\r\n        border-top: 1px solid var(--border);\r\n      }\r\n\r\n      .round-col:first-child {\r\n        border-top: none;\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500 Register modal \u2500\u2500 *\/\r\n    .register-modal .modal-dialog {\r\n      max-width: 600px;\r\n    }\r\n\r\n    .register-modal .modal-content {\r\n      background: var(--card);\r\n      border: 1px solid var(--accent);\r\n      border-radius: 2rem;\r\n      overflow: hidden;\r\n      color: #fff;\r\n    }\r\n\r\n    .register-modal-eyebrow {\r\n      font-family: 'PixeloidSans', monospace;\r\n      font-size: 1rem;\r\n      color: var(--teal);\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.4px;\r\n      display: block;\r\n      text-align: center;\r\n    }\r\n\r\n    .register-modal-close {\r\n      position: absolute;\r\n      top: 1.25rem;\r\n      right: 1.25rem;\r\n      z-index: 5;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255, 255, 255, .4);\r\n      background: transparent;\r\n      color: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: background .2s, border-color .2s;\r\n    }\r\n\r\n    .register-modal-close:hover {\r\n      background: rgba(255, 255, 255, .12);\r\n      border-color: #fff;\r\n    }\r\n\r\n    \/* Education choice cards *\/\r\n    .edu-option {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      width: 100%;\r\n      text-align: left;\r\n      text-decoration: none;\r\n      background: #000;\r\n      border: 1px solid var(--border);\r\n      border-radius: 1.25rem;\r\n      padding: 1rem 1.25rem;\r\n      color: #fff;\r\n      transition: border-color .2s ease, transform .2s ease, background .2s ease;\r\n    }\r\n\r\n    .edu-option:hover,\r\n    .edu-option:focus-visible {\r\n      border-color: var(--accent);\r\n      transform: translateY(-2px);\r\n      background: #0d0f13;\r\n      outline: none;\r\n    }\r\n\r\n    .edu-option-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      flex-shrink: 0;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(152, 105, 255, .15);\r\n      color: var(--teal);\r\n    }\r\n\r\n    .edu-option:hover .edu-option-icon {\r\n      background: rgba(152, 105, 255, .28);\r\n    }\r\n\r\n    .edu-option-text {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n    }\r\n\r\n    .edu-option-title {\r\n      font-weight: 700;\r\n      font-size: 1.0625rem;\r\n      color: #fff;\r\n      margin: 0;\r\n    }\r\n\r\n    .edu-option-desc {\r\n      font-size: 0.8125rem;\r\n      color: var(--muted);\r\n      line-height: 18px;\r\n      margin: 2px 0 0;\r\n    }\r\n\r\n    .edu-option-arrow {\r\n      color: var(--muted);\r\n      flex-shrink: 0;\r\n      transition: color .2s ease, transform .2s ease;\r\n    }\r\n\r\n    .edu-option:hover .edu-option-arrow {\r\n      color: var(--teal);\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* Footer bottom padding (the floating status bar has been removed). *\/\r\n    #footer {\r\n      padding-bottom: 48px;\r\n    }\r\n\r\n    @media (max-width: 575.98px) {\r\n      #footer {\r\n        padding-bottom: 40px;\r\n      }\r\n\r\n      .hero-subtitle {\r\n        font-size: 20px;\r\n      }\r\n\r\n      .gallery-heading {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       IN-HERO STATUS CONSOLE  \u2014  used by grid8.0-postregistration.html\r\n\r\n       The \"status bar as a fixed item on the hero\" variant. It replaces the\r\n       old two-column registration-dates block on the post-registration page.\r\n       TEXT lives in grid8status.css (.status-label \/ .status-hint), shared\r\n       site-wide; edit the rules below only for LOOK (size \/ colour \/ glow).\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n    \/* Vertical stack: pixel eyebrow on top, capsule pill below.\r\n       The hero is a centered flex column, so this block self-centers. *\/\r\n    .hero-status-wrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 14px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Pixel eyebrow ( < System Status > ) \u2014 echoes the section-headline motif \u2500\u2500 *\/\r\n    .hero-status-eyebrow {\r\n      margin: 0;\r\n      font-family: 'PixeloidSans', monospace;\r\n      font-size: 0.9rem;\r\n      letter-spacing: 1.4px;\r\n      text-transform: uppercase;\r\n      color: var(--teal);\r\n      opacity: .85;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 The capsule \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       Glass fill + dual purple-above \/ teal-below glow (same signature as the\r\n       floating pill) so the status reads as a premium, intentional hero focal\r\n       point rather than a leftover widget. *\/\r\n    .hero-status {\r\n      \/* width:fit-content + margin auto guarantees the capsule hugs its content\r\n         and stays centred \u2014 even if an ancestor would otherwise stretch it (which\r\n         left the dot+text shifted to the left edge). justify-content centres the\r\n         content within, belt-and-braces. *\/\r\n      display: flex;\r\n      width: fit-content;\r\n      margin-inline: auto;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 9px;\r\n      max-width: calc(100% - 24px);\r\n      padding: 13px 32px;\r\n      border-radius: 999px;\r\n      background: rgba(21, 24, 29, .55);\r\n      border: 1px solid var(--live-line);\r\n      -webkit-backdrop-filter: blur(16px) saturate(160%);\r\n      backdrop-filter: blur(16px) saturate(160%);\r\n      box-shadow:\r\n        0 -6px 24px rgba(132, 76, 255, .28),\r\n        0 8px 26px rgba(102, 245, 255, .22),\r\n        0 12px 36px rgba(0, 0, 0, .45),\r\n        inset 0 1px 0 rgba(255, 255, 255, .07);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* \u2500\u2500 Beacon: teal dot + expanding \"live\" ring \u2500\u2500 *\/\r\n    .hero-status__beacon {\r\n      position: relative;\r\n      width: 10px;\r\n      height: 10px;\r\n      flex: 0 0 auto;\r\n      border-radius: 50%;\r\n      background: var(--teal);\r\n      box-shadow: 0 0 8px rgba(102, 245, 255, .8);\r\n    }\r\n\r\n    .hero-status__beacon::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 50%;\r\n      background: var(--teal);\r\n      animation: hero-status-pulse 1.9s ease-out infinite;\r\n    }\r\n\r\n    @keyframes hero-status-pulse {\r\n      0% {\r\n        transform: scale(1);\r\n        opacity: .7;\r\n      }\r\n\r\n      100% {\r\n        transform: scale(3.4);\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500 Text (content injected from grid8status.css) \u2500\u2500 *\/\r\n    .hero-status .status-label {\r\n      font-size: 1.05rem;\r\n      font-weight: 600;\r\n      letter-spacing: .2px;\r\n      color: #fff;\r\n    }\r\n\r\n    .hero-status .status-hint {\r\n      font-size: 1rem;\r\n      font-weight: 400;\r\n      color: var(--teal);\r\n    }\r\n\r\n    \/* \u2500\u2500 Mobile: beacon + label centred on line 1, hint centred on line 2 \u2500\u2500\r\n       (grid8status.css already drops the \"\u00b7\" separator below 576px)\r\n       Symmetric padding + a tight row-gap keeps the capsule short. *\/\r\n    @media (max-width: 575.98px) {\r\n      .hero-status {\r\n        \/* back to auto width so the full-width hint can wrap to line 2 cleanly *\/\r\n        width: auto;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 6px 8px;\r\n        \/* row-gap \/ column-gap *\/\r\n        padding: 10px 20px;\r\n        white-space: normal;\r\n      }\r\n\r\n      \/* Beacon + label stay together as a centred group (label must NOT grow) *\/\r\n      .hero-status .status-label {\r\n        flex: 0 0 auto;\r\n        font-size: 1rem;\r\n        line-height: 1.3;\r\n      }\r\n\r\n      \/* Hint drops to its own centred line *\/\r\n      .hero-status .status-hint {\r\n        flex: 1 0 100%;\r\n        text-align: center;\r\n        font-size: .95rem;\r\n        line-height: 1.3;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hero-status__beacon::after {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <link rel=\"icon\" href=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/favicon.png\">\r\n\r\n\r\n<body>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550 NAVBAR \u2550\u2550\u2550\u2550 -->\r\n  <nav class=\"navbar navbar-expand-lg grid-nav\">\r\n    <div class=\"container px-3 px-lg-5\">\r\n      <a class=\"navbar-brand py-0\" href=\"index.html\">\r\n        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Logo-White.png\" alt=\"Flipkart\">\r\n      <\/a>\r\n      <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navMenu\"\r\n        aria-controls=\"navMenu\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n        <span class=\"navbar-toggler-icon\"><\/span>\r\n      <\/button>\r\n      <div class=\"collapse navbar-collapse justify-content-end\" id=\"navMenu\">\r\n        <ul class=\"navbar-nav gap-lg-1\">\r\n          <li class=\"nav-item\"><a class=\"nav-link px-3 py-0\" href=\"#rewards\">Rewards<\/a><\/li>\r\n          <li class=\"nav-item\"><a class=\"nav-link px-3 py-0\" href=\"#gallery\">Moments<\/a><\/li>\r\n          <li class=\"nav-item\"><a class=\"nav-link px-3 py-0\" href=\"#journey\">Journey<\/a><\/li>\r\n          <li class=\"nav-item\"><a class=\"nav-link px-3 py-0\" href=\"#faqs\">FAQs<\/a><\/li>\r\n          <li class=\"nav-item\"><a class=\"nav-link px-3 py-0\" href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/vidyarthini\/apply?event=270996&job=285198\" target=\"_blank\"\r\n              rel=\"noopener\" role=\"button\">Register<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- Wrapper clips horizontal overflow without breaking the sticky navbar above -->\r\n  <div class=\"page-clip\">\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 HERO + ABOUT (wave bleeds across both) \u2550\u2550\u2550\u2550 -->\r\n    <div class=\"hero-bleed\">\r\n      <!-- \u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550 -->\r\n      <section id=\"hero\" class=\"px-4 pb-5\" style=\"padding-top: 2.5rem;\">\r\n        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Right-side_image.png\" alt=\"\"\r\n          class=\"hero-side-img hero-side-img--right d-none d-lg-block\" aria-hidden=\"true\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Left-side_image.png\" alt=\"\"\r\n          class=\"hero-side-img hero-side-img--left d-none d-lg-block\" aria-hidden=\"true\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Logo.png\" alt=\"Flipkart Vidyarthini 4.0\" class=\"hero-logo mx-auto mb-2\"\r\n          fetchpriority=\"high\">\r\n        <!-- Stats bar -->\r\n        <div>\r\n\r\n          <div class=\"text-center mx-0 g-0 pt-4\">\r\n            <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Vidyarthini-social-proof_imae.webp\" class=\"img-fluid d-block mx-auto\"\r\n              style=\"max-width: 120px;\" alt=\"Vidyarthini participants\">\r\n          <\/div>\r\n\r\n          <div class=\"d-flex flex-column flex-md-row justify-content-center align-items-center text-center pt-2\">\r\n            <span class=\"hero-stat-lbl\">Views&nbsp;:&nbsp;<span class=\"hero-stat-val\" id=\"statViews\">\u2014<\/span><\/span>\r\n            <span class=\"hero-stat-lbl d-none d-md-inline mx-2\">|<\/span>\r\n            <span class=\"hero-stat-lbl\">Registrations&nbsp;:&nbsp;<span class=\"hero-stat-val\"\r\n                id=\"statRegistrations\">\u2014<\/span><\/span>\r\n          <\/div>\r\n\r\n          <!-- Registration-live pill. Remove this whole block once the deadline (Jul 7) passes. -->\r\n          <div class=\"text-center pt-2\">\r\n            <span class=\"reg-live-pill\">\r\n              <span class=\"reg-live-beacon\" aria-hidden=\"true\"><\/span>\r\n            Flipkart Headquarter In-person Immersion\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <p class=\"hero-subtitle pt-4 pb-4 mt-3 mb-0 pb-0\">Women in Supply Chain<br>Campus Program<\/p>\r\n        \r\n\r\n        <!-- Registration dates -->\r\n        <div class=\"hero-dates pb-3 mb-1\">\r\n          <div class=\"date-grp\">\r\n            <span class=\"date-lbl\">Registrations Start<\/span>\r\n            <span class=\"date-val\">July 17, 2026 10:00 AM<\/span>\r\n          <\/div>\r\n          <div class=\"v-line\"><\/div>\r\n          <div class=\"date-grp\">\r\n            <span class=\"date-lbl\">Registrations End<\/span>\r\n            <span class=\"date-val\">July 20, 2026 11:55 PM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/vidyarthini\/apply?event=270996&job=285198\" target=\"_blank\" rel=\"noopener\" class=\"hero1-register-cta\" role=\"button\">Register Now<\/a>\r\n          \r\n      <\/section>\r\n\r\n      <!-- \u2550\u2550\u2550\u2550 ABOUT \u2550\u2550\u2550\u2550 -->\r\n      <section id=\"about\" class=\"pb-0\">\r\n        <div class=\"container px-3 px-lg-5 pt-5 reveal\">\r\n          \r\n        \r\n          <p class=\"about-tagline mb-3\">BREAKING BARRIERS, EMPOWERING FUTURES.<\/p>\r\n          <p class=\"about-intro mb-3\">\r\n            \r\n          <\/p>\r\n          <p class=\"about-intro mb-4\">\r\n           \r\n          <\/p>\r\n          <p class=\"about-body mb-3 mx-auto\">\r\n           We&rsquo;re pleased to announce the launch of Vidyarthini 4.0, our flagship Women in Supply Chain Campus\r\n            Program. This uniquely curated experience is designed to help you explore the complexities and\r\n            opportunities of the vastly exciting world of Supply Chain, such that Your Impact maximizes the Indian\r\n            economy&rsquo;s future.\r\n          <\/p>\r\n          <p class=\"about-body mb-3 mx-auto\">\r\n             As one of India's beloved e-commerce companies, Flipkart is firmly committed to fostering an inclusive\r\n            ecosystem that empowers all talent, especially women, and showcases the vast potential of careers in\r\n            Supply Chain Management. It&rsquo;s time for you to break barriers, challenge stereotypes, and become a\r\n            Vidyarthini Scholar - because the future of Supply Chain IS YOU.\r\n          <\/p>\r\n          <p class=\"about-cta mb-4 pb-2\">Ready to leave your mark? Embark on a journey with us today!\r\n          <\/p>\r\n\r\n          <div class=\"text-center\">\r\n            <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/vidyarthini\/apply?event=270996&job=285198\" target=\"_blank\" rel=\"noopener\" class=\"hero-register-cta\" role=\"button\">Register Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n    <!-- \u2550\u2550\u2550\u2550 \/HERO + ABOUT wrapper \u2550\u2550\u2550\u2550 -->\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 DEMOCRATIZE \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"rewards\" class=\"pt-3\">\r\n      <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Left-side_image.png\" alt=\"\" class=\"hero-side-img rewards-side-img--left d-none d-lg-block\"\r\n        aria-hidden=\"true\" loading=\"lazy\">\r\n      <div class=\"container px-3 px-lg-5 pt-5 text-center reveal\">\r\n        <a  class=\"rewards-cta mb-4\" >Rewards & Eligibility<\/a>\r\n       \r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 REWARDS \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"rewards-cards\" class=\"pt-0 pb-4\">\r\n      <div class=\"container px-3 px-lg-5\">\r\n        <div class=\"row g-3 align-items-stretch reveal-stagger\">\r\n\r\n          <!-- Career Opportunities -->\r\n          <div class=\"col-lg-4 order-2 order-lg-1\">\r\n            <div class=\"reward-card py-4 px-4\">\r\n              <p class=\"content-heading content-heading--purple pt-1 mb-4\">MENTORSHIP, NETWORKING & EXPOSURE<\/p>\r\n              <ul class=\"p-0 m-0\">\r\n                <li class=\"mb-3 ps-4\"><strong>Leadership Interaction and Networking Opportunity<\/strong> at Flipkart Headquarters.<\/li>\r\n                <li class=\"mb-3 ps-4\"><strong>Visit to Flipkart's Warehouse<\/strong> to learn about on-ground operations.<\/li>\r\n                <li class=\"mb-3 ps-4\"><strong>Flipster-conducted masterclass sessions<\/strong> on functional\/industry knowledge in Operations.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Prize Money -->\r\n          <div class=\"col-lg-4 order-1 order-lg-2\">\r\n            <div class=\"reward-card py-4 px-4\">\r\n              <p class=\"content-heading content-heading--purple pt-1 mb-4\">CAREER OPPORTUNITIES<\/p>\r\n              <ul class=\"p-0 m-0\">\r\n                <li class=\"mb-3 ps-4\"><strong>Pre-Placement Interview (PPI)<\/strong> opportunities available for scholars following the successful completion of the Summer Internship.<\/li>\r\n                <li class=\"mb-3 ps-4\"><strong>Attractive stipend of \u20b91,20,000 per month<\/strong> offered throughout the internship program.<\/li>\r\n                <li class=\"mb-3 ps-4\"><strong>Performance-linked conversion<\/strong> to a full-time role as a Management Trainee - Supply Chain Management (SCM)<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Recognition -->\r\n          <div class=\"col-lg-4 order-3 order-lg-3\">\r\n            <div class=\"reward-card py-4 px-4\">\r\n              <p class=\"content-heading content-heading--purple pt-1 mb-4\">RECOGNITION<\/p>\r\n              <ul class=\"p-0 m-0\">\r\n                <li class=\"mb-3 ps-4\"><strong>Certificate<\/strong> of Merit or Achievement for all scholars.<\/li>\r\n                <li class=\"mb-3 ps-4\"><strong>Flipkart merchandize<\/strong>.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 ELIGIBILITY \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"eligibility\" class=\"pt-3 pb-0\">\r\n      <div class=\"container px-3 px-lg-5 reveal\">\r\n        <div class=\"eligibility-card p-4 p-lg-5\">\r\n          <p class=\"content-heading content-heading--purple mb-3\">ELIGIBILITY CRITERIA<\/p>\r\n          <p class=\"eligibility-intro mb-3\">The program is exclusively open to 1st-year female students enrolled in\r\n            the flagship 2-Year PGDM program from ONLY the following campuses:<\/p>\r\n          <ul class=\"eligibility-list p-0 m-0\">\r\n            <li>Faculty of Management Studies (FMS), University of Delhi, New Delhi<\/li>\r\n            <li>Indian Institute of Management (IIM), Bangalore<\/li>\r\n            <li>SP Jain Institute of Management and Research (SPJIMR), Mumbai<\/li>\r\n            <li>Indian Institute of Management (IIM), Lucknow<\/li>\r\n            <li>Vinod Gupta School of Management (VGSoM), Indian Institute of Technology (IIT), Kharagpur<\/li>\r\n            <li>Indian Institute of Management (IIM), Indore<\/li>\r\n            <li>Indian Institute of Management (IIM), Ranchi<\/li>\r\n            <li>Indian Institute of Management (IIM), Calcutta<\/li>\r\n            <li>Symbiosis Institute of Business Management (SIBM), Pune<\/li>\r\n            <li>Narsee Monjee Institute of Management Studies (NMIMS), Mumbai<\/li>\r\n            <li>Xavier School of Management (XLRI), Jamshedpur<\/li>\r\n            <li>Xavier Institute of Management (XIMB), Bhubaneswar<\/li>\r\n            <li>National Institute of Industrial Engineering (NITIE), Mumbai<\/li>\r\n            <li>Indian Institute of Foreign Trade (IIFT), New Delhi<\/li>\r\n            <li>Indian Institute of Management (IIM), Kozhikode<\/li>\r\n            <li>Management Development Institute (MDI), Gurgaon<\/li>\r\n            <li>Department of Management Studies (DMS), Indian Institute of Technology (IIT), Delhi<\/li>\r\n            <li>Shailesh J. Mehta School of Management (SJMSOM), Indian Institute of Technology (IIT), Bombay<\/li>\r\n            <li>Symbiosis Centre for Management and Human Resource Development (SCMHRD), Pune<\/li>\r\n            <li>Indian Institute of Management (IIM), Ahmedabad<\/li>\r\n            <li>DoMS, IIT Madras<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n    \r\n\r\n    <!-- \u2550\u2550\u2550\u2550 GALLERY \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"gallery\" class=\"pt-0 pb-0\">\r\n      <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Right-side_image.png\" alt=\"\" class=\"hero-side-img gallery-side-img--right d-none d-lg-block\"\r\n        aria-hidden=\"true\" loading=\"lazy\">\r\n      <div class=\"container px-3  pt-5 text-center reveal\">\r\n        <a  class=\"rewards-cta \" >MOMENTS<\/a>\r\n        <\/div>\r\n      <div class=\"container-fluid px-3\">\r\n        <p class=\"gallery-heading mx-auto mb-4 pt-4 reveal\">Moments from<br>past <strong>ViDYARTHINI<\/strong> Editions<\/p>\r\n        <div class=\"gallery-grid reveal-stagger\">\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-1-3.jpg\" alt=\"ViDYARTHINI Moment 1\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-2.jpg\" alt=\"ViDYARTHINI Moment 2\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-11.jpg\" alt=\"ViDYARTHINI Moment 3\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-4.png\" alt=\"ViDYARTHINI Moment 4\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-5.jpg\" alt=\"ViDYARTHINI Moment 5\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-12.jpg\" alt=\"ViDYARTHINI Moment 6\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-7.jpg\" alt=\"ViDYARTHINI Moment 7\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-13.jpg\" alt=\"ViDYARTHINI Moment 8\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-9.jpg\" alt=\"ViDYARTHINI Moment 9\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"gallery-tile\"><img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Gallery-10.jpg\" alt=\"ViDYARTHINI Moment 10\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 JOURNEY \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"journey\" class=\"pt-3 pb-4\">\r\n      <div class=\"container px-3 px-lg-5 pt-5\">\r\n\r\n       <div class=\"container px-3  mt-4 mb-4 pb-2  pt-5 text-center reveal\">\r\n        <a  class=\"rewards-cta \" >The JOURNEY<\/a>\r\n        <\/div>\r\n\r\n\r\n        <!-- Info cards -->\r\n        <div class=\"row g-3 pb-5 reveal-stagger text-center text-lg-start\">\r\n          <div class=\"col-md-6\">\r\n            <div class=\"info-card p-4\">\r\n              <p class=\"info-card-title mb-3\">Program Registration<\/p>\r\n              <p class=\"info-card-body mx-0 px-0 my-0 py-0\">\r\n                Individuals are required to register as solo participants. \r\n                The same should be done within the mentioned deadline and ensuring that \r\n                only accurate data is being submitted; failure to do either will result in immediate disqualification.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"col-md-6\">\r\n            <div class=\"info-card p-4\">\r\n              <p class=\"info-card-title mb-3\">Tracks &amp; Roles<\/p>\r\n              <p class=\"info-card-body mx-0 px-0 my-0 py-0\">\r\n              There is only one track of Supply Chain Management. Based on performance in the hiring process post the program, \r\n              the candidates will be selected for summer internship, post which, there will be performance-linked conversion to <span style=\"font-weight: 600; color:#6C2BD9\"> Management Trainee (SCM) <\/span> role for eKart, our Supply Chain Operations arm.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"lead-text mx-auto mb-3\">\r\n          Vidyarthini will move across 3 milestones, with each stage designed to provide participants with opportunities to network, upskill, and learn from the Flipkart leadership and functional experts.\r\n        <\/p>\r\n\r\n        <!-- 4 Rounds -->\r\n        <div class=\"rounds-wrap rounds-stagger mt-0 text-center text-lg-start\">\r\n          <div class=\"row g-0\">\r\n            <div class=\"col-md-4 round-col py-4 px-4\">\r\n              <span class=\"round-badge py-1 px-3 mb-3\">Round 01<\/span>\r\n              <p class=\"content-heading mb-2\">Screening<\/p>\r\n              <p class=\"round-desc mb-2\">\r\n                All registered candidates will undergo a screening process. Evaluation will be based on:\r\n              <\/p>\r\n              <ul class=\"round-list mb-0\">\r\n                <li>Academic performance and consistency<\/li>\r\n                <li>Non-academic achievements and accolades<\/li>\r\n                <li>Candidates shortlisted in this round will proceed to the next stage.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <div class=\"col-md-4 round-col py-4 px-4\">\r\n              <span class=\"round-badge py-1 px-3 mb-3\">Round 02<\/span>\r\n              <p class=\"content-heading mb-2\">Online Assessment<\/p>\r\n              <p class=\"round-desc mb-2\">\r\n                Shortlisted candidates will be required to submit a brief synopsis for a given problem statement. The\r\n                submissions will be evaluated by Flipsters to identify the Top 100 Vidyarthini Scholars.\r\n              <\/p>\r\n              <p class=\"round-desc mb-0\">\r\n                A detailed brief will be shared with relevant participants when this round goes live.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"col-md-4 round-col py-4 px-4\">\r\n              <span class=\"round-badge py-1 px-3 mb-3\">Round 03<\/span>\r\n              <p class=\"content-heading mb-2\">The Immersion <span class=\"round-subheading\">(In-person Immersion & Networking Session)<\/span><\/p>\r\n              <p class=\"round-desc mb-2\">\r\n                The Top 100 Vidyarthini Scholars will be invited to the Flipkart Headquarters in Bengaluru (sponsored\r\n                by Flipkart).\r\n              <\/p>\r\n              <p class=\"round-desc mb-2\">During the visit, scholars will:<\/p>\r\n              <ul class=\"round-list mb-0\">\r\n                <li>Participate in a group discussion round<\/li>\r\n                <li>Meet senior leadership and inspiring Flipsters from supply chain<\/li>\r\n                <li>Receive a certificate of selection<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 YOUR PATH \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"yourpath\" class=\"pt-3 pb-0\">\r\n      <div class=\"container px-3 px-lg-5\">\r\n        <div class=\"row align-items-center text-center text-lg-start g-5 my-0 reveal\">\r\n          <div class=\"col-lg-4 mt-0 mb-3 my-lg-0 \">\r\n            <h2 class=\"section-subhead mb-0 text-lg-start\">\r\n              <span class=\"lw\">Your Path<br><\/span>\r\n              <span class=\"bw\">to Flipkart<\/span>\r\n            <\/h2>\r\n          <\/div>\r\n          <div class=\"col-lg-8 my-0\">\r\n            <p class=\"content-heading mb-2\">Hiring Process<\/p>\r\n            <p class=\"yourpath-body mb-0\">\r\n              All scholars who visit the headquarters will enter the hiring process for the summer\r\ninternship. Further details will be communicated to students via their respective\r\nplacement committees at a later stage.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      \r\n    <\/section>\r\n\r\n    \r\n\r\n    \r\n\r\n    <!-- \u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550 -->\r\n    <section id=\"faqs\" class=\"py-5\">\r\n      <div class=\"faqs-header-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Left-side_image.png\" alt=\"\" class=\"hero-side-img faqs-side-img--left d-none d-lg-block\"\r\n          aria-hidden=\"true\" loading=\"lazy\">\r\n        <div class=\"text-center\">\r\n          <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/vidyarthini\/apply?event=270996&job=285198\" target=\"_blank\" rel=\"noopener\" class=\"hero-register-cta\" role=\"button\">Register Now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"container px-3 px-lg-5 pt-2\">\r\n        <div class=\"container px-3 py-3 pt-5 text-center reveal\">\r\n        <a  class=\"rewards-cta \" >FAQ's & Resources<\/a>\r\n        <\/div>\r\n        <h2 class=\"section-subhead mb-3 reveal\">\r\n          <span class=\"lw\">Got<\/span>\r\n          <span class=\"bw\">Questions?<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"accordion pt-4\" id=\"faqAccordion\">\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq1\">\r\n                Do I have to pay to attend the challenge?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">No. You don't have to pay to attend the challenge. It is completely\r\n                free.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq2\">\r\n                Do I need to have any specific qualifications to participate in this challenge?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">Please check the details in the page above.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq3\">\r\n                Do I need to attend this challenge remotely or in person?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">It is a remote online challenge.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq4\">\r\n                Can we take up the challenge from mobile platforms?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">\r\n                No, you cannot take up this challenge from mobile devices. Please use a laptop or\r\n                desktop computer device to participate.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq5\">\r\n                What type of questions and topics will be there in this challenge?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq5\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">Please check the details in the page above.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq6\">\r\n                Will the test have any time limits?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq6\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">Yes, all tests will have time limits. Please check the details in the\r\n                page\r\n                above.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq7\">\r\n                What will happen if my machine or internet stops working mid-way through the test?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq7\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">\r\n                If you get interrupted mid-way through the test, you will be able to re-login using the same\r\n                login credentials. When you re-login, the test will resume from the point where you were interrupted.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq8\">\r\n                Is it possible to change my answers after submission?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq8\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">\r\n                You will be able to change your answers if you have not \u201csubmitted\u201d your test. You will not be\r\n                able to change your answers if you have \u201csubmitted\u201d the test, or if you have crossed the time\r\n                limit for the test or a section of the test.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq9\">\r\n                Can I take external assistance to attend the test?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq9\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">\r\n                No. Any form of external assistance and\/or collusion may lead to elimination from this challenge,\r\n                and getting barred from participating in any future challenges.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq10\">\r\n                Will Flipkart support the travel for Grand Finale?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq10\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">\r\n                Yes, Flipkart will arrange the to and fro travel and stay for all the national finalists who\r\n                will be travelling to its headquarters in Bangalore for the Grand Finale event.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"accordion-item\">\r\n            <h3 class=\"accordion-header\">\r\n              <button class=\"accordion-button collapsed py-4 px-1\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                data-bs-target=\"#faq11\">\r\n                Who can I contact if I face any technical issues or have queries?\r\n              <\/button>\r\n            <\/h3>\r\n            <div id=\"faq11\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"accordion-body p-0 pb-4\">\r\n                If you face any technical issues or have queries, you can reach out to our support team through\r\n                the following channels:<br>\r\n                Email: <a href=\"mailto:campusconnect@mycareernet.co\"\r\n                  style=\"color: var(--accent);\">campusconnect@mycareernet.co<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Beware of scams \u2014 always visible -->\r\n        <div class=\"beware-box mt-5 py-3 px-4\">\r\n          <h3 class=\"beware-title mb-2\">Beware of scams and fraud<\/h3>\r\n          <p class=\"beware-txt mb-0\">\r\n            This challenge is conducted by HirePro and MyCareernet on behalf of Flipkart. Please be aware that Flipkart,\r\n            HirePro and MyCareernet follow ethical recruitment practices and never seek any monetary deposit from\r\n            candidates at any stage. None of us appoint any agent, agency or company to advertise opportunities or\r\n            conduct interviews on our behalf. Stay vigilant, exercise caution, and report any suspicious activity to\r\n            your local cybercrime cell.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550 -->\r\n    <footer id=\"footer\" class=\"text-white pt-5 pb-4\">\r\n      <div class=\"container px-3 px-lg-5\">\r\n\r\n        <!-- Row 1: Logo -->\r\n        <div class=\"mb-3\">\r\n          <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/Logo-White.png\" alt=\"Flipkart\" style=\"height: 35px;\" class=\"d-block\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <!-- Row 2: Three columns + social icons spanning col 2 & 3 -->\r\n        <div class=\"row gy-4 pb-5 align-items-start\">\r\n\r\n          <!-- Col 1: Description text -->\r\n          <div class=\"col-12 col-lg-6 pe-lg-6\">\r\n            <p class=\"footer-body mb-0\">\r\n              The Flipkart Group is one of India's leading digital commerce entities with a strong\r\n              technology-first foundation and includes group companies Flipkart, Myntra, Flipkart Wholesale,\r\n              Cleartrip, and super.money. Established in 2007, Flipkart has enabled millions of sellers,\r\n              merchants, and small businesses to participate in India's digital commerce revolution. With a\r\n              registered user base of more than 500 million, Flipkart's marketplace offers over 150 million\r\n              products across 80+ categories. Today, Flipkart hosts over 1.4 million sellers on the platform.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- Col 2 + Col 3 + Social (right block) -->\r\n          <div class=\"col-12 col-lg-6 pe-lg-5 ps-lg-5\">\r\n            <div class=\"row gy-4\">\r\n              <!-- Col 2: Nav links -->\r\n              <div class=\"col-6 ps-lg-5\">\r\n                <ul class=\"list-unstyled mb-0 footer-links\">\r\n                  <li><a href=\"#\">Home<\/a><\/li>\r\n                  <li><a href=\"https:\/\/corporate.flipkart.net\/about-us\" target=\"_blank\">About us<\/a><\/li>\r\n                  <li><a href=\"https:\/\/www.flipkartcareers.com\/lifeatflipkart\" target=\"_blank\">Life\r\n                      @Flipkart<\/a><\/li>\r\n                  <li><a\r\n                      href=\"https:\/\/www.flipkartcareers.com\/assets\/flipkart_pdf\/Equal_Opportunity_Policy_Flipkart.pdf\"\r\n                      target=\"_blank\">Equal Opportunity Policy<\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n\r\n              <!-- Col 3: Legal links -->\r\n              <div class=\"col-6 ps-lg-5\">\r\n                <ul class=\"list-unstyled mb-0 footer-links\">\r\n                  <li><a href=\"https:\/\/www.flipkart.com\/pages\/terms\" target=\"_blank\">Terms of Use<\/a><\/li>\r\n                  <li><a href=\"https:\/\/www.flipkart.com\/pages\/privacypolicy\" target=\"_blank\">Privacy\r\n                      Policy<\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n\r\n              <!-- Social icons: spans merged Col 2 + Col 3 -->\r\n              <div class=\"col-12 ps-lg-5\">\r\n                <div class=\"fk-social d-flex gap-4 align-items-center\">\r\n                  <!-- LinkedIn -->\r\n                  <a href=\"https:\/\/www.linkedin.com\/company\/flipkart\/\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" fill=\"#ffffff\" viewBox=\"0 0 16 16\">\r\n                      <path\r\n                        d=\"M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z\" \/>\r\n                    <\/svg>\r\n                  <\/a>\r\n                  <!-- Instagram -->\r\n                  <a href=\"https:\/\/www.instagram.com\/lifeatflipkart\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\">\r\n                      <path\r\n                        d=\"M23.1073,4.3306A1.4446,1.4446,0,1,0,21.663,5.7791a1.45,1.45,0,0,0,1.4443-1.4485ZM13.01,5.7807a7.2151,7.2151,0,1,0,7.208,7.2146A7.2075,7.2075,0,0,0,13.01,5.7807ZM25.9918,13.12c0,1.9159.022,3.8322-.006,5.7476a7.2237,7.2237,0,0,1-5.399,6.8873,6.8057,6.8057,0,0,1-1.7214.2295c-3.9072.0017-7.8149.0427-11.7212-.0132a6.97,6.97,0,0,1-6.27-3.7959,6.7,6.7,0,0,1-.8578-3.3476c-.0046-3.8968-.04-7.794.0115-11.69A6.97,6.97,0,0,1,3.7357.9106a6.867,6.867,0,0,1,3.53-.907c3.8819.001,7.764-.0125,11.6456.0071a6.8893,6.8893,0,0,1,4.5545,1.7279A7.03,7.03,0,0,1,25.8718,5.93a7.7869,7.7869,0,0,1,.1155,1.3339c.012,1.9519.0052,3.904.0052,5.8559Z\"\r\n                        fill=\"#ffffff\" fill-rule=\"evenodd\" \/>\r\n                      <path d=\"M12.9971,8.3571a4.6429,4.6429,0,1,1-4.64,4.6445,4.6422,4.6422,0,0,1,4.64-4.6445\"\r\n                        fill=\"#ffffff\" fill-rule=\"evenodd\" \/>\r\n                    <\/svg>\r\n                  <\/a>\r\n                  <!-- Facebook -->\r\n                  <a href=\"https:\/\/www.facebook.com\/workatflipkart\" target=\"_blank\" aria-label=\"Facebook\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" fill=\"#ffffff\" viewBox=\"0 0 16 16\">\r\n                      <path\r\n                        d=\"M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z\" \/>\r\n                    <\/svg>\r\n                  <\/a>\r\n                  <!-- X \/ Twitter -->\r\n                  <a href=\"https:\/\/x.com\/WorkAtFlipkart\" target=\"_blank\" aria-label=\"X\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 1483 1483\">\r\n                      <path\r\n                        d=\"M 304.292 302.750 C 307.279 307.012, 376.455 407.700, 458.017 526.500 C 539.579 645.300, 615.016 755.165, 625.656 770.645 C 636.295 786.125, 645 799.101, 645 799.481 C 645 799.861, 641.038 804.746, 636.196 810.336 C 631.354 815.926, 617.715 831.750, 605.889 845.500 C 594.062 859.250, 574.125 882.425, 561.584 897 C 549.044 911.575, 526.982 937.225, 512.557 954 C 498.133 970.775, 472.194 1000.934, 454.915 1021.020 C 401.474 1083.146, 393.762 1092.119, 353.081 1139.500 C 331.359 1164.800, 310.529 1188.990, 306.793 1193.256 C 303.057 1197.522, 300 1201.460, 300 1202.006 C 300 1202.647, 313.644 1203, 338.441 1203 L 376.881 1203 419.142 1153.750 C 442.386 1126.662, 465.315 1100, 470.095 1094.500 C 480.432 1082.608, 559.262 990.885, 565.888 983.040 C 574.077 973.540, 608.542 933.500, 640.464 896.422 C 650.027 885.367, 660.449 873.172, 680.113 851 C 680.507 851, 734.043 928.513, 799.084 1023.250 C 864.124 1117.987, 918.500 1197.178, 919.920 1199.229 L 922.500 1202.957 1054.357 1202.979 C 1162.791 1202.996, 1186.125 1202.767, 1185.710 1201.687 C 1185.270 1200.539, 1122.096 1108.393, 960.025 872.500 C 843.352 702.684, 828.283 678.706, 949.085 537.417 C 967.007 516.563, 1031.522 441.500, 1065.082 402.500 C 1107.162 353.510, 1155.872 296.717, 1157.165 295.100 C 1154.969 295, 1118.199 295, 1079.154 295 L 1061.788 315.250 C 1038.675 342.200, 985.030 404.532, 958.443 435.445 C 914.978 486, 877.960 529, 791.052 626.266 C 738.650 550.213, 676.500 459.661, 563.500 295.021 L 431.181 295.010 298.862 295 Z M 407.565 356.742 C 462.504 435.500, 735.717 826.486, 875.781 1027 C 920.539 1091.075, 958.373 1144.758, 959.327 1145.747 C 972.359 1145.961, 1019.267 1145.758, 1078.947 1145.500 L 922.776 922 C 836.881 799.075, 646.418 526.500, 526.232 354.500 L 465.996 354.242 Z\"\r\n                        fill=\"#ffffff\" fill-rule=\"evenodd\" \/>\r\n                    <\/svg>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <hr class=\"h-line my-0 mb-3\">\r\n\r\n        <div class=\"row align-items-center gy-1\">\r\n          <div class=\"col-md-6\">\r\n            <p class=\"footer-body mb-0\">\r\n              &copy; 2026 Flipkart Early Careers. All rights reserved.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"col-md-6 text-md-end\">\r\n            <div class=\"footer-partner-lockup\">\r\n              <p class=\"footer-partner-label mb-1\">Talent Engagement Partner<\/p>\r\n              <img decoding=\"async\" src=\"https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/MYCN_W.png\" alt=\"mycareernet\" class=\"footer-partner-logo\">\r\n             \r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/footer>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550 REGISTER MODAL \u2550\u2550\u2550\u2550 -->\r\n    <!-- Opened by all three \"Register\" CTAs (navbar + hero + about).\r\n       Replace the three href=\"#\" values below with your real registration URLs. -->\r\n    <div class=\"modal fade register-modal\" id=\"registerModal\" tabindex=\"-1\" aria-labelledby=\"registerModalTitle\"\r\n      aria-hidden=\"true\">\r\n      <div class=\"modal-dialog modal-dialog-centered\">\r\n        <div class=\"modal-content mx-2\">\r\n          <button type=\"button\" class=\"register-modal-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 16 16\"\r\n              aria-hidden=\"true\">\r\n              <path\r\n                d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z\" \/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <div class=\"register-modal-body p-4 p-lg-5\">\r\n            <h2 class=\"register-modal-eyebrow mb-4 pt-5 pt-lg-0\" id=\"registerModalTitle\">\r\n              Select your highest education\r\n            <\/h2>\r\n\r\n            <div class=\"d-flex flex-column gap-3\">\r\n              <!-- Bachelor's -->\r\n              <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/GRiD80UG\/apply?event=265130&job=279320\"\r\n                target=\"_blank\" class=\"edu-option\">\r\n                <span class=\"edu-option-icon\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" fill=\"currentColor\" viewBox=\"0 0 16 16\"\r\n                    aria-hidden=\"true\">\r\n                    <path\r\n                      d=\"M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z\" \/>\r\n                    <path\r\n                      d=\"M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z\" \/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"edu-option-text\">\r\n                  <span class=\"edu-option-title d-block\">Bachelor's<\/span>\r\n                  <span class=\"edu-option-desc d-block\">B.Tech, B.E., or equivalent degree<\/span>\r\n                <\/span>\r\n                <svg class=\"edu-option-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                  fill=\"currentColor\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\r\n                  <path fill-rule=\"evenodd\"\r\n                    d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n\r\n              <!-- Master's -->\r\n              <a href=\"http:\/\/mycareernet.co\/v2\/registration\/mycareernet\/GRiD80PGUG\/apply?event=265130&job=279320\"\r\n                target=\"_blank\" class=\"edu-option\">\r\n                <span class=\"edu-option-icon\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" fill=\"currentColor\" viewBox=\"0 0 16 16\"\r\n                    aria-hidden=\"true\">\r\n                    <path\r\n                      d=\"M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z\" \/>\r\n                    <path\r\n                      d=\"M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z\" \/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"edu-option-text\">\r\n                  <span class=\"edu-option-title d-block\">Master's<\/span>\r\n                  <span class=\"edu-option-desc d-block\">M.Tech, M.E., or equivalent degree<\/span>\r\n                <\/span>\r\n                <svg class=\"edu-option-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                  fill=\"currentColor\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\r\n                  <path fill-rule=\"evenodd\"\r\n                    d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n\r\n              <!-- PhD -->\r\n              <a href=\"https:\/\/mycareernet.co\/v2\/registration\/mycareernet\/GRiD80PHDPGUG\/apply?event=265130&job=279320\"\r\n                target=\"_blank\" class=\"edu-option\">\r\n                <span class=\"edu-option-icon\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" fill=\"currentColor\" viewBox=\"0 0 16 16\"\r\n                    aria-hidden=\"true\">\r\n                    <path\r\n                      d=\"M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z\" \/>\r\n                    <path\r\n                      d=\"M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z\" \/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"edu-option-text\">\r\n                  <span class=\"edu-option-title d-block\">PhD<\/span>\r\n                  <span class=\"edu-option-desc d-block\">Doctoral, dual, or equivalent programmes<\/span>\r\n                <\/span>\r\n                <svg class=\"edu-option-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                  fill=\"currentColor\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\r\n                  <path fill-rule=\"evenodd\"\r\n                    d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n  <!-- \u2550\u2550\u2550\u2550 \/page-clip wrapper \u2550\u2550\u2550\u2550 -->\r\n\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n  <!-- Hamburger: close on nav link click (same behaviour as index.html) -->\r\n  <script>\r\n    document.querySelectorAll('#navMenu .nav-link').forEach(link => {\r\n      link.addEventListener('click', () => {\r\n        const nav = document.getElementById('navMenu');\r\n        if (nav.classList.contains('show')) {\r\n          bootstrap.Collapse.getInstance(nav)?.hide();\r\n        }\r\n      });\r\n    });\r\n  <\/script>\r\n\r\n  <!-- Scroll reveal: fade\/slide-up sections, cards & staggers as they enter view -->\r\n  <script>\r\n    (function () {\r\n      var targets = document.querySelectorAll('.reveal, .reveal-stagger, .rounds-stagger');\r\n      if (!targets.length) return;\r\n\r\n      \/\/ No IntersectionObserver (old browsers) \u2192 just show everything\r\n      if (!('IntersectionObserver' in window)) {\r\n        targets.forEach(function (el) { el.classList.add('in-view'); });\r\n        return;\r\n      }\r\n\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            var el = entry.target;\r\n            el.classList.add('in-view');\r\n            observer.unobserve(el);\r\n            \/\/ Reveal fired \u2014 drop the will-change hint so the browser can\r\n            \/\/ release the GPU layers instead of holding them forever. Waits\r\n            \/\/ out the longest transition + stagger delay (~1.4s) before clearing\r\n            \/\/ the element and its direct children.\r\n            window.setTimeout(function () {\r\n              el.style.willChange = 'auto';\r\n              for (var i = 0; i < el.children.length; i++) {\r\n                el.children[i].style.willChange = 'auto';\r\n              }\r\n            }, 1500);\r\n          }\r\n        });\r\n      }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' });\r\n\r\n      targets.forEach(function (el) { observer.observe(el); });\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- Gallery fade-in: each \"Moments\" image softly fades once it finishes loading -->\r\n  <script>\r\n    (function () {\r\n      var grid = document.querySelector('.gallery-grid');\r\n      if (!grid) return;\r\n\r\n      \/\/ Opt in to the fade only when JS runs, so a no-JS load shows images normally.\r\n      grid.classList.add('fade-in');\r\n\r\n      var imgs = grid.querySelectorAll('img');\r\n      for (var i = 0; i < imgs.length; i++) {\r\n        (function (img) {\r\n          \/\/ Already cached\/complete (e.g. back-forward nav) \u2192 reveal immediately.\r\n          if (img.complete && img.naturalWidth > 0) {\r\n            img.classList.add('loaded');\r\n          } else {\r\n            img.addEventListener('load', function () { img.classList.add('loaded'); });\r\n            \/\/ If an image fails, don't leave the tile blank forever.\r\n            img.addEventListener('error', function () { img.classList.add('loaded'); });\r\n          }\r\n        })(imgs[i]);\r\n      }\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- Testimonials carousel arrows (same behaviour as \"Moments of Maximization\") -->\r\n  <script>\r\n    (function () {\r\n      var track = document.getElementById('testiTrack');\r\n      var prevBtn = document.getElementById('testiPrev');\r\n      var nextBtn = document.getElementById('testiNext');\r\n      if (!track || !prevBtn || !nextBtn) return;\r\n\r\n      function updateArrows() {\r\n        var atStart = track.scrollLeft <= 1;\r\n        var atEnd = track.scrollLeft >= track.scrollWidth - track.clientWidth - 1;\r\n        prevBtn.classList.toggle('testi-arrow--hidden', atStart);\r\n        nextBtn.classList.toggle('testi-arrow--hidden', atEnd);\r\n      }\r\n\r\n      prevBtn.addEventListener('click', function () {\r\n        track.scrollBy({ left: -track.clientWidth, behavior: 'smooth' });\r\n      });\r\n\r\n      nextBtn.addEventListener('click', function () {\r\n        track.scrollBy({ left: track.clientWidth, behavior: 'smooth' });\r\n      });\r\n\r\n      track.addEventListener('scroll', updateArrows, { passive: true });\r\n      window.addEventListener('resize', updateArrows);\r\n      updateArrows();\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- Testimonials: full content + modal population -->\r\n  <script>\r\n    (function () {\r\n      var TESTIMONIALS = [\r\n        {\r\n          name: 'Shiv Chetan Dixit',\r\n          role: 'Winter Intern | GRiD 7.0 Winner',\r\n          college: 'Nirma University',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/ShivChetanDixit-Modal.jpg',\r\n          quote: [\r\n            'Participating in Flipkart GRiD 7.0 was a transformative experience for me. It pushed me to go beyond theoretical knowledge to real application. Working on an end-to-end autosuggest and reranking pipeline helped me deeply understand how large-scale e-commerce systems operate in practice.',\r\n            'The journey was intense, fast-moving, and full of learning. The moment I realized I had made it to the finale ranking among the top 50 across India was truly surreal. Getting the opportunity to present my solution in front of some of the best tech minds was a once-in-a-lifetime experience.',\r\n            'My advice to future participants: stay calm and be patient. Focus on building solutions with real-world impact and don\\'t hesitate to experiment. Consistency and curiosity matter far more than perfection. Treat every challenge as a learning opportunity.'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Deepanshu Gupta',\r\n          role: 'SDE-1 | GRiD 7.0 Winner',\r\n          college: 'IIIT Allahabad',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/DeepanshuGupta-Modal.jpg',\r\n          quote: [\r\n            'GRiD was one of the most intense and rewarding experiences for me. It really pushed me to think deeper, move faster, and stay consistent even when things got tough. The kind of problems and competition you face here is on a whole different level - you\\'re constantly leveling up without even realizing it.',\r\n            'Winning GRiD was an incredible moment for us. It wasn\\'t just about the final result, but everything that led up to it - the late nights, the iterations, and the constant learning throughout the journey. It really strengthened how I approach problem-solving and high-pressure situations.',\r\n            'For anyone planning to participate - don\\'t overthink it. Just show up, stay consistent, and trust your process. You\\'ll come out way better than you started, and that\\'s the real win.'\r\n          ]\r\n        },\r\n        {\r\n          name: 'S Sreecharan',\r\n          role: 'Winter Intern | GRiD 7.0 Winner',\r\n          college: 'VIT Chennai',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/SSreecharan-Modal.jpg',\r\n          quote: [\r\n            'If I had to describe GRiD 7.0 in one word, it would be \\'whirlwind.\\' One minute I was clearing online rounds; the next, the Top 48 list dropped and we were in a digital scramble to form a team. Winning wasn\\'t just about tech\u2014it was about surviving a week-long sprint where the stakes were real and the feedback was immediate.',\r\n            'The experience forced us to stop building \\'features\\' and start building a \\'story.\\' What really stuck with me was learning how to think about a product at scale. You stop asking \\'does this work?\\' and start asking if it works for 400 million people. That shift in perspective is something I carry into everything I do now.',\r\n            'If you\\'re thinking about participating in GRiD, don\\'t overthink your prep. The competition rewards people who can think clearly under pressure. Focus on the \\'why\\' behind your design, build a story, and trust your team. Embrace 2 AM brainstorming sessions, and coffee. Lots of coffee. All the best!'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Jyotsna Shrivastava',\r\n          role: 'SDE-1 | GRiD 7.0 Runners Up',\r\n          college: 'Madhav Institute of Technology and Science',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/JyotsnaShrivastava-Modal.jpg',\r\n          quote: [\r\n            'Being the National Runner-Up was a special moment in my journey. It pushed me to grow technically, gave me the chance to work with a platform like Flipkart, and learn from some amazing people along the way.',\r\n            'The whole experience, especially the finale, is something I\\'ll always remember. Everything was so well-organised, and the energy throughout was just incredible.',\r\n            'If I had to share one thing with future participants, it would be this: don\\'t focus too much on making everything perfect. What really matters is your idea, how different and unique it is. Our solution wasn\\'t the most polished, but it stood out, and that made all the difference.'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Krishna Vijaykumar Randad',\r\n          role: 'Winter Intern | GRiD 7.0 Runners Up',\r\n          college: 'VIT Vellore',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/KrishnaVijaykumarRandad-Modal.jpg',\r\n          quote: [\r\n            'Participating in Flipkart GRiD 7.0 was a really valuable learning experience. It pushed me to think practically, work under pressure, and present ideas clearly in front of leaders at Flipkart. Finishing as a runner-up made the journey even more memorable, and the overall arrangement of the event was very well organized.',\r\n            'I would say to all future participants: focus on solving real problems, keep your approach simple, and communicate your ideas clearly. The experience itself teaches you a lot.'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Shrasthi Jain',\r\n          role: 'Winter Intern | GRiD 7.0 2nd Runners Up',\r\n          college: 'GLA University Mathura',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/ShrasthiJain-Modal.jpg',\r\n          quote: [\r\n            'Participating in Flipkart GRID 7 was an amazing experience that boosted my confidence, teamwork, and problem-solving skills. Being placed in a random team was exciting, as it gave me the chance to work with new people, learn different perspectives, and take ownership of my task.',\r\n            'The final presentation brought nervousness and excitement, making the journey even more memorable. Enjoying the Flipkart campus, unlimited coffee, fun events, and inspiring talks made the experience special.',\r\n            'My advice to future participants is to test your prototype well and enjoy every moment, because reaching such a platform is already a win. Don\\'t forget to bring the 3Cs: Confidence, Curiosity, and Cravings for snacks!'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Prashan Jeet Kumar',\r\n          role: 'Winter Intern | GRiD 7.0 2nd Runners Up',\r\n          college: 'NIT Kurukshetra',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/PrashanJeetKumar-Modal.jpg',\r\n          quote: [\r\n            'Participating in Flipkart GRiD 7.0 pushed me to step outside my comfort zone and adopt a practical, product-oriented mindset. It was a unique opportunity to translate ideas into scalable solutions under real-world constraints, providing deep exposure to how large-scale systems are optimized in e-commerce. Being recognized as the 2nd runner-up among 1,66,000+ participants was incredibly rewarding, especially the chance to present my work to experienced professionals and gain fresh perspectives on system thinking.',\r\n            'I am grateful to Flipkart for creating a platform that so effectively bridges academic learning with real-world application. For future participants, my advice is to stay consistent and focus on building solutions with real impact. The journey is demanding, but it is undoubtedly one of the most rewarding learning experiences you can have.'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Shivam Singh Parihar',\r\n          role: 'Winter Intern | GRiD 7.0 2nd Runners Up',\r\n          college: 'IIIT Allahabad',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/ShivamSinghParihar-Modal.jpg',\r\n          quote: [\r\n            'Participating in Flipkart GRiD taught me that this hackathon is less about technical complexity and more about how creatively you solve real-world problems. What truly makes a difference is your product intuition and how well you translate an idea into a practical, scalable solution. We prioritized user experience and smart design over-engineering, focusing on what actually makes sense in a real-world scenario.',\r\n            'Clarity of communication is vital. A well-structured presentation and the ability to explain your idea simply can significantly boost your chances, judges value impact just as much as implementation. My advice to future participants: understand the problem deeply before jumping into code. Prioritize simplicity and build something usable. Most importantly, enjoy the process, because the learning matters far beyond the competition itself.'\r\n          ]\r\n        },\r\n        {\r\n          name: 'Yashvardhan Yadav',\r\n          role: 'SDE-1 | GRiD 6.0 Winner',\r\n          college: 'IIT Kharagpur',\r\n          img: 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/YashvardhanYadav-Modal.jpg',\r\n          quote: [\r\n            'My path to Flipkart was unforgettable, starting as National Winners of Flipkart GRiD 6.0. Following a smooth interview process, what truly drew me in were core values like Audacity, Bias for Action, and Customer First. Seeing how Flipkart operates on these principles and trusts its engineers to build at scale made it the clear choice. Transitioning from college to a high-impact team was a big jump, but the culture really shined. From day one, my manager and senior developers were incredibly supportive, investing their time to explain core business logic rather than just expecting me to write code. It is an amazing experience moving from a hackathon to an environment that empowers you to understand real-world applications and drive innovation at an incredible scale.'\r\n          ]\r\n        }\r\n      ];\r\n\r\n      var modal = document.getElementById('testiModal');\r\n      if (!modal) return;\r\n\r\n      var imgEl = document.getElementById('testiModalImg');\r\n      var imgMobileEl = document.getElementById('testiModalImgMobile');\r\n      var quoteEl = document.getElementById('testiModalQuote');\r\n      var nameEl = document.getElementById('testiModalName');\r\n      var roleEl = document.getElementById('testiModalRole');\r\n      var collegeEl = document.getElementById('testiModalCollege');\r\n\r\n      modal.addEventListener('show.bs.modal', function (event) {\r\n        var trigger = event.relatedTarget;\r\n        if (!trigger) return;\r\n        var data = TESTIMONIALS[parseInt(trigger.getAttribute('data-testi'), 10)];\r\n        if (!data) return;\r\n\r\n        imgEl.src = data.img;\r\n        imgEl.alt = data.name;\r\n        \/\/ Mobile uses the landscape card image instead of the portrait modal image\r\n        imgMobileEl.src = 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/07\/' + data.name.replace(\/\\s+\/g, '') + '-Card.jpg';\r\n        imgMobileEl.alt = data.name;\r\n        nameEl.textContent = data.name;\r\n        roleEl.textContent = data.role;\r\n        collegeEl.textContent = data.college;\r\n        quoteEl.innerHTML = data.quote\r\n          .map(function (p) { return '<p>' + p + '<\/p>'; })\r\n          .join('');\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n\r\n\r\n  <!-- Dynamic hero stats (Views \/ Registrations) \u2014 live fetch -->\r\n  <script>\r\n    (function () {\r\n      function fmt(n) {\r\n        \/\/ Accept raw numbers (1234), numeric strings (\"1234\"), or\r\n        \/\/ pre-formatted strings with separators (\"1,234\" \/ \"12,34,567\").\r\n        \/\/ Strip everything except digits, decimal point, and sign, then\r\n        \/\/ re-group in the Indian numbering system.\r\n        var num = Number(String(n).replace(\/[^0-9.-]\/g, ''));\r\n        return isNaN(num) ? n : num.toLocaleString('en-IN');\r\n      }\r\n\r\n      function apply(views, registrations) {\r\n        var viewsEl = document.getElementById('statViews');\r\n        var regEl = document.getElementById('statRegistrations');\r\n        if (viewsEl && views != null) viewsEl.textContent = fmt(views);\r\n        if (regEl && registrations != null) regEl.textContent = fmt(registrations);\r\n      }\r\n\r\n      async function getStats() {\r\n        const oAuthIntegrationGuid = '13ecc50141f241729811505e732a4555',\r\n          oAuthClientId = 'ffc8f9d0-73ed-40d7-952d-b3b21dd136cd',\r\n          baseDomain = 'https:\/\/mycareernet.co';\r\n\r\n        async function getTokenData() {\r\n          const cachedSessionInfoKey = window.btoa(\r\n            `${window.location.pathname}_access_token`\r\n          );\r\n          try {\r\n            const cachedSessionInfo = JSON.parse(\r\n              sessionStorage.getItem(cachedSessionInfoKey)\r\n            );\r\n            if (!cachedSessionInfo) {\r\n              throw new Error('session info not found');\r\n            }\r\n            const now = parseInt(new Date().getTime() \/ 1000) + 10; \/\/ take a leeway of 10 seconds\r\n            if (now - cachedSessionInfo.createdAt > cachedSessionInfo.expires_in) {\r\n              throw new Error('Session expired, continue to generate a new token');\r\n            }\r\n            return cachedSessionInfo;\r\n          } catch (e) {\r\n            const tokenDataReq = await fetch(\r\n              `${baseDomain}\/py\/oauth2\/${oAuthIntegrationGuid}\/access_token\/`,\r\n              {\r\n                headers: {\r\n                  accept: 'application\/json, text\/plain, *\/*',\r\n                  'app-name': 'hackathon',\r\n                  'x-applma': 'true',\r\n                },\r\n                body: JSON.stringify({ client_id: oAuthClientId }),\r\n                method: 'POST',\r\n              }\r\n            );\r\n            if (!tokenDataReq.ok) {\r\n              throw new Error('Authorization failed to get event stats');\r\n            }\r\n            const sessionInfo = await tokenDataReq.json();\r\n            sessionInfo['createdAt'] = parseInt(new Date().getTime() \/ 1000);\r\n            sessionStorage.setItem(cachedSessionInfoKey, JSON.stringify(sessionInfo));\r\n            return sessionInfo;\r\n          }\r\n        }\r\n\r\n        const tokenData = await getTokenData();\r\n        const eventSlug = 'vidyarthini4.0.html', \/\/ TODO: set this to the real Vidyarthini 4.0 event slug\r\n          eventDetailsReq = await fetch(\r\n            `${baseDomain}\/py\/crpo\/marketing_event\/candidate\/api\/v1\/getBySlug\/`,\r\n            {\r\n              headers: {\r\n                accept: 'application\/json, text\/plain, *\/*',\r\n                'app-name': 'hackathon',\r\n                authorization: `${tokenData.token_type} ${tokenData.access_token}`,\r\n                'x-applma': 'true',\r\n              },\r\n              body: JSON.stringify({ slug: eventSlug }),\r\n              method: 'POST',\r\n            }\r\n          );\r\n        if (!eventDetailsReq.ok) {\r\n          throw new Error('Unable to get event stats');\r\n        }\r\n        const event_details = await eventDetailsReq.json();\r\n\r\n        const views = event_details.data.entitySummary.currentCount;\r\n        const registrations =\r\n          event_details.data.marketingEvent.applicantSummary.registered;\r\n\r\n        apply(views, registrations);\r\n      }\r\n\r\n      \/\/ Keep the hardcoded seed numbers if the fetch fails.\r\n      getStats().catch(function (err) {\r\n        console.error('Hero stats unavailable:', err);\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- Carry incoming UTM \/ query-string params onto the registration URLs -->\r\n  <script>\r\n    (function () {\r\n      var incoming = document.location.search.replace('?', '');\r\n      if (!incoming) return; \/\/ no params to pass through\r\n\r\n      var links = document.querySelectorAll('.edu-option');\r\n      for (var i = 0; i < links.length; i++) {\r\n        var href = links[i].getAttribute('href');\r\n        \/\/ Target URLs already carry ?event=&job=, so append with '&'.\r\n        var sep = href.indexOf('?') === -1 ? '?' : '&';\r\n        links[i].setAttribute('href', href + sep + incoming);\r\n      }\r\n    })();\r\n  <\/script>\r\n  <script>\r\n      (function() {\r\n          var existingFavicons = document.querySelectorAll(\"link[rel~='icon'], link[rel='shortcut icon']\");\r\n          existingFavicons.forEach(function(link) {\r\n              link.parentNode.removeChild(link);\r\n          });\r\n  \r\n          var newFavicon = document.createElement('link');\r\n          newFavicon.rel = 'icon';\r\n          newFavicon.type = 'image\/png';\r\n          newFavicon.href = 'https:\/\/mycareernet.co\/events\/wp-content\/uploads\/2026\/06\/favicon.png';\r\n  \r\n          document.head.appendChild(newFavicon);\r\n      })();\r\n    <\/script>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n      document.querySelectorAll('link[href*=\"wp-content\/themes\/finpath-child\/style.css\"]')\r\n          .forEach(function(el) {\r\n              el.remove();\r\n          });\r\n  });\r\n  <\/script>\r\n\r\n  \r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n      document.querySelectorAll('link[href*=\"wp-content\/themes\/finpath\/assets\/css\/global.css\"]')\r\n          .forEach(function(el) {\r\n              el.remove();\r\n          });\r\n  });\r\n  <\/script>\r\n\r\n<script>\r\n  window.addEventListener('load', function () {\r\n      document.querySelectorAll('link[href*=\"\/plugins\/elementor\/assets\/css\/frontend.min.css\"]')\r\n          .forEach(function(link) {\r\n              link.remove();\r\n          });\r\n  });\r\n  <\/script>\r\n\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>Rewards Moments Journey FAQs Register Views&nbsp;:&nbsp;\u2014 | Registrations&nbsp;:&nbsp;\u2014 Flipkart Headquarter In-person Immersion Women in Supply ChainCampus Program Registrations Start July 17, 2026 10:00 AM Registrations End July 20, 2026 11:55 PM Register Now BREAKING BARRIERS, EMPOWERING FUTURES. We&rsquo;re pleased to announce the launch of Vidyarthini 4.0, our flagship Women in Supply Chain Campus Program. This [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":31770,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31549","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/31549","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=31549"}],"version-history":[{"count":93,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/31549\/revisions"}],"predecessor-version":[{"id":32108,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/pages\/31549\/revisions\/32108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media\/31770"}],"wp:attachment":[{"href":"https:\/\/mycareernet.co\/events\/wp-json\/wp\/v2\/media?parent=31549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}