PageSourceSearch

https://cracku.in/store

html cracku.in collected 2026-09-24 12:34:15 UTC 299,235 bytes, 4,016 lines download raw bytes

1
2
3
4
5
6
7
8<!DOCTYPE html>
9<html lang="en" class="scroll-smooth">
10<head>
11    
12    <meta charset="UTF-8">
13    <meta name="viewport" content="width=device-width, initial-scale=1.0">
14    <meta name="robots" content="max-image-preview:large">
15    
16    
17        <title>Buy Cracku CAT Books, Branded T-Shirts - Cracku Store</title>
18    
19
20    
21        
22            <meta property="og:title" content="Buy Cracku CAT Books, Branded T-Shirts - Cracku Store" />
23        
24    
25
26    
27        <meta name="description" content="Get Cracku CAT Formula and Previous Papers Book and also get branded t-shirts of high quality. Check out here for T-shirts, Books available at the online Cracku store. Shop now! Explore the wide selection of CAT preparation materials and high-quality branded t-shirts at the Cracku online store." />
28    
29    
30        <meta property="og:description" content="Get Cracku CAT Formula and Previous Papers Book and also get branded t-shirts of high quality. Check out here for T-shirts, Books available at the online Cracku store. Shop now! Explore the wide selection of CAT preparation materials and high-quality branded t-shirts at the Cracku online store." />
31    
32    
33        
34            <meta name="keywords" content="cat previous year paper book, cat exam books, cracku, cracku t-shirt, cracku branded t-shirt, cracku t shirt, cracku store, cat previous papers books, cat previous papers, cat fomula book, cat books for preparation, best book for cat previous year papers, best book for cat exam, best books for cat preparation 2022, cat 2023 preparation material, cat preparation books" />
35        
36    
37    
38        
39        <meta property="og:image" content="https://cracku.in/media/images/Cracku_Store_C03c7BA.png" />
40        
41    
42    
43        <meta property="og:url" content="https://cracku.in/store" />
44    
45    
46      <meta property="date:published" content="Dec. 24, 2024, 5:12 p.m." />
47    
48    
49      <meta property="date:modified" content="Dec. 24, 2024, 5:13 p.m." />
50    
51    
52    
53    <link rel="canonical" href="https://cracku.in/store" />
54    
55    
56    
57    
58    
59    
60      
61      
61<script type="application/ld+json">
62        {
63          "@context": "https://schema.org/",
64          "@type": "Product",
65          "name": "Buy Cracku CAT Books, Branded T-Shirts - Cracku Store",
66          "brand": {
67            "@type": "Brand",
68            "name": "Cracku"
69          },
70          "aggregateRating": {
71            "@type": "AggregateRating",
72            "ratingValue": "4.8",
73            "reviewCount": "3479"
74          }
75        }
76        </script>
76
77        
78    
79    <meta name="google-signin-client_id" content="408792131076-3sf7pf4fgttdl6llius99vg4gr2cq3me.apps.googleusercontent.com">
80  <link rel="icon" type="image/x-icon" href="/static/img/favicon.40cc339c919c.ico">
81  <link rel="manifest" href="/manifest.json">
82  
83    <link rel="preload" href="/static/src/fonts/Montserrat/static/Montserrat-Regular.2fa8f18b94db.woff2" as="font" type="font/woff2"  crossorigin>
84    <link rel="preload" href="/static/src/fonts/Montserrat/static/Montserrat-Medium.98fb9deaafb7.woff2" as="font" type="font/woff2"  crossorigin>
85    <link rel="preload" href="/static/src/fonts/Montserrat/static/Montserrat-Bold.d3582d0762e9.woff2" as="font" type="font/woff2"  crossorigin>
86    <link rel="preload" href="/static/src/fonts/Montserrat/static/Montserrat-SemiBold.dbe23a14ab85.woff2" as="font"  type="font/woff2" crossorigin>
87    
88    <link rel="preload" href="/static/src/img/cracku_logo.367ff796ef78.webp" as="image" type="image/webp">
89    <link rel="stylesheet" href="/static/src/tailwind_landing.min.247f809a6aee.css">
90    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
91    
91<script  src="https://cdn.jsdelivr.net/npm/umbrellajs"></script>
91 
92    
93    
94
95
96<!-- Meta Pixel -->
97<script id="meta-pixel-config" type="application/json">{"pixel_id": "456240387180438", "user_data": {}, "pending": []}</script>
vendor: 1 bytes, line 97
97
98<script>
99!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
100n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
101n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
102t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
103document,'script','https://connect.facebook.net/en_US/fbevents.js');
104(function () {
105    var cfg = JSON.parse(document.getElementById('meta-pixel-config').textContent);
106    fbq('init', cfg.pixel_id, cfg.user_data || {});
107    fbq('track', 'PageView');
108    (cfg.pending || []).forEach(function (ev) {
109        fbq('track', ev.name, {}, {eventID: ev.id});
110    });
111})();
112</script>
112
113<noscript><img height="1" width="1" style="display:none"
114  src="https://www.facebook.com/tr?id=456240387180438&ev=PageView&noscript=1"/></noscript>
115<!-- End Meta Pixel -->
116
117
118
119
120<!-- OpenAI Ads Pixel -->
121<script id="openai-pixel-config" type="application/json">{"pixel_id": "TuAYarcLu7pojumFtqRAPb", "user": {}, "pending": []}</script>
vendor: 1 bytes, line 121
121
122<script>
123(function (w, d, s, u) {
124    if (w.oaiq) return;
125    var q = function () { q.q.push(arguments); };
126    q.q = [];
127    w.oaiq = q;
128    var js = d.createElement(s);
129    js.async = true;
130    js.src = u;
131    var f = d.getElementsByTagName(s)[0];
132    f.parentNode.insertBefore(js, f);
133})(window, document, 'script', 'https://bzrcdn.openai.com/sdk/oaiq.min.js');
134(function () {
135    var cfg = JSON.parse(document.getElementById('openai-pixel-config').textContent);
136    var init = {pixelId: cfg.pixel_id};
137    if (cfg.user && Object.keys(cfg.user).length) { init.user = cfg.user; }
138    oaiq('init', init);
139    var names = {CompleteRegistration: 'registration_completed'};
140    (cfg.pending || []).forEach(function (ev) {
141        var type = names[ev.name];
142        if (type) { oaiq('measure', type, {type: 'customer_action'}, {event_id: ev.id}); }
143    });
144})();
145</script>
145
146<!-- End OpenAI Ads Pixel -->
147
148
149
150    
151    
152    <!-- 
153        
153<script src="https://accounts.google.com/gsi/client"></script>
153
154     -->
155    
156    
157    
158    <!-- Google Tag Manager -->
159    
159<script>
vendor: 359 bytes, lines 159-163
159(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
160        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
161        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
162        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
163        })(window,document,'script','dataLayer','
163GTM-KC52KJD
vendor: 3 bytes, line 163
163');
163</script>
163
164    <!-- End Google Tag Manager -->
165    
166
167    
168    
169    
170    
171    
171<script>
172        
173        var currentUserId ='';
174        
175        (function(c,l,a,r,i,t,y){
176            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
177            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
178            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
179            
180        })(window, document, "clarity", "script", "nu8t4i93wq");
181        
182    </script>
182
183    
184    
185    
186    
186<script type="text/javascript">
187        var is_loggedin =  false 
188    </script>
vendor: 68 bytes, lines 188-189
188
189    <script async src="https://www.googletagmanager.com/gtag/js?id=
189AW-702721535
vendor: 16 bytes, lines 189-190
189"></script>
190    
190<!-- Push Notifications send pulse  -->
191    
192    
193
194    
195<style>
196    @keyframes hero-book-orbit {
197        0%, 100% {
198            transform: translateX(-130px) scale(0.82);
199            z-index: 1;
200            opacity: 0.85;
201        }
202        33.33% {
203            transform: translateX(0) scale(1);
204            z-index: 3;
205            opacity: 1;
206        }
207        66.66% {
208            transform: translateX(130px) scale(0.82);
209            z-index: 2;
210            opacity: 0.85;
211        }
212    }
213    .hero-book {
214        animation: hero-book-orbit 9s ease-in-out infinite;
215        transform-origin: center center;
216        will-change: transform, opacity;
217    }
218    .hero-book.delay-1 { animation-delay: 0s; }
219    .hero-book.delay-2 { animation-delay: -3s; }
220    .hero-book.delay-3 { animation-delay: -6s; }
221</style>
222
223    <style>
224        .cl-dialog{
225            z-index: 10 !important;
226        }
227        @keyframes bg-gradient-reverse {
228            0% { background-position: 0% 50%; }
229            100% { background-position: 100% 50%; }
230        }
231    </style>
232</head>
233<body class="bg-[#F7F9FB] [&.dark]:bg-[#121212] overflow-x-hidden [&.dark]:text-dark-300 dark:bg-[#121212] dark:text-dark-300">
234    
235    
236    <!-- yolo black screen  -->
237     <div class="hidden yolo fixed inset-0 text-center text-white bg-black/90 py-10 z-[999]">
238        <p class="text-3xl sm:text-5xl">Sign in </p>
239        <p class="text-base sm:text-xl mt-1.5 sm:mt-3">Please select an account to continue using cracku.in</p>
240        <p class="yolo-arrow text-8xl">
241            <span class="inline-block md:hidden">&#8595;</span>
242            <span class="hidden md:inline-block">&#8594;</span>
243        </p>
244     </div>
245    
246    
246<script type="application/ld+json">
247        {
248            "@context": "https://schema.org",
249            "@type": "EducationalOrganization",
250            "@id": "https://cracku.in/#organization",
251            "url": "https://cracku.in/",
252            "name": "Cracku",
253            "logo": "https://cracku.in/static/assets/landing-static/img/logo-light-min.png",
254            "sameAs": [
255                "https://www.facebook.com/crackuexam/",
256                "https://twitter.com/CrackuExam",
257                "https://www.linkedin.com/company/cracku/",
258                "https://www.youtube.com/channel/UCjrG4n3cS6y45BfCJjp3boQ"
259            ]
260        }
261        </script>
261
262    
263<script>
264    window.dataLayer = window.dataLayer || [];
265    function gtag() { dataLayer.push(arguments); }
266</script>
266
267
268
269<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 269-270
269
270<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
270GTM-KC52KJD
vendor: 83 bytes, lines 270-271
270"
271height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
272<!-- End Google Tag Manager (noscript) -->
vendor: 65 bytes, lines 272-274
272
273
274<script async src="https://www.googletagmanager.com/gtag/js?id=
274G-PE3F3BTYYP
vendor: 12 bytes, line 274
274"></script>
275<script>
276    gtag('js', new Date());
277
278    gtag('config', 'G-PE3F3BTYYP');
279</script>
279
280
281<script type="module">
282    // Self-hosted, pinned to an exact version. Loading this from a third-party CDN put
283    // the site's own performance measurement behind unpkg: a block or outage silently
284    // measured nothing, and `@4` let upstream minor releases change production.
285    //
286    // Deliberately the STATIC_URL context variable rather than the static template
287    // tag. STATICFILES_STORAGE is ManifestStaticFilesStorage, and that tag raises
288    // "Missing staticfiles manifest entry" for any file collectstatic has not seen
289    // yet -- while this partial renders on every page. Workers respawn every few
290    // minutes, so one starting between the pull and the end of collectstatic would
291    // 500 the entire site for the rest of its life. The version is already pinned in
292    // the filename, so hashed cache-busting buys nothing here, and a late
293    // collectstatic costs a 404 on one script instead of an outage.
294    import { onCLS, onINP, onLCP, onTTFB, onFCP } from "/static/js/vendor/web-vitals-4.2.4.attribution.js";
295
296    function getSelector(node, maxLen = 100) {
297        let sel = '';
298        try {
299            while (node && node.nodeType !== 9) {
300                const part = node.id ? '#' + node.id : node.nodeName.toLowerCase() + (
301                    (node.className && node.className.length) ?
302                        '.' + Array.from(node.classList.values()).join('.') : '');
303                if (sel.length + part.length > maxLen - 1) return sel || part;
304                sel = sel ? part + '>' + sel : part;
305                if (node.id) break;
306                node = node.parentNode;
307            }
308        } catch (err) {
309            // Do nothing...
310        }
311        return sel;
312    }
313
314    function getLargestLayoutShiftEntry(entries) {
315        return entries.reduce((a, b) => a && a.value > b.value ? a : b);
316    }
317
318    function getLargestLayoutShiftSource(sources) {
319        return sources.reduce((a, b) => {
320            return a.node && a.previousRect.width * a.previousRect.height >
321                b.previousRect.width * b.previousRect.height ? a : b;
322        });
323    }
324
325    function getDebugInfo(name, entries = []) {
326        if (entries.length) {
327            if (name === 'LCP') {
328                const lastEntry = entries[entries.length - 1];
329                return {
330                    debug_target: getSelector(lastEntry.element),
331                    event_time: Math.round(lastEntry.startTime),
332                };
333            } else if (name === 'INP') {
334                const lastEntry = entries[entries.length - 1];
335                return {
336                    debug_target: getSelector(lastEntry.target),
337                    debug_event: lastEntry.name,
338                    event_time: Math.round(lastEntry.startTime),
339                };
340            } else if (name === 'CLS') {
341                const largestEntry = getLargestLayoutShiftEntry(entries);
342                if (largestEntry && largestEntry.sources && largestEntry.sources.length) {
343                    const largestSource = getLargestLayoutShiftSource(largestEntry.sources);
344                    if (largestSource) {
345                        return {
346                            debug_target: getSelector(largestSource.node),
347                            event_time: Math.round(largestEntry.startTime),
348                        };
349                    }
350                }
351            }
352        }
353        // Omit the key rather than sending a placeholder. TTFB and FCP never match the
354        // branches above -- they have no element -- so returning the literal string
355        // '(not set)' meant 100% of their rows carried a value that reports cannot
356        // distinguish from a genuinely absent dimension. That is exactly the signal used
357        // to diagnose missing-parameter bugs, so a fake one is worse than nothing.
358        return {};
359    }
360
361    // Ceilings for obviously broken measurements. Background tabs and clock glitches
362    // produce absurd values -- INP has arrived as 2147483647 (INT32 max), and 59 such
363    // events accounted for 99% of the entire INP value sum in GA4.
364    const VALUE_CEILING = { CLS: 5000, INP: 60000, LCP: 60000, FCP: 60000, TTFB: 60000 };
365
366    // Google's recipe: send integers, and scale CLS by 1000 so it survives as one.
367    //
368    // The earlier comment here blamed high cardinality for the ~77% of events arriving
369    // with blank parameters. That was wrong, and is worth recording so nobody re-derives
370    // it: a 2026-09-02 network capture showed every metric arriving TWICE, once with
371    // parameters and once without. GTM tag 32 re-sends every dataLayer event into the
372    // same property carrying only Facebook's parameters. Rounding is still correct --
373    // integers are what Google's recipe asks for -- it just never was the fix.
374    function toInt(name, v) {
375        return Math.round(name === 'CLS' ? v * 1000 : v);
376    }
377
378    function sendToGoogleAnalytics({ name, value, id, rating, entries }) {
379        const rounded = toInt(name, value);
380        if (!Number.isFinite(rounded) || rounded < 0 || rounded > (VALUE_CEILING[name] || 60000)) {
381            return;
382        }
383        gtag('event', name, {
384            // `value` is GA4's reserved monetary parameter, and feeding it milliseconds
385            // put ~8M/week of fake event value into revenue reporting. `metric_delta` was
386            // never registered as a custom dimension, so GA4 discarded it on ingest.
387            // Both dropped. `metric_id` is still sent though also unregistered: it costs
388            // nothing and becomes the per-measurement dedup key once BigQuery export is on.
389            metric_id: id,
390            // The same number twice, on purpose. GA4 refuses to register one parameter
391            // as both a custom dimension and a custom metric: metric_value is the
392            // DIMENSION (percentiles, which is what CWV is graded on) and metric_num is
393            // the METRIC (sums and counts for fetch_date_wise_web_vitals and the
394            // pagespeed tool's means). The old `value` metric has had no source since
395            // 2026-09-02, which is why this exists.
396            metric_value: rounded,
397            metric_num: rounded,
398            // good / needs-improvement / poor, straight from web-vitals. Only three
399            // values, so it costs no row budget, and it is the split Google grades on.
400            // The name must match the `event_rating` dimension registered in GA4.
401            event_rating: rating,
402            ...getDebugInfo(name, entries)
403        });
404    }
405
406    onLCP(sendToGoogleAnalytics);
407    onINP(sendToGoogleAnalytics);
408    onCLS(sendToGoogleAnalytics);
409    onTTFB(sendToGoogleAnalytics);
410    onFCP(sendToGoogleAnalytics);
411</script>
411
412
413
414    
415    
416        
417
418
419
420<header id="megaNavHeader" class="sticky top-0 antialiased bg-white z-50 dark:bg-dark-900 transition-transform duration-[400ms] ease-[ease-in] will-change-transform">
421    <!-- Exam switcher / utility strip -->
422    <div id="megaNavTopStrip" class="hidden lg:block relative z-20 w-full transition-transform duration-[400ms] ease-[ease-in] will-change-transform bg-primary-900">
423        <div class="container h-[42px] flex items-stretch justify-between gap-4">
424            
425            <div class="flex items-stretch min-w-0 text-[11px] 2xl:text-xs whitespace-nowrap overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
426                
427                <a href="/" onclick="setCookie('nav_exam_course','CAT \u0026 OMETs')"
428                    class="inline-flex items-center h-full px-2 xl:px-4 2xl:px-5 tracking-[0.36px] text-white bg-primary-700 font-semibold">CAT &amp; OMETs</a>
429                
430                <a href="/jee" onclick="setCookie('nav_exam_course','JEE')"
431                    class="inline-flex items-center h-full px-2 xl:px-4 2xl:px-5 tracking-[0.36px] text-white font-medium hover:bg-primary-800">JEE</a>
432                
433                <a href="/jee-foundation-course" onclick="setCookie('nav_exam_course','JEE Foundation')"
434                    class="inline-flex items-center h-full px-2 xl:px-4 2xl:px-5 tracking-[0.36px] text-white font-medium hover:bg-primary-800">JEE Foundation</a>
435                
436                <a href="/ipmat" onclick="setCookie('nav_exam_course','IPMAT')"
437                    class="inline-flex items-center h-full px-2 xl:px-4 2xl:px-5 tracking-[0.36px] text-white font-medium hover:bg-primary-800">IPMAT</a>
438                
439                <a href="/gmat-course" onclick="setCookie('nav_exam_course','GMAT')"
440                    class="inline-flex items-center h-full px-2 xl:px-4 2xl:px-5 tracking-[0.36px] text-white font-medium hover:bg-primary-800">GMAT</a>
441                
442                
443                <span class="font-medium hover:bg-primary-700">
444                    <a href="/adda" class="inline-flex items-center h-full tracking-[0.36px] px-1.5 xl:px-2 2xl:px-2.5 bg-gradient-to-r from-warning-200 to-warning-400 bg-clip-text text-transparent">Adda</a>
445                </span>
446                <span class="font-medium hover:bg-primary-700">
447                    <a href="/cat/success-stories" class="inline-flex items-center h-full tracking-[0.36px] px-1.5 xl:px-2 2xl:px-2.5 bg-gradient-to-r from-warning-200 to-warning-400 bg-clip-text text-transparent">Success Stories</a>
448                </span>
449                
450            </div>
451            
452            <div class="flex items-center gap-1 2xl:gap-2 shrink-0">
453                <div id="navSearch" class="relative hidden lg:block shrink-0 h-[28px] w-[clamp(112px,12vw,200px)]">
454    <!-- Dim overlay shown while the search is open -->
455    <div id="navSearchOverlay" class="hidden fixed inset-0 bg-black/50 z-40"></div>
456
457    <div id="navSearchBox" data-open="false"
458        class="group/nsearch absolute right-0 top-0 z-50 flex items-center h-[28px] w-full rounded-[6px] bg-primary-800 transition-[width,background-color] duration-200 ease-out
459               data-[open=true]:w-[clamp(256px,26vw,368px)] data-[open=true]:bg-white">
460        <svg class="absolute left-3 w-4 h-4 shrink-0 pointer-events-none text-dark-300" aria-hidden="true"
461            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
462            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
463                d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"></path>
464        </svg>
465        <input id="searchInput" required="" autocomplete="off"
466            class="w-full h-[28px] py-0 pl-[38px] pr-3 text-xs font-medium rounded-[6px] border-0 bg-transparent text-white caret-white group-data-[open=true]/nsearch:text-dark-900 group-data-[open=true]/nsearch:caret-black placeholder:text-dark-300 focus:ring-0" type="search"
467            value="" placeholder="Search courses, exams...">
468
469        <!-- Suggestions / results panel -->
470        <div id="navSearchPanel"
471            class="hidden absolute top-full left-1/2 -translate-x-1/2 mt-[15px] w-[clamp(304px,30vw,421px)] max-w-[calc(100vw-2rem)] rounded-lg bg-white dark:bg-dark-900 shadow-[0_2px_20px_0_rgba(0,0,0,0.25)] z-50">
472            <div class="max-h-[70vh] overflow-y-auto px-[22px] py-2.5">
473
474                <ul id="searchInputResults" class="hidden"></ul>
475
476                <ul id="blogSearchResults" class="hidden"></ul>
477
478                <div id="recentSearchesBlock" class="hidden">
479                    <div class="flex items-center gap-2 py-1">
480                        <span class="text-xs font-semibold text-[#6C7789] dark:text-dark-300">Recent Searches</span>
481                        <svg class="w-4 h-4 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
482                            <path d="M8 2.4a5.6 5.6 0 1 0 0 11.2 5.6 5.6 0 0 0 0-11.2Z" stroke="#8A98A7" stroke-width="1.5"/>
483                            <path d="M8 5.2V8.4l2.2 1.9" stroke="#8A98A7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
484                        </svg>
485                    </div>
486                    <ul id="recentSearchResults" class="flex flex-col gap-3 mt-2"></ul>
487                </div>
488
489                <div id="trendingSearchesBlock" class="hidden">
490                    <div class="flex items-center py-2 mt-5 border-t border-[#EAEDEF] dark:border-dark-700">
491                        <span class="text-xs font-semibold text-[#6C7789] dark:text-dark-300">Trending Searches</span>
492                    </div>
493                    <ul id="trendingSearchResults" class="flex flex-col gap-3"></ul>
494                </div>
495
496            </div>
497        </div>
498    </div>
499</div>
500<script>
501    document.addEventListener("DOMContentLoaded", function () {
502
503        const input = document.getElementById("searchInput");
504        const searchBox = document.getElementById("navSearchBox");
505        const panel = document.getElementById("navSearchPanel");
506        const overlay = document.getElementById("navSearchOverlay");
507        const resultsContainer = document.getElementById("searchInputResults");
508        const trendingContainer = document.getElementById("trendingSearchResults");
509        const trendingBlock = document.getElementById("trendingSearchesBlock");
510        const recentContainer = document.getElementById("recentSearchResults");
511        const recentBlock = document.getElementById("recentSearchesBlock");
512        const blogSearchResults = document.getElementById("blogSearchResults");
513        const trendingExam = "cat";
514        const RECENT_KEY = "crackuNavRecentSearches";
515
516        // #megaNavHeader animates with will-change:transform, which makes it the
517        // containing block for fixed children, so the dim overlay only covers the
518        // header while it lives inside it. Move it to <body> to cover the page.
519        if (overlay && overlay.parentElement !== document.body) {
520            document.body.appendChild(overlay);
521        }
522
523        let debounceTimer;
524        let lastQuery = "";
525        let trendingLoaded = false;
526        let hasResults = false;
527
528        function show(el) { el.classList.remove("hidden"); }
529        function hide(el) { el.classList.add("hidden"); }
530
531        // ---- expand into the free space, never over the exam links ----
532        const MIN_OPEN = 180, MAX_OPEN = 380, GUTTER = 16;
533
534        const stripRow = searchBox.closest(".container");
535        const stripLinks = stripRow && stripRow.firstElementChild
536            && !stripRow.firstElementChild.contains(searchBox)
537            ? stripRow.firstElementChild : null;
538
539        if (stripLinks) stripLinks.style.transition = "max-width .2s ease-out";
540
541        function fitSearchWidth() {
542            if (!stripLinks) return;                      // fall back to the CSS clamp
543            const boxRight = searchBox.getBoundingClientRect().right;
544            const links = stripLinks.getBoundingClientRect();
545            const free = boxRight - links.right - GUTTER;
546            const w = Math.round(Math.max(MIN_OPEN, Math.min(free, MAX_OPEN)));
547            searchBox.style.width = w + "px";
548            stripLinks.style.maxWidth = Math.max(0, Math.round(boxRight - w - GUTTER - links.left)) + "px";
549        }
550
551        function resetSearchWidth() {
552            searchBox.style.width = "";
553            if (stripLinks) stripLinks.style.maxWidth = "";
554        }
555
556        function openSearch() {
557            searchBox.dataset.open = "true";
558            fitSearchWidth();
559            show(panel);
560            show(overlay);
561        }
562
563        function closeSearch() {
564            searchBox.dataset.open = "false";
565            resetSearchWidth();
566            hide(panel);
567            hide(overlay);
568            input.blur();
569        }
570
571        function removePointerNone(){
572            trendingContainer.querySelectorAll("a").forEach(link => {
573                link.classList.remove("pointer-events-none");
574            });
575        }
576
577        // ---- recent searches (current browser session only) ----
578        function getRecent() {
579            try { return JSON.parse(sessionStorage.getItem(RECENT_KEY)) || []; }
580            catch (e) { return []; }
581        }
582
583        function saveRecent(list) {
584            try { sessionStorage.setItem(RECENT_KEY, JSON.stringify(list.slice(0, 5))); }
585            catch (e) { /* private mode / quota */ }
586        }
587
588        function addRecent(query, url) {
589            query = (query || "").trim();
590            if (!query) return;
591            const list = getRecent().filter(item => item.query.toLowerCase() !== query.toLowerCase());
592            list.unshift({ query: query, url: url || "" });
593            saveRecent(list);
594            renderRecent();
595        }
596
597        function removeRecent(query) {
598            saveRecent(getRecent().filter(item => item.query !== query));
599            renderRecent();
600        }
601
602        function renderRecent() {
603            const list = getRecent();
604            recentContainer.innerHTML = "";
605            if (!list.length) {
606                hide(recentBlock);
607                return;
608            }
609            list.forEach(item => {
610                const li = document.createElement("li");
611                li.className = "flex items-center justify-between gap-3 h-6";
612                const link = document.createElement("a");
613                link.className = "text-sm text-dark-900 dark:text-dark-100 truncate hover:text-primary";
614                link.textContent = item.query;
615                link.href = item.url || "javascript:void(0)";
616                if (!item.url) {
617                    link.addEventListener("click", function (e) {
618                        e.preventDefault();
619                        input.value = item.query;
620                        hide(recentBlock);
621                        hide(trendingBlock);
622                        fetchResults(item.query, false);
623                    });
624                }
625                const remove = document.createElement("button");
626                remove.type = "button";
627                remove.setAttribute("aria-label", "Remove " + item.query);
628                remove.className = "shrink-0 text-[#8A98A7] hover:text-dark-900 dark:hover:text-dark-100";
629                remove.innerHTML = `
630                    <svg class="w-3.5 h-3.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.5 18.5" fill="none">
631                        <path d="M1.26 18.25L0.25 17.24L8.24 9.25L0.25 1.26L1.26 0.25L9.25 8.24L17.24 0.25L18.25 1.26L10.26 9.25L18.25 17.24L17.24 18.25L9.25 10.26L1.26 18.25Z" fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linejoin="round"/>
632                    </svg>
633                `;
634                remove.addEventListener("click", function (e) {
635                    e.preventDefault();
636                    e.stopPropagation();
637                    removeRecent(item.query);
638                });
639                li.appendChild(link);
640                li.appendChild(remove);
641                recentContainer.appendChild(li);
642            });
643            show(recentBlock);
644        }
645
646        // show the default suggestions state: recent + trending
647        function showSuggestions() {
648            hide(resultsContainer);
649            hide(blogSearchResults);
650            renderRecent();
651            show(trendingBlock);
652            removePointerNone();
653            if (!trendingLoaded) loadTrending();
654        }
655
656        // highlight match
657        function highlightMatch(text, query) {
658            if (!query) return text;
659
660            const words = query
661                .trim()
662                .split(/\s+/)                 // split into words
663                .filter(Boolean)
664                .map(w => w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
665
666            const regex = new RegExp(`(${words.join("|")})`, "gi");
667
668            return text.replace(
669                regex,
670                `<span class="font-bold text-dark-700 text-sm dark:text-dark-100">$1</span>`
671            );
672        }
673
674        // load trending container
675        function loadTrending() {
676
677            fetch("/trending-search/", {
678                method: "POST",
679                headers: {
680                    "X-CSRFToken": getCookie("csrftoken"),
681                    "Content-Type": "application/x-www-form-urlencoded",
682                },
683                body: new URLSearchParams({
684                    exam: trendingExam,
685                })
686            })
687                .then(res => res.json())
688                .then(data => {
689                    trendingContainer.innerHTML = "";
690                    if (data.success && data.results?.length) {
691                        data.results.forEach(item => {
692                            const li = document.createElement("li");
693                            li.className = "h-6 flex items-center";
694                            li.innerHTML = `
695                                <a href="${item.clicked_link}"
696                                   data-query="${item.query}"
697                                   data-source="trending"
698                                   class="inline-flex items-center gap-2 text-sm text-dark-900 dark:text-dark-100 hover:text-primary">
699                                    <span class="truncate">${item.query}</span>
700                                    <!-- trending icon -->
701                                    <svg class="shrink-0" width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
702                                        <path d="M1.78125 13.5L7.125 8.4375L10.5339 11.667C11.5195 9.82662 13.1452 8.36484 15.1367 7.5285L17.3058 6.6135M15.5008 11.0685L17.3058 6.6135L12.6033 4.90275" stroke="#1AB394" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
703                                    </svg>
704                                </a>
705                            `;
706                            trendingContainer.appendChild(li);
707                        });
708                    } else {
709                        trendingContainer.innerHTML = `
710                            <li class="py-2 text-sm text-gray-400">
711                                No trending searches
712                            </li>
713                        `;
714                    }
715                    trendingLoaded = true;
716                });
717        }
718
719        // fetch search results
720        function fetchResults(searchValue, logSearch = false) {
721
722            lastQuery = searchValue;
723
724            fetch("/404/", {
725                method: "POST",
726                headers: {
727                    "X-CSRFToken": getCookie("csrftoken"),
728                    "Content-Type": "application/x-www-form-urlencoded",
729                },
730                body: new URLSearchParams({
731                    search_value: searchValue,
732                    from_page: window.location.pathname,
733                    log_search: logSearch,
734                    exam: trendingExam,
735                })
736            })
737                .then(res => res.json())
738                .then(data => {
739
740                    if (searchValue !== lastQuery) return;
741
742                    resultsContainer.innerHTML = "";
743                    blogSearchResults.innerHTML = "";
744
745                    if (data.success && data.search_results?.length) {
746                        hasResults = true;
747                        let blogHeaderAdded = false;
748                        data.search_results.forEach(item => {
749
750                            const li = document.createElement("li");
751                            if (item.type === "suggestion") {
752                                li.innerHTML = `
753                                    <a href="${item.url}"
754                                    data-source="suggestion"
755                                    class="flex items-center gap-3 -mx-3 px-3 py-2 rounded hover:bg-gray-100 dark:bg-[#222222] hover:dark:bg-dark-800"
756                                    >
757                                        <img src="${item.displaypic ?? 'https://cracku.in/media/images/default_sug_image.webp'}"
758                                            class="w-8 h-8 object-cover rounded"
759                                            alt="${item.title}" />
760
761                                        <div class="flex flex-col text-sm">
762                                            <span class='text-dark-700 text-sm font-medium dark:text-dark-100'>
763                                                ${highlightMatch(item.title, searchValue)}
764                                            </span>
765                                            <span class="text-xs text-gray-500 dark:text-dark-200">
766                                                ${item.sub_title ?? ""}
767                                            </span>
768                                        </div>
769                                    </a>
770                                `;
771                                resultsContainer.appendChild(li);
772                            }
773                            else if(item.type === 'meta' )  {
774                                li.innerHTML = `
775                                    <a href="${item.url}"
776                                    data-source="meta"
777                                    class="flex items-center gap-3 -mx-3 px-3 py-2.5 rounded hover:bg-gray-100 text-sm dark:bg-[#222222] hover:dark:bg-dark-800">
778
779                                        <svg class="w-4 h-4 text-dark-300 shrink-0"
780                                            xmlns="http://www.w3.org/2000/svg"
781                                            fill="none"
782                                            viewBox="0 0 20 20">
783                                            <path stroke="currentColor"
784                                                stroke-width="2"
785                                                d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
786                                        </svg>
787
788                                        <span>
789                                            ${highlightMatch(item.title, searchValue)}
790                                        </span>
791                                    </a>
792                                `;
793                                resultsContainer.appendChild(li);
794                            }
795                            else if(item.type === 'blog' ){
796
797                                if (!blogHeaderAdded) {
798                                    const headerLi = document.createElement("li");
799                                    headerLi.innerHTML = `
800                                        <div class="py-2 flex gap-2 dark:bg-[#222222]">
801                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
802                                            <path d="M10 6.25H11.25M10 8.75H11.25M5 11.25H11.25M5 13.75H11.25M13.75 6.25H16.5625C17.08 6.25 17.5 6.67 17.5 7.1875V15C17.5 15.4973 17.3025 15.9742 16.9508 16.3258C16.5992 16.6775 16.1223 16.875 15.625 16.875M13.75 6.25V15C13.75 15.4973 13.9475 15.9742 14.2992 16.3258C14.6508 16.6775 15.1277 16.875 15.625 16.875M13.75 6.25V4.0625C13.75 3.545 13.33 3.125 12.8125 3.125H3.4375C2.92 3.125 2.5 3.545 2.5 4.0625V15C2.5 15.4973 2.69754 15.9742 3.04917 16.3258C3.40081 16.6775 3.87772 16.875 4.375 16.875H15.625M5 6.25H7.5V8.75H5V6.25Z" stroke="#888888" stroke-linecap="round" stroke-linejoin="round"/>
803                                            </svg>
804                                            <p class="text-sm font-semibold text-dark-500 dark:text-dark-300">Blogs</p>
805
806                                        </div>
807                                    `;
808                                    blogSearchResults.appendChild(headerLi);
809
810                                    blogHeaderAdded = true;
811                                }
812                                li.innerHTML = `
813                                    <a href="/${item.slug}"
814                                    data-source="blog"
815                                    class="flex items-center gap-3 -mx-3 px-3 py-2.5 rounded hover:bg-gray-100 text-sm dark:bg-[#222222] hover:dark:bg-dark-800">
816
817                                        <svg class="w-4 h-4 text-dark-300 shrink-0"
818                                            xmlns="http://www.w3.org/2000/svg"
819                                            fill="none"
820                                            viewBox="0 0 20 20">
821                                            <path stroke="currentColor"
822                                                stroke-width="2"
823                                                d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
824                                        </svg>
825
826                                        <span>
827                                            ${highlightMatch(item.title, searchValue)}
828                                        </span>
829                                    </a>
830                                `;
831                                blogSearchResults.appendChild(li);
832                            }
833
834                        });
835
836                    } else {
837                        hasResults = false;
838                        resultsContainer.innerHTML = `
839                    <li class="py-2 text-sm text-gray-500">
840                        No Results Found
841                    </li>
842                `;
843                    }
844
845                    resultsContainer.classList.remove("hidden");
846                    blogSearchResults.classList.remove("hidden");
847
848                })
849                .catch(() => resultsContainer.classList.add("hidden"));
850        }
851
852
853        // show trending results on input click
854        input.addEventListener("click", () => {
855            const value = input.value.trim();
856            openSearch();
857
858            if (!value) {
859                showSuggestions();
860            } else {
861                hide(recentBlock);
862                hide(trendingBlock);
863                if (hasResults) {
864                    show(resultsContainer);
865                    show(blogSearchResults);
866                } else {
867                    fetchResults(value, false);
868                }
869            }
870        });
871
872        input.addEventListener("focus", () => {
873            openSearch();
874            if (!input.value.trim()) showSuggestions();
875        });
876
877        // show search results
878        input.addEventListener("input", function () {
879
880            const value = this.value.trim();
881            clearTimeout(debounceTimer);
882
883            // show recent + trending results if input is empty
884            if (value.length === 0) {
885                showSuggestions();
886                return;
887            }
888
889            // hide suggestions when typing
890            hide(recentBlock);
891            hide(trendingBlock);
892
893            // minimum characters for search
894            if (value.length < 3) {
895                hide(resultsContainer);
896                hide(blogSearchResults);
897                return;
898            }
899
900            debounceTimer = setTimeout(() => {
901                fetchResults(value, false);
902            }, 300);
903        });
904
905        // remember searches submitted without picking a result
906        input.addEventListener("keydown", function (e) {
907            if (e.key === "Enter") {
908                const value = input.value.trim();
909                if (value.length >= 3) addRecent(value, "");
910            } else if (e.key === "Escape") {
911                closeSearch();
912            }
913        });
914
915        // click result log the search
916        function attachClickLogger(container) {
917
918            container.addEventListener("click", function (e) {
919                const link = e.target.closest("a");
920                if (!link) return;
921                link.classList.add('pointer-events-none');
922                const value = input.value.trim() || link.dataset.query;
923                const clickedUrl = link.getAttribute("href");
924                const source = link.dataset.source || "unknown";
925
926                addRecent(value, clickedUrl);
927
928                navigator.sendBeacon("/404/", new URLSearchParams({
929                    search_value: value,
930                    from_page: window.location.pathname,
931                    clicked_link: clickedUrl,
932                    source: source,
933                    log_search: true,
934                    csrfmiddlewaretoken: getCookie("csrftoken"),
935                }));
936            });
937        }
938
939        attachClickLogger(resultsContainer);
940        attachClickLogger(blogSearchResults);
941        attachClickLogger(trendingContainer);
942
943        overlay.addEventListener("click", closeSearch);
944
945        // keep the width matched to the free space on resize / browser zoom
946        let resizeTimer;
947        window.addEventListener("resize", function () {
948            clearTimeout(resizeTimer);
949            resizeTimer = setTimeout(function () {
950                if (searchBox.dataset.open === "true") fitSearchWidth();
951            }, 150);
952        }, { passive: true });
953
954        // hide all when clicked outside
955        document.addEventListener("click", function (e) {
956
957            const insideSearch = searchBox.contains(e.target);
958
959            if (!insideSearch) {
960                hide(resultsContainer);
961                hide(blogSearchResults);
962                hide(recentBlock);
963                hide(trendingBlock);
964                closeSearch();
965            }
966        });
967
968    });
969</script>
969
970
971                
972                <div class="shrink-0">
973                    <button onclick="openDownloadModal()" data-tooltip-placement="bottom" data-tooltip-target="pdf-tooltip" type="button" class="inline-flex items-center justify-center gap-[5px] h-[28px] px-[9px] rounded-[5px] bg-primary-700 hover:bg-primary-600 text-white text-[11px] font-semibold">
974                        <svg class="shrink-0" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
975                            <path d="M0.75 8.25V9.5C0.75 9.83152 0.881696 10.1495 1.11612 10.3839C1.35054 10.6183 1.66848 10.75 2 10.75H9.5C9.83152 10.75 10.1495 10.6183 10.3839 10.3839C10.6183 10.1495 10.75 9.83152 10.75 9.5V8.25M3.25 5.75L5.75 8.25L8.25 5.75M5.75 8.25V0.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
976                        </svg>
977                        PDF
978                    </button>
979                    <div id="pdf-tooltip" role="tooltip" class="absolute z-50 invisible inline-block px-2 py-1 text-xs font-medium text-white transition-opacity duration-300 bg-primary rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-800">
980                        Download PDF
981                        <div class="tooltip-arrow" data-popper-arrow></div>
982                    </div>
983                </div>
984                
985                
986                <a rel="noreferrer nofollow" class="inline-flex items-center gap-2 h-[28px] px-1.5 rounded-[5px] shrink-0 bg-success-700 hover:bg-success-600 text-white text-[11px] font-medium tracking-[0.33px]" href="https://cracku.in/s/cat-group?utm_source=cracku&utm_medium=catwawa&utm_campaign=cat&utm_content=hero_section" target="_blank" >
987                    <img src="/static/src/img/landing_whastapp.d866673fb91d.webp" width="14" height="14" alt="whatsapp">
988                    91- 6303239042
989                </a>
990                
991                
992                <a class="inline-flex items-center justify-center gap-[5px] h-[28px] px-2.5 py-px rounded-[5px] shrink-0 relative overflow-hidden text-white text-xs font-medium" style="background: linear-gradient(90deg,#039AB7 0%,#126278 100%); background-size: 200% 100%; animation: bg-gradient-reverse 2s ease-in-out infinite alternate;" href="/cat-2-months/�?utm_source=cracku&utm_medium=salebutton&utm_campaign=cat&utm_content=hero_section" target="_blank">
993                    Last 65 Days
994                    <svg class="shrink-0" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
995                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.32748e-06C5.60342 -0.000387374 5.2114 0.0845907 4.85058 0.249161C4.48976 0.413731 4.1686 0.654037 3.90892 0.953749C3.51357 0.925523 3.11676 0.982679 2.74544 1.12134C2.37413 1.26 2.03699 1.47691 1.75692 1.75736C1.47629 2.03744 1.25921 2.37462 1.12043 2.74601C0.981651 3.11739 0.924417 3.51429 0.952617 3.90975C0.653208 4.16948 0.413177 4.49056 0.248811 4.85122C0.0844443 5.21187 -0.000411412 5.60366 1.49972e-06 6C1.49972e-06 6.83499 0.369232 7.58322 0.952617 8.09025C0.924417 8.48571 0.981651 8.88261 1.12043 9.25399C1.25921 9.62538 1.47629 9.96256 1.75692 10.2426C2.03701 10.5233 2.37422 10.7404 2.74565 10.8791C3.11708 11.0179 3.51403 11.0751 3.90954 11.0469C4.16921 11.3464 4.49029 11.5865 4.851 11.751C5.2117 11.9155 5.60357 12.0004 6 12C6.39643 12.0004 6.7883 11.9155 7.14901 11.751C7.50971 11.5865 7.83079 11.3464 8.09046 11.0469C8.48587 11.075 8.8827 11.0178 9.25402 10.879C9.62534 10.7402 9.96245 10.5232 10.2425 10.2426C10.5229 9.96258 10.7398 9.62547 10.8785 9.2542C11.0172 8.88293 11.0743 8.48618 11.0462 8.09086C11.3459 7.83118 11.5862 7.51005 11.7508 7.14928C11.9153 6.7885 12.0003 6.39654 12 6C12 5.16501 11.6302 4.41678 11.0468 3.90975C11.075 3.51429 11.0177 3.11739 10.879 2.74601C10.7402 2.37462 10.5231 2.03744 10.2425 1.75736C9.96238 1.47672 9.62517 1.25964 9.25373 1.12087C8.8823 0.982106 8.48535 0.924897 8.08985 0.953134C7.83025 0.653691 7.50926 0.413594 7.14867 0.249137C6.78808 0.0846803 6.39633 -0.000287164 6 1.32748e-06ZM8.17231 4.47954C8.25383 4.39206 8.29822 4.27635 8.29611 4.15679C8.294 4.03723 8.24556 3.92316 8.161 3.83861C8.07644 3.75406 7.96235 3.70562 7.84278 3.70351C7.72321 3.7014 7.60749 3.74578 7.52 3.8273L3.82769 7.51923C3.78235 7.56148 3.74598 7.61243 3.72075 7.66904C3.69553 7.72564 3.68196 7.78675 3.68087 7.84872C3.67977 7.91068 3.69117 7.97223 3.71439 8.0297C3.7376 8.08716 3.77215 8.13936 3.81598 8.18318C3.8598 8.22701 3.91201 8.26155 3.96948 8.28476C4.02695 8.30797 4.08851 8.31937 4.15048 8.31828C4.21245 8.31719 4.27356 8.30362 4.33018 8.2784C4.38679 8.25318 4.43775 8.21681 4.48 8.17147L8.17231 4.47954ZM4.61539 3.92267C4.43177 3.92267 4.25568 3.99561 4.12585 4.12543C3.99602 4.25525 3.92308 4.43132 3.92308 4.61491C3.92308 4.7985 3.99602 4.97458 4.12585 5.1044C4.25568 5.23422 4.43177 5.30715 4.61539 5.30715C4.799 5.30715 4.97509 5.23422 5.10492 5.1044C5.23475 4.97458 5.30769 4.7985 5.30769 4.61491C5.30769 4.43132 5.23475 4.25525 5.10492 4.12543C4.97509 3.99561 4.799 3.92267 4.61539 3.92267ZM7.38462 6.69162C7.201 6.69162 7.02491 6.76455 6.89508 6.89437C6.76525 7.02419 6.69231 7.20026 6.69231 7.38386C6.69231 7.56745 6.76525 7.74352 6.89508 7.87334C7.02491 8.00316 7.201 8.07609 7.38462 8.07609C7.56823 8.07609 7.74432 8.00316 7.87415 7.87334C8.00398 7.74352 8.07692 7.56745 8.07692 7.38386C8.07692 7.20026 8.00398 7.02419 7.87415 6.89437C7.74432 6.76455 7.56823 6.69162 7.38462 6.69162Z" fill="white"/>
996                    </svg>
997                </a>
998                
999                
1000            </div>
1001        </div>
1002    </div>
1003    <!-- Main bar : logo + mega nav + actions -->
1004    <nav class="w-full bg-white dark:bg-dark-900 shadow-[0_4px_4px_0_rgba(0,0,0,0.05)]">
1005        <div class="container flex items-center justify-between gap-2 lg:gap-3 py-2 lg:py-0 lg:min-h-[50px]">
1006            <div class="inline-flex items-center gap-2 shrink-0">
1007                <button onclick="openMobileSidebar()"  class="lg:hidden">
1008                    <span class="sr-only">Open sidebar</span>
1009                    <svg class="w-8 h-8 text-gray-800 dark:text-dark-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1010                        <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 7h14M5 12h14M5 17h14"/>
1011                    </svg>
1012                </button>
1013                <a href="/" class="inline-block w-28 lg:w-[150px]">
1014                    <img width="201" height="44" class="max-w-full" src='/static/src/img/cracku_logo.b31e20011d0b.png' alt="Cracku Logo" >
1015                </a>
1016            </div>
1017            
1018            
1019                
1020                
1021                    
1022<nav class="hidden lg:block self-stretch grow text-dark-900 dark:text-dark-300">
1023    <div class="flex justify-center items-stretch h-full">
1024        <ul class="relative flex items-stretch h-full font-medium mt-0 gap-1 xl:gap-3 text-xs xl:text-sm [&>li]:flex [&>li]:items-center">
1025            <li class="group/item">
1026                <button class="inline-flex items-center group/button group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] focus:text-primary cursor-pointer py-3 px-2 rounded-[4px]" >
1027                    Courses
1028                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1029                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1030                    </svg> 
1031                </button>
1032                <!-- Dropdown menu -->
1033                <div class="top-[92px] max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1034                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)] relative px-6 border border-[#DEDEDE] z-10 mt-1 bg-white dark:bg-dark-900 dark:border-transparent rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)]">
1035                        <div class="py-6 flex gap-5 w-full">
1036                            <!-- Course Card  -->
1037                            <a href="/cat-crash-course" class="text-dark-900 dark:text-dark-300 dark:bg-[#2C2C2C] dark:hover:from-[#2A2929] dark:hover:to-[#2A2929] dark:border-transparent transition-all duration-300 ease-linear flex flex-col gap-3 bg-white border border-[#DEDEDE] shadow rounded-mlg max-w-72 xl:max-w-xs w-full p-4 hover:bg-gradient-to-t hover:border-primary from-primary-100 to-white hover:shadow-xl">
1038                                <img loading="lazy" width="393" height="233" class="max-w-full rounded-mlg" src="/static/src/img/payment-url-default1.dd0aa55c3d0a.webp" alt="Course Payment Image">
1039                                <div class="flex flex-col grow">
1040                                    <div>
1041                                        <p class="font-medium text-sm 2xl:text-base">CAT Crash Course</p>
1042                                        <p class="font-normal text-xs mt-1">Everything you need to crack CAT 2026</p>
1043                                    </div>
1044                                    <span class="mt-auto self-start inline-block font-semibold text-sm 2xl:text-base  text-white rounded bg-gradient-to-r from-primary to-info px-3 py-1.5">
1045                                         
1046                                        Know More
1047                                        
1048                                            <svg class="inline" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1049                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m7 16 4-4-4-4m6 8 4-4-4-4"/>
1050                                        </svg>
1051                                    </span>
1052                                </div>
1053                            </a> 
1054                            <!-- Course Items -->
1055                            <div class="text-dark-900 dark:text-dark-300 grid grid-cols-3 gap-4 grow">
1056                                <!-- First Row -->
1057                                <a href="/cat-2027-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-primary-100 to-white dark:hover:from-[#032232] dark:hover:to-[#121212] hover:border-primary  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1058                                    <div class="bg-primary-100 rounded-[4px] p-0.5 h-[47px] w-[47px]">
1059                                        <img src="/static/src/img/cat_nav.7d685a64186c.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1060                                    </div>
1061                                    <p class="font-medium text-xs">CAT 2027<br>Course</p>
1062                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1063                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1064                                    </svg>
1065                                </a>
1066                                <a href="/cmat-crash-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-success-100 to-white dark:hover:from-[#073124] dark:hover:to-[#121212] hover:border-success  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1067                                    <div class="bg-success-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1068                                        <img src="/static/src/img/cmatcourse_nav.5bca314330c8.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1069                                    </div>
1070                                    <p class="font-medium text-xs">CMAT <br>Course</p>
1071                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1072                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1073                                    </svg>
1074                                </a>
1075                                <a href="/cuet-pg-crash-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-danger-100 to-white dark:hover:from-[#280B07] dark:hover:to-[#121212] hover:border-danger  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1076                                    <div class="bg-danger-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1077                                        <img src="/static/src/img/cuet_nav.655cb2f54766.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1078                                    </div>
1079                                    <p class="font-medium text-xs">CUET PG <br>Course</p>
1080                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1081                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1082                                    </svg>
1083                                </a>
1084                                <!-- Second row -->
1085                                <a href="/cat-2028-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-primary-100 to-white dark:hover:from-[#032232] dark:hover:to-[#121212] hover:border-primary  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1086                                    <div class="bg-primary-100 rounded-[4px] p-0.5 h-[47px] w-[47px]">
1087                                        <img src="/static/src/img/cat_nav.7d685a64186c.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1088                                    </div>
1089                                    <p class="font-medium text-xs">CAT 2028<br>Course</p>
1090                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1091                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1092                                    </svg>
1093                                </a>
1094                                <a href="/nmat-online-coaching" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-info-100 to-white dark:hover:from-[#002C2D] dark:hover:to-[#121212] hover:border-info  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1095                                    <div class="bg-info-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1096                                        <img src="/static/src/img/nmat_nav.d19e5aebbfa1.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1097                                    </div>
1098                                    <p class="font-medium text-xs">NMAT <br>Course</p>
1099                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1100                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1101                                    </svg>
1102                                </a>
1103                                <a href="/snap-nmat-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-primary-100 to-white dark:hover:from-[#032232] dark:hover:to-[#121212] hover:border-primary  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1104                                    <div class="bg-primary-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1105                                        <img src="/static/src/img/snap_nav.3de76d943c9f.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1106                                    </div>
1107                                    <p class="font-medium text-xs">SNAP+NMAT <br>Course</p>
1108                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1109                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1110                                    </svg>
1111                                </a>
1112                                
1113                                <!-- Third Row -->
1114                                <a href="/xat-online-coaching" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-primary-100 to-white dark:hover:from-[#032232] dark:hover:to-[#121212] hover:border-primary  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent">
1115                                    <div class="bg-primary-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1116                                        <img src="/static/src/img/xat_nav.8c1c449657e7.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1117                                    </div>
1118                                    <p class="font-medium text-xs">XAT <br>Course</p>
1119                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1120                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1121                                    </svg>
1122                                </a>
1123                                <a href="/mah-mba-cet-crash-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-info-100 to-white dark:hover:from-[#002B2D] dark:hover:to-[#121212] hover:border-info  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1124                                    <div class="bg-info-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1125                                        <img src="/static/src/img/cet_nav.637f779bacc1.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1126                                    </div>
1127                                    <p class="font-medium text-xs">MAH-CET <br>Course</p>
1128                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1129                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1130                                    </svg>
1131                                </a>
1132                                <a href="/srcc-gbo-crash-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-primary-100 to-white dark:hover:from-[#032232] dark:hover:to-[#121212] hover:border-primary  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1133                                    <div class="bg-primary-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1134                                        <img src="/static/src/img/gbo_nav.c505caa7f73e.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1135                                    </div>
1136                                    <p class="font-medium text-xs">SRCC GBO <br>Course</p>
1137                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1138                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1139                                    </svg>
1140                                </a>
1141                                <!-- Fourth Row -->
1142                                <a href="/snap-online-coaching" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-danger-100 to-white dark:hover:from-[#280B07] dark:hover:to-[#121212] hover:border-danger  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1143                                    <div class="bg-danger-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1144                                        <img src="/static/src/img/snap_nav.3de76d943c9f.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1145                                    </div>
1146                                    <p class="font-medium text-xs">SNAP <br>Course</p>
1147                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1148                                        <path stroke="curre
1148ntColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1149                                    </svg>
1150                                </a>
1151                                <a href="/cat-gmat-course" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-success-100 to-white dark:hover:from-[#073124] dark:hover:to-[#121212] hover:border-success  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1152                                    <div class="bg-success-100 rounded-[4px] p-2 h-[47px] w-[47px]">
1153                                        <img src="/static/src/img/catgmat_nav.acd3f5242598.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1154                                    </div>
1155                                    <p class="font-medium text-xs">CAT+GMAT <br>Course</p>
1156                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1157                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1158                                    </svg>
1159                                </a>
1160                                <a href="https://gmatpoint.com/gmat-courses" class="transition-all duration-300 ease-linear p-2.5 grow flex items-center  gap-2.5 bg-white border border-[#DEDEDE] rounded-md shadow hover:bg-gradient-to-r from-[#F1EFFD] to-white dark:hover:from-[#0C062F] dark:hover:to-[#121212] hover:border-[#7460EE]  hover:shadow-lg dark:bg-[#2C2C2C] dark:border-transparent dark:hover:bg-[#2A2929]">
1161                                    <div class="bg-[#F1EFFD] rounded-[4px] p-2 h-[47px] w-[47px]">
1162                                        <img src="/static/src/img/gmat_nav.bfac6efac423.webp" loading="lazy" alt="course" class="object-contain h-full w-full">
1163                                    </div>
1164                                    <p class="font-medium text-xs">GMAT <br> Course</p>
1165                                    <svg class="ml-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1166                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1167                                    </svg>
1168                                </a>
1169                            </div>
1170                        </div>
1171                    </div>
1172                </div>
1173            </li>
1174            <li class="group/item">
1175                    <button class="inline-flex items-center group/button focus:text-primary cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
1176                    Learn
1177                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1178                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1179                    </svg> 
1180                </button>
1181                <!-- Dropdown menu -->
1182                <div  class="text-dark-900 dark:text-dark-300 top-[92px] max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1183                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)] relative  border border-[#DEDEDE] z-10 mt-1 bg-white dark:bg-dark-900 dark:border-transparent rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)]">
1184                        <div class="grid grid-cols-3">
1185                            <div class="grow px-6 py-5">
1186                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">Videos</p>
1187                                <div class="pt-6">
1188                                    <a href="/cat/video-series" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1189                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1190                                            <img src="/static/src/img/conceptvideos_nav.cdbf8d63de0c.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1191                                        </span>
1192                                        <span class="block">
1193                                            <span class="block font-medium text-sm">Concept Videos</span>
1194                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Learn every concept from scratch</span>
1195                                        </span>
1196                                    </a>
1197                                    <a href="/cat-online-classes" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1198                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1199                                                <img src="/static/src/img/revisionvideos_nav.0bb3f75fde0c.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1200                                        </span>
1201                                        <span class="block">
1202                                            <span class="block font-medium text-sm">Revision Videos</span>
1203                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Quick chapter-wise revision</span>
1204                                        </span>
1205                                    </a>
1206                                    <a href="/cat/video-series/questionvideos" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1207                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1208                                            <img src="/static/src/img/questionsvideos_nav.f9f44c0b3790.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1209                                        </span>
1210                                        <span class="block">
1211                                            <span class="block font-medium text-sm">Question Videos</span>
1212                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Solve questions with explanations</span>
1213                                        </span>
1214                                    </a>
1215                                    <a href="/cat-demo-videos" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1216                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1217                                            <img src="/static/src/img/catdemo_nav.7615e5bb9a16.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1218                                        </span>
1219                                        <span class="block">
1220                                            <span class="block font-medium text-sm">CAT Demo Videos</span>
1221                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Preview how our CAT course looks</span>
1222                                        </span>
1223                                    </a>
1224                                </div>
1225                            </div>
1226                            <div class="grow border-x border-[#DEDEDE] dark:border-dark-700 px-6 py-5">
1227                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">Live Classes</p>
1228                                <div class="pt-6">
1229                                    <a href="/cat-live-classes" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1230                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1231                                            <img src="/static/src/img/catlive_nav.7fbcf1b4f870.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1232                                        </span>
1233                                        <span class="block">
1234                                            <span class="block font-medium text-sm">CAT Live Classes</span>
1235                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Attend daily live CAT sessions</span>
1236                                        </span>
1237                                    </a>
1238                                    <a href="/xat-live-classes" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1239                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1240                                            <img src="/static/src/img/conceptvideos_nav.cdbf8d63de0c.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1241                                        </span>
1242                                        <span class="block">
1243                                            <span class="block font-medium text-sm">XAT Live Classes</span>
1244                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Join guided XAT-focused live classes</span>
1245                                        </span>
1246                                    </a>
1247                                    <a href="/snap-nmat-live-classes" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1248                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1249                                            <img src="/static/src/img/conceptvideos_nav.cdbf8d63de0c.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1250                                        </span>
1251                                        <span class="block">
1252                                            <span class="block font-medium text-sm">SNAP/NMAT Live Classes</span>
1253                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Join focused live classes</span>
1254                                        </span>
1255                                    </a>
1256                                    
1257                                    <div class="mt-3 w-full flex justify-between gap-3 bg-gradient-to-r from-primary-100 to-white dark:from-primary-900 dark:to-dark-900 rounded-mlg px-4 pt-4">
1258                                        <div class="self-center pb-4 space-y-2 shrink-0">
1259                                            <p class="font-semibold text-sm text-primary-800 dark:text-white">CAT 2026 <br> Crash Course</p>
1260                                            <span class="text-dark-400 text-xs font-medium dark:text-white">By 5 time CAT 100%iler</span>
1261                                            <br>
1262                                            <a href="/cat-crash-course" class="inline-block px-3 py-2 rounded text-white bg-primary hover:bg-primary-800 text-xs font-semibold">Enroll Now</a>
1263                                        </div>
1264                                        <div class="self-end shrink-0">
1265                                            <img loading="lazy" width="90" height="122" src="/static/src/img/score-maruti.ac379f826685.webp" alt="">
1266                                        </div>
1267                                    </div>
1268                                    
1269                                </div>
1270                            </div>
1271                            <div class="grow px-6 py-5 flex flex-col">
1272                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">Resources</p>
1273                                <div class="pt-6 grow flex flex-col">
1274                                    <a href="/cat/video-series/notes" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1275                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1276                                            <img src="/static/src/img/conceptnotes_nav.84af2c6dd4fd.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1277                                        </span>
1278                                        <span class="block">
1279                                            <span class="block font-medium text-sm">Concept Notes</span>
1280                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Concise chapter-wise study notes</span>
1281                                        </span>
1282                                    </a>
1283                                    <a  href="/cat-formulas-pdf/"  class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1284                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1285                                            <img src="/static/src/img/quantformulas_nav.03476cb491ec.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1286                                        </span>
1287                                        <span class="block">
1288                                            <span class="block font-medium text-sm">Quant Formulas</span>
1289                                            <span class="align-top text-dark-400 text-xs">Complete list of essential quant formulas</span>
1290                                        </span>
1291                                    </a>
1292                                    <a  href="/cat-2026-batch"  class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1293                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] dark:border-dark-700 flex items-center justify-center p-2">
1294                                                <img src="/static/src/img/batchschedule_nav.6b1534bfa320.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1295                                        </span>
1296                                        <span class="block">
1297                                            <span class="block font-medium text-sm">Batch Schedule</span>
1298                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Check upcoming classes and daily tasks</span>
1299                                        </span>
1300                                    </a>
1301                                    
1302                                </div>
1303                            </div>
1304                        </div>
1305                    </div>
1306                </div>
1307            </li>
1308            <li class="group/item">
1309                <button id=""  class="inline-flex items-center group/button  cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
1310                    Practice
1311                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1312                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1313                    </svg> 
1314                </button>
1315                <!-- Dropdown menu -->
1316                <div class="text-dark-900 dark:text-dark-300 top-[92px] max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden  group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1317                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)] relative border border-[#DEDEDE] z-10 mt-1 bg-white dark:border-transparent dark:bg-dark-900 rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)]">
1318                        <div class="grid grid-cols-3">
1319                            <div class="grow px-6 py-5">
1320                                <a href="/cat-study-room" class="text-dark-400 dark:text-dark-300 font-normal text-base hover:underline inline-flex items-center underline-offset-2">
1321                                    CAT Study Room
1322                                    <svg class="inline" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1323                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1324                                    </svg>
1325                                </a>
1326                                <div class="pt-6">
1327                                    <a href="/cat/verbal-ability" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1328                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1329                                            <img src="/static/src/img/varcpractice_nav.14fe53ac6593.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1330                                        </span>
1331                                        <span class="block">
1332                                            <span class="block font-medium text-sm">CAT VARC Practice Questions</span>
1333                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Practice verbal concepts with ease.</span>
1334                                        </span>
1335                                    </a>
1336                                    <a href="/cat/lr-di" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1337                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1338                                            <img src="/static/src/img/dilrpractice_nav.e98a5f82de1d.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1339                                        </span>
1340                                        <span class="block">
1341                                            <span class="block font-medium text-sm">CAT DILR Practice Questions</span>
1342                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Master DILR with focused practice</span>
1343                                        </span>
1344                                    </a>
1345                                    <a href="/cat/quantitative-aptitude" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1346                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1347                                            <img src="/static/src/img/qapractice_nav.27c0169a1dd0.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1348                                        </span>
1349                                        <span class="block">
1350                                            <span class="block font-medium text-sm">CAT QA Practice Questions</span>
1351                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Improve quant through daily practice</span>
1352                                        </span>
1353                                    </a>
1354                                    <a href="/cat-quant-rush/" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1355                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1356                                            <img src="/static/src/img/quatrush_nav.9e2644ffd7db.webp" loading="lazy" class="w-8 h-8" alt="concept video">
1357                                        </span>
1358                                        <span class="block">
1359                                            <span class="block font-medium text-sm">CAT Quant Rush</span>
1360                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Gamified way to practice quant</span>
1361                                        </span>
1362                                    </a>
1363                                    <a href="/cat-verbal-rush/" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1364                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1365                                            <img src="/static/src/img/verbalrush_nav.42e2b8cd9452.webp" loading="lazy" class="w-8 h-8" alt="concept video">
1366                                        </span>
1367                                        <span class="block">
1368                                            <span class="block font-medium text-sm">CAT Verbal Rush</span>
1369                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Gamified way to practice verbal</span>
1370                                        </span>
1371                                    </a>
1372                                    <a href="/error-log/" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1373                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1374                                            <img src="/static/img/batch_side_search.d02a3d36d115.svg" loading="lazy" class="w-8 h-8" alt="concept video">
1375                                        </span>
1376                                        <span class="block">
1377                                            <span class="block font-medium text-sm">CAT Reflection Room</span>
1378                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Review all your attempted questions</span>
1379                                        </span>
1380                                    </a>
1381                                </div>
1382                            </div>
1383                            <div class="grow border-x border-[#DEDEDE] dark:border-dark-700 px-6 py-5">
1384                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">Daily Target</p>
1385                                <div class="pt-6">
1386                                    <a href="/cat-daily-target" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1387                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1388                                            <img src="/static/src/img/catdaily_nav.54f6d95603d2.webp" loading="lazy" class="w-8 h-8" alt="concept video">
1389                                        </span>
1390                                        <span class="block">
1391                                            <span class="block font-medium text-sm">CAT Daily Target</span>
1392                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Daily mix of CAT-focused questions</span>
1393                                        </span>
1394                                    </a>
1395                                    <a href="/omets-daily-target" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1396                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1397                                            <img src="/static/src/img/ometdaily_nav.bd0765b19909.webp" loading="lazy" class="w-8 h-8" alt="concept video">
1398                                        </span>
1399                                        <span class="block">
1400                                            <span class="block font-medium text-sm">OMETs Daily Target</span>
1401                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Daily practice tailored to all OMETs</span>
1402                                        </span>
1403                                    </a>
1404                                    <a href="/ipmat-daily-target" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1405                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1406                                            <img src="/static/src/img/ipmat_nav.43cef90264c1.webp" loading="lazy" class="w-8 h-8" alt="concept video">
1407                                        </span>
1408                                        <span class="block">
1409                                            <span class="block font-medium text-sm">IPMAT Daily Target</span>
1410                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Sharpen IPMAT skills with daily practice</span>
1411                                        </span>
1412                                    </a>
1413                                    
1414                                    <div class="mt-3 w-full flex justify-between gap-3 bg-gradient-to-r from-primary-100 to-white dark:from-primary-900 dark:to-dark-900 rounded-mlg px-4 pt-4">
1415                                        <div class="self-center pb-4 space-y-2 shrink-0">
1416                                            <p class="font-semibold text-sm text-primary-800 dark:text-white">Enroll in CAT 2026 Daily Target</p>
1417                                            <a href="/pay/hWh1c" class="inline-block px-3 py-2 rounded text-white bg-primary hover:bg-primary-800 text-xs font-semibold">Enroll Now</a>
1418                                        </div>
1419                                    </div>
1420                                    
1421                                </div>
1422                            </div>
1423                            <div class="grow px-6 py-5 flex flex-col">
1424                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">More Practice Materials</p>
1425                                <div class="pt-6 grow flex flex-col">
1426                                    <a href="/cat/video-series/examplesets" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1427                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1428                                            <img src="/static/src/img/solvesets_nav.56827bdccf1f.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1429                                        </span>
1430                                        <span class="block">
1431                                            <span class="block font-medium text-sm">Solved Sets</span>
1432                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Chapter-wise solved sets</span>
1433                                        </span>
1434                                    </a>
1435                                    <a href="/cat/history/bookmarks" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1436                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1437                                            <img src="/static/src/img/bookmark_nav.12049b993187.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1438                                        </span>
1439                                        <span class="block">
1440                                            <span class="block font-medium text-sm">Bookmarks</span>
1441                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Save important questions and concepts</span>
1442                                        </span>
1443                                    </a>
1444                                    <a  href="/cat-formulas-revision"  class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1445                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1446                                            <img src="/static/src/img/formula.e5df032124a6.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1447                                        </span>
1448                                        <span class="block">
1449                                            <span class="block font-medium text-sm">Revise Formula</span>
1450                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Revise all formulas quickly</span>
1451                                        </span>
1452                                    </a>
1453                                    <a href="/speedmath" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1454                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1455                                            <img src="/static/src/img/speed_math.5057b4c496bd.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1456                                        </span>
1457                                        <span class="block">
1458                                            <span class="block font-medium text-sm">Speed Math</span>
1459                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Test your ability on speed calculations</span>
1460                                        </span>
1461                                    </a>
1462                                    <a href="/cat-onscreen-calculator" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1463                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1464                                            <img src="/static/src/img/cat_calculator.ba3c691fe4d8.webp" loading="lazy" class="w-6 h-6" alt="concept video">
1465                                        </span>
1466                                        <span class="block">
1467                                            <span class="block font-medium text-sm">CAT On Screen Calculator</span>
1468                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">On screen calculator</span>
1469                                        </span>
1470                                    </a>
1471                                </div>
1472                            </div>
1473                        </div>
1474                    </div>
1475                </div>
1476            </li>
1477            <li class="group/item">
1478                <button id=""  class="inline-flex items-center group/button cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
1479                    Mock Tests
1480                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1481                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1482                    </svg> 
1483                </button>
1484                <!-- Dropdown menu -->
1485                <div id="" class="text-dark-900 dark:text-dark-300 top-[92px] max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1486                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)]  relative border border-[#DEDEDE] dark:border-transparent z-10 mt-1 bg-white dark:bg-dark-900 rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)]">
1487                        <div class="grid grid-cols-3">
1488                            <div class="grow px-6 py-5">
1489                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">Full Length Mock Tests</p>
1490                                <div class="pt-6">
1491                                    <a href="/cat-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1492                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1493                                            <img src="https://cracku.in/media/images/cat-mock-logo.png" loading="lazy" class="w-7 h-7" alt="CAT Mock">
1494                                        </span>
1495                                        <span class="block">
1496                                            <span class="block font-medium text-sm">CAT Mocks</span>
1497                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 25 full-length CAT mocks</span>
1498                                        </span>
1499                                    </a>
1500                                    <a href="/xat-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1501                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1502                                            <img src="https://cracku.in/media/images/xat-mock-logo.png" loading="lazy" class="w-auto aspect-auto" alt="XAT Mock">
1503                                        </span>
1504                                        <span class="block">
1505                                            <span class="block font-medium text-sm">XAT Mocks</span>
1506                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 10 full-length XAT mocks</span>
1507                                        </span>
1508                                    </a>
1509                                    <a href="/snap-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1510                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1511                                            <img src="https://cracku.in/media/images/snap-mock-logo.png" loading="lazy" class="w-7 h-7" alt="SNAP Mock">
1512                                        </span>
1513                                        <span class="block">
1514                                            <span class="block font-medium text-sm">SNAP Mocks</span>
1515                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 15 full-length SNAP mocks</span>
1516                                        </span>
1517                                    </a>
1518                                    <a href="/nmat-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1519                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1520                                            <img src="https://cracku.in/media/images/nmat-mock-logo.png" loading="lazy" class="w-7 h-7" alt="NMAT Mock">
1521                                        </span>
1522                                        <span class="block">
1523                                            <span class="block font-medium text-sm">NMAT Mocks</span>
1524                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 10 adaptive NMAT mocks</span>
1525                                        </span>
1526                                    </a>
1527                                    <a href="/cmat-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1528                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1529                                            <img src="https://cracku.in/media/images/cmat-mock-logo.png" loading="lazy" class="w-7 h-7" alt="CMAT Mock">
1530                                        </span>
1531                                        <span class="block">
1532                                            <span class="block font-medium text-sm">CMAT Mocks</span>
1533                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 15 CMAT mocks</span>
1534                                        </span>
1535                                    </a>
1536                                    <a href="/mah-mba-cet-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1537                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1538                                            <img src="https://cracku.in/media/images/mahcet-mock-logo.png" loading="lazy" class="w-7 h-7" alt="MAHCET Mock">
1539                                        </span>
1540                                        <span class="block">
1541                                            <span class="block font-medium text-sm">MAH CET Mocks</span>
1542                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 10 MAH CET mocks</span>
1543                                        </span>
1544                                    </a>
1545                                    <a href="/ap-icet-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1546                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1547                                            <img src="https://cracku.in/media/images/apicet-mock-logo.png" loading="lazy" class="w-7 h-7" alt="APICET Mock">
1548                                        </span>
1549                                        <span class="block">
1550                                            <span class="block font-medium text-sm">AP ICET Mocks</span>
1551                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 1 AP ICET mocks</span>
1552                                        </span>
1553                                    </a>
1554                                </div>
1555                            </div>
1556                            <div class="grow border-r border-[#DEDEDE] dark:border-dark-700 px-6 py-5">
1557                                <p class="mb-6"></p>
1558                                <div class="pt-6">
1559                                    <a href="/gmat-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1560                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1561                                            <img src="https://cracku.in/media/images/gmat-mock-logo.png" loading="lazy" class="w-auto aspect-auto" alt="GMAT Mock">
1562                                        </span>
1563                                        <span class="block">
1564                                            <span class="block font-medium text-sm">GMAT Mocks</span>
1565                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 12 GMAT mocks</span>
1566                                        </span>
1567                                    </a>
1568                                    <a href="/srcc-gbo-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1569                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1570                                            <img src="https://cracku.in/media/images/srcc-mock-logo.png" loading="lazy" class="w-7 h-7" alt="SRCC GBO Mock">
1571                                        </span>
1572                                        <span class="block">
1573                                            <span class="block font-medium text-sm">SRCC GBO Mocks</span>
1574                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 10 SRCC GBO mocks</span>
1575                                        </span>
1576                                    </a>
1577                                    <a href="/cuet-pg-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1578                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1579                                            <img src="https://cracku.in/media/images/cuet-mock-logo.png" loading="lazy" class="w-7 h-7" alt="CUET Mock">
1580                                        </span>
1581                                        <span class="block">
1582                                            <span class="block font-medium text-sm">CUET Mocks</span>
1583                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 5 CUET mocks</span>
1584                                        </span>
1585                                    </a>
1586                                    <a href="/pgdba-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1587                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1588                                            <img src="https://cracku.in/media/images/pgdba-mock-logo.png" loading="lazy" class="w-7 h-7" alt="PGDBA Mock">
1589                                        </span>
1590                                        <span class="block">
1591                                            <span class="block font-medium text-sm">PGDBA Mocks</span>
1592                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 5 PGDBA mocks</span>
1593                                        </span>
1594                                    </a>
1595                                    <a href="/ts-icet-mock-test" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1596                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-1 dark:border-dark-700">
1597                                            <img src="https://cracku.in/media/images/tsicet-mock-logo.png" loading="lazy" class="w-7 h-7" alt="TSICET Mock">
1598                                        </span>
1599                                        <span class="block">
1600                                            <span class="block font-medium text-sm">TS ICET Mocks</span>
1601                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 1 TS ICET mocks</span>
1602                                        </span>
1603                                    </a>
1604                                    
1605                                    <div class="mt-3 w-full flex justify-between gap-3 bg-gradient-to-r from-primary-100 to-white dark:from-primary-900 dark:to-dark-900 rounded-mlg px-4 pt-4">
1606                                        <div class="self-center pb-4 space-y-2 shrink-0">
1607                                            <p class="font-semibold text-sm text-primary-800 dark:text-white">Try Our Free CAT Mock</p>
1608                                            <a href="/cat-mock-test/free-cat-mock-1" class="inline-block px-3 py-2 rounded text-white bg-primary hover:bg-primary-800 text-xs font-semibold">Take Test</a>
1609                                        </div>
1610                                    </div>
1611                                    
1612                                </div>
1613                            </div>
1614                            <div class="grow px-6 py-5 flex flex-col">
1615                                <p class="text-dark-400 dark:text-dark-300 font-normal text-base ">Sectional Mock Tests</p>
1616                                <div class="pt-6 grow flex flex-col">
1617                                    <a href="/cat/sectional-tests" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1618                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1619                                            <img src="/static/src/img/fullmockstest_nav.9281709f1c8d.webp" loading="lazy" class="w-6 h-6" alt="mock">
1620                                        </span>
1621                                        <span class="block">
1622                                            <span class="block font-medium text-sm">CAT Sectionals</span>
1623                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 45 sectionals</span>
1624                                        </span>
1625                                    </a>
1626                                    <a href="/xat/sectional-tests" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1627                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1628                                            <img src="/static/src/img/fullmockstest_nav.9281709f1c8d.webp" loading="lazy" class="w-6 h-6" alt="mock">
1629                                        </span>
1630                                        <span class="block">
1631                                            <span class="block font-medium text-sm">XAT Sectionals</span>
1632                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 15 sectionals</span>
1633                                        </span>
1634                                    </a>
1635                                    <a href="/snap/sectional-tests" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1636                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1637                                            <img src="/static/src/img/fullmockstest_nav.9281709f1c8d.webp" loading="lazy" class="w-6 h-6" alt="mock">
1638                                        </span>
1639                                        <span class="block">
1640                                            <span class="block font-medium text-sm">SNAP Sectionals</span>
1641                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 15 sectionals</span>
1642                                        </span>
1643                                    </a>
1644                                    <a href="/nmat/sectional-tests" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1645                                        <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1646                                            <img src="/static/src/img/fullmockstest_nav.9281709f1c8d.webp" loading="lazy" class="w-6 h-6" alt="mock">
1647                                        </span>
1648                                        <span class="block">
1649                                            <span class="block font-medium text-sm">NMAT Sectionals</span>
1650                                            <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Includes 15 sectionals</span>
1651                                        </span>
1652                                    </a>
1653                                </div>
1654                            </div>
1655                        </div>
1656                    </div>
1657                </div>
1658            </li>
1659            <li class="group/item">
1660                    <button  class="inline-flex items-center group/button cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
1661                    Previous Papers
1662                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1663                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1664                    </svg> 
1665                </button>
1666                <!-- Dropdown menu -->
1667                <div id="" class="text-dark-900 dark:text-dark-300 top-[92px] w-fit max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1668                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)] relative border border-[#DEDEDE] dark:border-transparent z-10 mt-1 bg-white dark:bg-dark-900 rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)]">
1669                        <div class="">
1670                            <div class="grow px-6 py-5">
1671                                <a href="/previous-mba-papers" class="text-dark-400 dark:text-dark-300 font-normal text-base hover:underline inline-flex items-center underline-offset-2">
1672                                    Previous Papers
1673                                    <svg class="inline" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
1674                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/>
1675                                    </svg>
1676                                </a>
1677                                <div class="grid grid-cols-2">
1678                                    <div class="pt-6 pr-4">
1679                                        <a href="/cat-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1680                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1681                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1682                                            </span>
1683                                            <span class="block">
1684                                                <span class="block font-medium text-sm">CAT Previous Papers</span>
1685                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Practice with real CAT exam papers</span>
1686                                            </span>
1687                                        </a>
1688                                        <a href="/xat-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1689                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1690                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1691                                            </span>
1692                                            <span class="block">
1693                                                <span class="block font-medium text-sm">XAT Previous Papers</span>
1694                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Familiarize yourself with XAT format</span>
1695                                            </span>
1696                                        </a>
1697                                        <a href="/snap-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1698                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1699                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1700                                            </span>
1701                                            <span class="block">
1702                                                <span class="block font-medium text-sm">SNAP Previous Papers</span>
1703                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Familiarize yourself with SNAP format</span>
1704                                            </span>
1705                                        </a>
1706                                        <a href="/nmat-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1707                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1708                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1709                                            </span>
1710                                            <span class="block">
1711                                                <span class="block font-medium text-sm">NMAT Previous Papers</span>
1712                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Adaptive tests for NMAT prep</span>
1713                                            </span>
1714                                        </a>
1715                                        <a href="/cmat-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1716                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1717                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1718                                            </span>
1719                                            <span class="block">
1720                                                <span class="block font-medium text-sm">CMAT Previous Papers</span>
1721                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Crack CMAT with previous papers</span>
1722                                            </span>
1723                                        </a>
1724                                        <a href="/ts-icet-previous-papers-pdf" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1725                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1726                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1727                                            </span>
1728                                            <span class="block">
1729                                                <span class="block font-medium text-sm">TS ICET Previous Papers</span>
1730                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Crack TS ICET with previous papers</span>
1731                                            </span>
1732                                        </a>
1733                                    </div>
1734                                    <div class="pt-6 pl-4">
1735                                        <a href="/srcc-gbo-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1736                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1737                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1738                                            </span>
1739                                            <span class="block">
1740                                                <span class="block font-medium text-sm">SRCC GBO Previous Papers</span>
1741                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Practice SRCC GBO previous papers</span>
1742                                            </span>
1743                                        </a>
1744                                        <a href="/cuet-pg-previous-year-question-papers-pdf/" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1745                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1746                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1747                                            </span>
1748                                            <span class="block">
1749                                                <span class="block font-medium text-sm">CUET Previous Papers</span>
1750                                                <span class="align-top text-dark-400 text-xs">Familiarize yourself with CUET format</span>
1751                                            </span>
1752                                        </a>
1753                                        <a href="/mat-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1754                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1755                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1756                                            </span>
1757                                            <span class="block">
1758                                                <span class="block font-medium text-sm">MAT Previous Papers</span>
1759                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Crack MAT with previous papers</span>
1760                                            </span>
1761                                        </a>
1762                                        <a href="/mah-mba-cet-previous-year-papers-pdf/" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1763                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1764                                                <svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31" fill="none">
1765                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.09884 20.1808L0.0182841 8.8343C-0.0403253 8.66907 0.0466806 8.48604 0.211913 8.42567C5.57685 6.4961 11.6222 4.70149 16.7899 2.4965C17.0209 2.35082 17.2021 2.49474 17.3016 2.77011L23.7129 19.296L25.4538 24.1378C25.5125 24.303 25.4272 24.4878 25.262 24.5465L12.9937 28.9582L8.21137 30.6782C8.04613 30.7386 7.86316 30.6515 7.8028 30.4863L4.09884 20.1808Z" fill="white"/>
1766                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50083 16.4159L5.46324 4.53271C5.43303 4.35858 5.55031 4.19334 5.72262 4.16313L19.755 1.75736L22.9686 1.22788C23.1445 1.15147 23.4305 1.24029 23.498 1.633L26.9692 18.9674L27.8379 24.0384C27.8681 24.2107 27.7508 24.3777 27.5785 24.4079L14.7293 26.6112L9.71963 27.4711C9.54731 27.4996 9.38032 27.3823 9.35011 27.2099L7.50083 16.4159Z" fill="white"/>
1767                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4322 12.9119V24.3367C11.4322 24.5197 11.5814 24.6707 11.7644 24.6707H17.0672H24.9174H26.0455H30.6679C30.8508 24.6707 31.0001 24.5197 31.0001 24.3367V18.969V4.14171V3.98713H27.6248C27.2997 3.98713 26.6246 4.03333 26.6246 3.29599L26.6175 0H11.7643C11.5814 0 11.4321 0.149248 11.4321 0.332281V3.18404V4.3905V12.9119H11.4322Z" fill="white"/>
1768                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.80069 6.50305C3.89988 7.14273 2.01682 7.77702 0.211913 8.42554C0.0466806 8.48596 -0.0403253 8.66893 0.0182841 8.83417L4.09884 20.1808L7.8028 30.4862C7.86322 30.6514 8.04619 30.7385 8.21137 30.678L12.9937 28.9581L23.8906 25.0403L5.80069 6.50305Z" fill="#B5C4CF"/>
1769                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4322 3.18408L5.72262 4.16306C5.55031 4.19328 5.43303 4.35851 5.46324 4.53264L5.80079 6.50308L7.50089 16.4158L9.35017 27.2098C9.38038 27.3822 9.54737 27.4994 9.71969 27.471L14.7293 26.6111L23.8906 25.0404L26.0455 24.6708H24.9174L11.4322 3.18408Z" fill="#D7E7EC"/>
1770                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M31 18.969V4.14171V3.98713V3.93561C31 3.83964 30.9592 3.82366 30.8117 3.67974L27.1682 0.204346C26.9959 0.0408691 26.9675 0 26.8662 0H26.6175H11.7643C11.5814 0 11.4321 0.149248 11.4321 0.332281V24.3367C11.4321 24.5197 11.5814 24.6707 11.7643 24.6707H30.6678C30.8508 24.6707 31 24.5197 31 24.3367V18.969Z" fill="#EDF3F4"/>
1771                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4324 3.18408L10.0947 3.41331V25.5646C10.0947 25.7494 10.244 25.8986 10.4269 25.8986H15.7297
1771H18.8847L23.8908 25.0404L26.0457 24.6708H24.9176H23.5302H17.0674H11.7646C11.5816 24.6708 11.4324 24.5198 11.4324 24.3368C11.4324 17.2864 11.4324 10.2343 11.4324 3.18408Z" fill="#B5C4CF"/>
1772                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5009 16.4158L5.8008 6.50305C5.34071 6.65763 4.88237 6.8122 4.42578 6.96678L4.63721 8.19812L6.33731 18.1109L8.18841 28.9049C8.2168 29.0772 8.38379 29.1944 8.55611 29.166L13.5658 28.3061L15.9427 27.8992L23.1019 25.3229L23.0166 25.1896L18.8846 25.8986L14.7294 26.6111L9.71976 27.471C9.54744 27.4995 9.38045 27.3822 9.35024 27.2098L7.5009 16.4158Z" fill="#9AAFB7"/>
1773                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M30.9998 18.969V4.14171V3.98713C30.9998 3.80767 30.9412 3.80592 30.8115 3.67974L27.168 0.204346C26.9957 0.0408691 26.9673 0 26.866 0H26.6173H22.9204C27.438 6.04821 27.6956 16.9506 24.3434 23.7557C24.1888 24.072 24.0271 24.3758 23.8584 24.6707H24.9172H26.0452H30.6676C30.8506 24.6707 30.9998 24.5197 30.9998 24.3367V18.969Z" fill="#D7E7EC"/>
1774                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6248 3.29599C26.6248 4.03333 27.2998 3.98713 27.6249 3.98713H31.0002V3.93561C31.0002 3.83964 30.9594 3.82366 30.8119 3.67974L27.1684 0.204346C26.9961 0.0408691 26.9677 0 26.8664 0H26.6177L26.6248 3.29599Z" fill="white"/>
1775                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M30.8119 3.67974L27.1684 0.204346C26.9961 0.0408691 26.9677 0 26.8664 0H26.6177L26.6248 3.29593C26.6248 4.03327 27.2998 3.98707 27.6249 3.98707H31.0002V3.93555C31.0002 3.83964 30.9594 3.82366 30.8119 3.67974Z" fill="#B5C4CF"/>
1776                                                    <path d="M27.9976 7.26601H14.6226C14.3642 7.26601 14.1548 7.05652 14.1548 6.79805C14.1548 6.53957 14.3642 6.33008 14.6226 6.33008H27.9976C28.256 6.33008 28.4654 6.53957 28.4654 6.79805C28.4654 7.05652 28.256 7.26601 27.9976 7.26601Z" fill="#9AAFB7"/>
1777                                                    <path d="M27.9976 10.5904H14.6226C14.3642 10.5904 14.1548 10.3809 14.1548 10.1224C14.1548 9.86391 14.3642 9.65442 14.6226 9.65442H27.9976C28.256 9.65442 28.4654 9.86391 28.4654 10.1224C28.4654 10.3809 28.256 10.5904 27.9976 10.5904Z" fill="#9AAFB7"/>
1778                                                    <path d="M27.9976 13.9148H14.6226C14.3642 13.9148 14.1548 13.7053 14.1548 13.4468C14.1548 13.1884 14.3642 12.9789 14.6226 12.9789H27.9976C28.256 12.9789 28.4654 13.1884 28.4654 13.4468C28.4654 13.7053 28.256 13.9148 27.9976 13.9148Z" fill="#9AAFB7"/>
1779                                                    <path d="M27.9976 17.2392H14.6226C14.3642 17.2392 14.1548 17.0297 14.1548 16.7712C14.1548 16.5127 14.3642 16.3032 14.6226 16.3032H27.9976C28.256 16.3032 28.4654 16.5127 28.4654 16.7712C28.4654 17.0297 28.256 17.2392 27.9976 17.2392Z" fill="#9AAFB7"/>
1780                                                    <path d="M27.9976 20.5635H14.6226C14.3642 20.5635 14.1548 20.354 14.1548 20.0955C14.1548 19.8371 14.3642 19.6276 14.6226 19.6276H27.9976C28.256 19.6276 28.4654 19.8371 28.4654 20.0955C28.4654 20.354 28.256 20.5635 27.9976 20.5635Z" fill="#9AAFB7"/>
1781                                                </svg>
1782                                            </span>
1783                                            <span class="block">
1784                                                <span class="block font-medium text-sm">MAH MBA CET Previous Papers</span>
1785                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Crack MAH MBA CET  with previous papers</span>
1786                                            </span>
1787                                        </a>
1788                                        <a href="/pgdba-previous-papers" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1789                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1790                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1791                                            </span>
1792                                            <span class="block">
1793                                                <span class="block font-medium text-sm">PGDBA Previous Papers</span>
1794                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Crack PGDBA with previous papers</span>
1795                                            </span>
1796                                        </a>
1797                                        <a href="/ap-icet-previous-papers-pdf" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
1798                                            <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700">
1799                                                <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
1800                                            </span>
1801                                            <span class="block">
1802                                                <span class="block font-medium text-sm">AP ICET Previous Papers</span>
1803                                                <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Crack AP ICET with previous papers</span>
1804                                            </span>
1805                                        </a>
1806                                    </div>
1807                                </div>
1808                            </div>
1809                        </div>
1810                    </div>
1811                </div>
1812            </li>
1813            <li class="group/item">
1814                <button class="inline-flex items-center group/button cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
1815                    Tools
1816                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1817                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1818                    </svg> 
1819                </button>
1820                <!-- Dropdown menu -->
1821                <div class="text-dark-900 dark:text-dark-300 top-[92px] max-w-screen-2xl 2xl:max-w-screen-3xl mx-auto hidden group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1822                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)] relative border border-[#DEDEDE] z-10 mt-1 bg-white dark:bg-dark-900 dark:border-transparent rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)] p-6">
1823                        <div class="grid grid-cols-6 gap-5">
1824                            <a href="/iim-call-predictor" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
1825                                <img loading="lazy" class="max-w-full w-full" src="/static/src/img/iim_call_predictor_ss.a84bba13b91e.webp" width="306" height="300" alt="IIM Call Predictor Image">
1826                                <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-black  to-transparent group-hover/link:from-primary">
1827                                    <span class="text-white font-semibold text-base underline underline-offset-2">
1828                                        IIM Call Predictor
1829                                        <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1830                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
1831                                        </svg>
1832                                    </span>
1833                                    <span class="font-normal text-white text-xs align-top">Evaluate your profile and set your targets</span>
1834                                </span>
1835                            </a>
1836                            <a href="/cat-score-calculator" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
1837                                <img loading="lazy" class="max-w-full w-full" src="/static/src/img/navbar-cat-score.1ecc54d700ab.webp" width="306" height="300" alt="IIM Call Predictor Image">
1838                                <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-black  to-transparent group-hover/link:from-primary">
1839                                    <span class="text-white font-semibold text-base underline underline-offset-2">
1840                                        CAT Score Calculator
1841                                        <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1842                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
1843                                        </svg>
1844                                    </span>
1845                                    <span class="font-normal text-white text-xs align-top">Calculate your score from response sheet</span>
1846                                </span>
1847                            </a>
1848                            <a href="/cat-profile-evaluator" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
1849                                <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/profile_evaluator2.webp" width="306" height="234" alt="CAT Profile Evaluator Image">
1850                                <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-black  to-transparent group-hover/link:from-primary">
1851                                    <span class="text-white font-semibold text-base underline underline-offset-2">
1852                                        CAT Profile Evaluator
1853                                        <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1854                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
1855                                        </svg>
1856                                    </span>
1857                                    <span class="font-normal text-white text-xs align-top">Evaluate your profile</span>
1858                                </span>
1859                            </a>
1860                            <a href="/cat-percentile-predictor" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
1861                                <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/cat_score_calc.webp" width="306" height="234" alt="CAT Profile Evaluator Image">
1862                                <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-black  to-transparent group-hover/link:from-primary">
1863                                    <span class="text-white font-semibold text-base underline underline-offset-2">
1864                                        CAT Percentile Predictor
1865                                        <svg class="-ml-1 shrink-0 inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1866                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
1867                                        </svg>
1868                                    </span>
1869                                    <span class="font-normal text-white text-xs align-top">Evaluate your CAT percentile</span>
1870                                </span>
1871                            </a>
1872                            <a href="/cat-study-planner/" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
1873                                <img loading="lazy" class="max-w-full w-full" src="/static/src/img/navbar-cat-study-planner.bf879a1c0666.webp" width="306" height="300" alt="CAT Study Planner Image">
1874                                <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-black  to-transparent group-hover/link:from-primary">
1875                                    <span class="text-white font-semibold text-base underline underline-offset-2">
1876                                        CAT Study Planner
1877                                        <svg class="-ml-1 shrink-0 inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1878                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
1879                                        </svg>
1880                                    </span>
1881                                    <span class="font-normal text-white text-xs align-top">Get a personalised day-by-day CAT prep plan</span>
1882                                </span>
1883                            </a>
1884                            <a href="/mba-roi-calculator" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
1885                                <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/mba_roi_calc.webp" width="306" height="192" alt="MBA ROI Calculator Image">
1886                                <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-black  to-transparent group-hover/link:from-primary">
1887                                    <span class="text-white font-semibold text-base underline underline-offset-2">
1888                                        MBA ROI Calculator
1889                                        <svg class="-ml-1 shrink-0 inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1890                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
1891                                        </svg>
1892                                    </span>
1893                                    <span class="font-normal text-white text-xs align-top">Make data-driven decisions about your MBA</span>
1894                                </span>
1895                            </a>
1896                        </div>
1897                    </div>
1898                </div>
1899            </li>
1900            <li class="group/item">
1901                    <button class="inline-flex items-center group/button cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
1902                    Exams
1903                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
1904                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
1905                    </svg> 
1906                </button>
1907                <!-- Dropdown menu -->
1908                <div class="text-dark-900 dark:text-dark-300  top-[92px] max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
1909                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)]  relative border border-[#DEDEDE] z-10 mt-1 bg-white dark:bg-[#151515] dark:border-transparent roun
1909ded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)] p-6">
1910                        <div class="flex">
1911                            <div class="space-y-2 shrink-0">
1912                                
1913                                <label for="navbarExamInput1" class="cursor-pointer select-none max-w-52 p-4 rounded-l-mlg  block has-[:checked]:bg-[#F3F3F3] dark:has-[:checked]:bg-dark-900 hover:bg-[#F8F8F8] dark:hover:bg-[#2A2929]">
1914                                    <input onchange="(()=>{u(`.nav-exam-input[value='${u(this).first().value}']`).each((node)=>{node.checked=true;})})()" checked type="radio" value="navExamV1" name="navbarExam" id="navbarExamInput1" class="nav-exam-input hidden">
1915                                    <span class="block text-sm font-medium">
1916                                        
1917                                        CAT Exam
1918                                        
1919                                    </span>
1920                                    <span class="mt-1.5 block align-top text-dark-400 dark:text-dark-500 font-normal text-xs">
1921                                        
1922                                        Everything you need to know about the CAT exam
1923                                        
1924                                    </span>
1925                                </label>
1926                                
1927                                <label for="navbarExamInput2" class="cursor-pointer select-none max-w-52 p-4 rounded-l-mlg  block has-[:checked]:bg-[#F3F3F3] dark:has-[:checked]:bg-dark-900 hover:bg-[#F8F8F8] dark:hover:bg-[#2A2929]">
1928                                    <input onchange="(()=>{u(`.nav-exam-input[value='${u(this).first().value}']`).each((node)=>{node.checked=true;})})()"  type="radio" value="navExamV2" name="navbarExam" id="navbarExamInput2" class="nav-exam-input hidden">
1929                                    <span class="block text-sm font-medium">
1930                                        
1931                                        OMET Exams
1932                                        
1933                                    </span>
1934                                    <span class="mt-1.5 block align-top text-dark-400 dark:text-dark-500 font-normal text-xs">
1935                                        
1936                                        Everything about other management entrance tests
1937                                        
1938                                    </span>
1939                                </label>
1940                                
1941                                <label for="navbarExamInput3" class="cursor-pointer select-none max-w-52 p-4 rounded-l-mlg  block has-[:checked]:bg-[#F3F3F3] dark:has-[:checked]:bg-dark-900 hover:bg-[#F8F8F8] dark:hover:bg-[#2A2929]">
1942                                    <input onchange="(()=>{u(`.nav-exam-input[value='${u(this).first().value}']`).each((node)=>{node.checked=true;})})()"  type="radio" value="navExamV3" name="navbarExam" id="navbarExamInput3" class="nav-exam-input hidden">
1943                                    <span class="block text-sm font-medium">
1944                                        
1945                                        IPMAT and IIMB UG
1946                                        
1947                                    </span>
1948                                    <span class="mt-1.5 block align-top text-dark-400 dark:text-dark-500 font-normal text-xs">
1949                                        
1950                                        Everything you need to know about IPMAT and IIM UG
1951                                        
1952                                    </span>
1953                                </label>
1954                                
1955                            </div>
1956                            <!-- Nav Items  -->
1957                            <div class="grow">
1958                                
1959                                <div class="h-full hidden has-[:checked]:block has-[:checked]:bg-[#F3F3F3] dark:has-[:checked]:bg-dark-900 px-7 rounded-r-mlg py-2">
1960                                    <input  checked  type="radio" name="navbarExamTabContent" value="navExamV1"  class="nav-exam-input hidden">
1961                                    
1962                                    <a href="/cat-exam-syllabus-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white dark:hover:bg-[#2A2929] rounded-mlg group/link">
1963                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
1964                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
1965                                        </span>
1966                                        <span class="block">
1967                                            <span class="block font-medium text-sm">CAT Syllabus</span>
1968                                            <span class="align-top text-dark-400 text-xs">Checkout the section-wise detailed syllabus in the form of PDF</span>
1969                                        </span>
1970                                    </a>
1971                                    <a href="/cat-notification-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
1972                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
1973                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
1974                                        </span>
1975                                        <span class="block">
1976                                            <span class="block font-medium text-sm"> CAT Notification</span>
1977                                            <span class="align-top text-dark-400 text-xs">Check CAT notification date and important details</span>
1978                                        </span>
1979                                    </a>
1980                                    <a href="https://cracku.in/cat-exam-date-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
1981                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
1982                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
1983                                        </span>
1984                                        <span class="block">
1985                                            <span class="block font-medium text-sm">CAT Exam Date</span>
1986                                            <span class="align-top text-dark-400 text-xs">Check important dates related to CAT exam, admit card etc.</span>
1987                                        </span>
1988                                    </a>
1989                                    <a href="/cat-registration-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
1990                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
1991                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
1992                                        </span>
1993                                        <span class="block">
1994                                            <span class="block font-medium text-sm">CAT Registration</span>
1995                                            <span class="align-top text-dark-400 text-xs">Check detailed CAT registration process and important dates</span>
1996                                        </span>
1997                                    </a>
1998                                    <a href="/cat-eligibility-criteria-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
1999                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2000                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2001                                        </span>
2002                                        <span class="block">
2003                                            <span class="block font-medium text-sm">CAT Eligibility Criteria</span>
2004                                            <span class="align-top text-dark-400 text-xs">Check detailed eligibility criteria for CAT exam</span>
2005                                        </span>
2006                                    </a>
2007                                    <a href="/cat-exam-pattern-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2008                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2009                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2010                                        </span>
2011                                        <span class="block">
2012                                            <span class="block font-medium text-sm">CAT Exam Pattern</span>
2013                                            <span class="align-top text-dark-400 text-xs">Checkout the major changes in the CAT exam and pattern</span>
2014                                        </span>
2015                                    </a>
2016                                    
2017                                </div>
2018                                
2019                                <div class="h-full hidden has-[:checked]:block has-[:checked]:bg-[#F3F3F3] dark:has-[:checked]:bg-dark-900 px-7 rounded-r-mlg py-2">
2020                                    <input  type="radio" name="navbarExamTabContent" value="navExamV2"  class="nav-exam-input hidden">
2021                                    
2022                                    <a href="/xat-2027/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2023                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2024                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2025                                        </span>
2026                                        <span class="block">
2027                                            <span class="block font-medium text-sm">XAT Exam</span>
2028                                            <span class="align-top text-dark-400 text-xs">Find all the details about the XAT exam in one place.</span>
2029                                        </span>
2030                                    </a>
2031                                    <a href="/snap-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2032                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2033                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2034                                        </span>
2035                                        <span class="block">
2036                                            <span class="block font-medium text-sm">SNAP Exam</span>
2037                                            <span class="align-top text-dark-400 text-xs"> Find all the details about the SNAP exam in one place.</span>
2038                                        </span>
2039                                    </a>
2040                                    <a href="/nmat-2026/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2041                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2042                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2043                                        </span>
2044                                        <span class="block">
2045                                            <span class="block font-medium text-sm">NMAT Exam</span>
2046                                            <span class="align-top text-dark-400 text-xs">Find all the details about the NMAT exam in one place.</span>
2047                                        </span>
2048                                    </a>
2049                                    <a href="/cmat-2027/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2050                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2051                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2052                                        </span>
2053                                        <span class="block">
2054                                            <span class="block font-medium text-sm">CMAT Exam</span>
2055                                            <span class="align-top text-dark-400 text-xs">Find all the details about the CMAT exam in one place.</span>
2056                                        </span>
2057                                    </a>
2058                                    <a href="/srcc-gbo-exam/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2059                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2060                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2061                                        </span>
2062                                        <span class="block">
2063                                            <span class="block font-medium text-sm">SRCC GBO Exam</span>
2064                                            <span class="align-top text-dark-400 text-xs">Find all the details about the SRCC GBO exam in one place.</span>
2065                                        </span>
2066                                    </a>
2067                                    <a href="/mat-exam/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2068                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2069                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2070                                        </span>
2071                                        <span class="block">
2072                                            <span class="block font-medium text-sm">MAT Exam</span>
2073                                            <span class="align-top text-dark-400 text-xs">Find all the details about the MAT exam in one place.</span>
2074                                        </span>
2075                                    </a>
2076                                    <a href="https://gmatpoint.com/gmat-exam/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2077                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2078                                            <img src="/static/src/img/exams_nav.ca0034231f4c.webp" loading="lazy" class="w-7 h-7" alt="exams">
2079                                        </span>
2080                                        <span class="block">
2081                                            <span class="block font-medium text-sm">GMAT Exam</span>
2082                                            <span class="align-top text-dark-400 text-xs"> Find all the details about the GMAT exam in one place.</span>
2083                                        </span>
2084                                    </a>
2085                                    
2086                                </div>
2087                                
2088                                <div class="h-full hidden has-[:checked]:block has-[:checked]:bg-[#F3F3F3] dark:has-[:checked]:bg-dark-900 px-7 rounded-r-mlg py-2">
2089                                    <input  type="radio" name="navbarExamTabContent" value="navExamV3"  class="nav-exam-input hidden">
2090                                    
2091                                    <a href="/ipmat-mock-test/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2092                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2093                                            <strong class="text-primary  text-[10px]">IPMAT</strong>
2094                                        </span>
2095                                        <span class="block">
2096                                            <span class="block font-medium text-sm">IPMAT Mock Test (Free)</span>
2097                                            <span class="align-top text-dark-400 text-xs">Get 6 IPMAT Mock Tests for free</span>
2098                                        </span>
2099                                    </a>
2100                                    <a href="/ipmat-previous-year-papers-pdf/" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2101                                        <span class=" w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2102                                            <img src="/static/src/img/previouspaper_nav.d3d4f67254dd.webp" loading="lazy" class="w-7 h-7" alt="previous paper">
2103                                        </span>
2104                                        <span class="block">
2105                                            <span class="block font-medium text-sm">IPMAT Previous Papers</span>
2106                                            <span class="align-top text-dark-400 text-xs">Download IPMAT previous Papers in the form of PDF</span>
2107                                        </span>
2108                                    </a>
2109                                    <a href="/ipmat-daily-target" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2110                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2111                                            <img src="/static/src/img/ipmat_nav.43cef90264c1.webp" loading="lazy" class="w-7 h-7" alt="exams">
2112                                        </span>
2113                                        <span class="block">
2114                                            <span class="block font-medium text-sm">IPMAT & IIMB UG Daily Targets</span>
2115                                            <span class="align-top text-dark-400 text-xs">Take these free tests to build consistency</span>
2116                                        </span>
2117                                    </a>
2118                                    <a href="/iim-bangalore-ug-mock-test" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2119                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2120                                            <strong class="text-primary  text-[10px] text-center">
2121                                                <span class="align-bottom leading-3">IIMB</span>
2122                                                <span class="align-top leading-3">UG</span>
2123                                            </strong>
2124                                        </span>
2125                                        <span class="block">
2126                                            <span class="block font-medium text-sm">IIMB UG Mock Test (Free)</span>
2127                                            <span class="align-top text-dark-400 text-xs">Take 5+ free IIMB UG Mock tests in real exam format</span>
2128                                        </span>
2129                                    </a>
2130                                    <a href="/iim-bangalore-ug-online-coaching" class="transition-all durations-300 ease-in-out px-3 py-2 flex items-center gap-3 hover:bg-white rounded-mlg group/link dark:hover:bg-[#2A2929]">
2131                                        <span class="w-12 h-12 shrink-0 rounded-md bg-primary-100 flex items-center justify-center p-2 dark:bg-dark-900 dark:border dark:border-dark-700">
2132                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
2133                                                <path d="M24.4658 5.03547C23.9956 2.91242 21.9375 0.967596 19.8086 0.55451C18.5112 0.295233 14.8926 -0.0250798 12.5 -0.000177454C10.1074 -0.0265446 6.48926 0.292791 5.19189 0.553045C3.06299 0.967596 1.00488 2.91242 0.537109 5.03547C0.26709 6.32453 0.00390625 8.07844 0 10.4725C0.00390625 12.8651 0.26709 14.6195 0.537109 15.909C1.00732 18.032 3.06543 19.9769 5.19434 20.39C5.89453 20.5296 7.27197 20.6878 8.76709 20.7991C8.93636 21.0651 9.12028 21.3483 9.31885 21.6487C10.1123 22.8509 10.7192 23.6883 11.1797 24.2718C11.9453 25.2425 13.0596 25.2425 13.8252 24.2718C14.2856 23.6883 14.8926 22.8509 15.686 21.6487C15.8846 21.3486 16.0685 21.0654 16.2378 20.7991C17.7334 20.6878 19.1104 20.5296 19.811 20.39C21.9399 19.9769 23.998 18.032 24.4683 15.909C24.7358 14.6195 24.9985 12.866 25.0029 10.4725C24.9961 8.07795 24.7334 6.32502 24.4658 5.03547Z" fill="#0288D1"/>
2134                                                <path d="M12.5 -0.000177454C10.1074 -0.0265446 6.48926 0.292791 5.19189 0.553045C3.06299 0.967596 1.00488 2.91242 0.537109 5.03547C0.26709 6.32453 0.00390625 8.07844 0 10.4725C0.00390625 12.8651 0.26709 14.6195 0.537109 15.909C0.813965 17.1585 1.64111 18.3465 2.70898 19.1966C3.75064 19.446 4.81807 19.5717 5.88916 19.5711C13.3906 19.5711 19.4717 13.4901 19.4717 5.98908C19.4734 4.03561 19.052 2.10495 18.2363 0.329901C16.5679 0.142401 14.2183 -0.0177556 12.5 -0.000177454Z" fill="#0288D1"/>
2135                                                <path d="M13.8809 17.7314C13.8485 17.8835 13.7727 18.023 13.6628 18.1329C13.5528 18.2429 13.4133 18.3187 13.2613 18.3511C12.7569 18.4285 12.2437 18.4285 11.7393 18.3511C11.5872 18.3187 11.4477 18.243 11.3377 18.133C11.2278 18.023 11.152 17.8836 11.1197 17.7314C11.0415 17.227 11.0415 16.7135 11.1197 16.209C11.152 16.0569 11.2278 15.9174 11.3377 15.8074C11.4477 15.6975 11.5872 15.6217 11.7393 15.5894C12.2437 15.5119 12.7569 15.5119 13.2613 15.5894C13.4136 15.6219 13.5532 15.698 13.6632 15.8083C13.7732 15.9186 13.8488 16.0585 13.8809 16.2109C13.959 16.7154 13.959 17.2289 13.8809 17.7334V17.7314ZM16.8535 9.73389C16.4766 10.2671 15.9117 10.7539 15.0757 11.2651C14.0176 11.9175 13.8482 12.1855 13.8482 12.7104V12.918C13.8516 13.0974 13.8192 13.2757 13.7529 13.4425C13.6866 13.6092 13.5877 13.7611 13.462 13.8892C13.3363 14.0173 13.1864 14.119 13.0209 14.1885C12.8554 14.258 12.6778 14.2937 12.4983 14.2937C12.3189 14.2937 12.1412 14.258 11.9757 14.1885C11.8103 14.119 11.6603 14.0173 11.5346 13.8892C11.4089 13.7611 11.3101 13.6092 11.2438 13.4425C11.1775 13.2757 11.
21351451 13.0974 11.1485 12.918V12.437C11.1485 11.8179 11.3033 11.2925 11.6216 10.8311C11.9302 10.3838 12.3931 9.98633 13.0786 9.57861C14.3428 8.83496 14.5743 8.41748 14.5743 7.86328C14.5743 7.16699 13.981 6.7168 13.0606 6.7168C12.0552 6.7168 11.4004 7.17383 11.1148 8.07568C11.0222 8.36581 10.8394 8.61877 10.5929 8.79761C10.3464 8.97646 10.0492 9.07184 9.74466 9.06982C9.70951 9.06982 9.67386 9.06982 9.63919 9.06592C9.42042 9.0505 9.20806 8.9853 9.01834 8.87528C8.82861 8.76527 8.66653 8.61336 8.54447 8.43115C8.42251 8.25219 8.3431 8.0477 8.31229 7.83334C8.28149 7.61897 8.30011 7.4004 8.36673 7.19434C8.65969 6.25528 9.26054 5.44233 10.0723 4.88672C10.8907 4.3291 11.9244 4.03467 13.0606 4.03467C14.2408 4.03467 15.336 4.41113 16.1446 5.09473C16.9771 5.79785 17.4351 6.76807 17.4351 7.82617C17.4375 8.55371 17.2466 9.17969 16.8535 9.73389Z" fill="white"/>
2136                                            </svg>
2137                                        </span>
2138                                        <span class="block">
2139                                            <span class="block font-medium text-sm">IIMB UG Study Room (Free)</span>
2140                                            <span class="align-top text-dark-400 text-xs">Practice from 2000+ IIMB UG questions available for free</span>
2141                                        </span>
2142                                    </a>
2143                                    
2144                                </div>
2145                                
2146                            </div>
2147                            <div class="shrink-0 pb-4 pl-8">
2148                                
2149                                    <div class="hidden has-[:checked]:block  max-w-72">
2150                                        <input  checked  type="radio" name="navbarExamTabContent1" value="navExamV1"  class="nav-exam-input hidden">
2151                                        <a href="/cat-2026" rel="nofollow" class="gap-4 flex flex-col rounded-lg border border-[#DEDEDE] shadow p-3 hover:shadow-xl transition-all duration-200 ease-linear dark:bg-dark-900 dark:border-transparent">
2152                                            
2153                                                <img loading="lazy" class="shrink-0 max-w-full w-full rounded-lg" src="/media/CAT_2026_lSLlv7s.webp" alt="blog image">
2154                                            
2155                                            <span class="grow">
2156                                                <span class="line-clamp-2 font-bold text-dark-900 dark:text-dark-300 text-base">CAT 2026, Important Dates, Application Form, Eligibility Criteria</span>
2157                                                <span class="mt-3 line-clamp-2 text-dark-500 text-xs">Here we have discussed complete details on CAT 2026 with key dates, eligibility, syllabus, exam pattern, and tips to crack one of India’s toughest MBA entrance exams.</span>
2158                                            </span>
2159                                            <span class="mt-auto flex items-center gap-3">
2160                                                
2161                                                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 56 56" fill="none">
2162                                                    <path d="M28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z" fill="#F2F2F4"/>
2163                                                    <path d="M28 0V56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0Z" fill="#D9E3E8"/>
2164                                                    <path d="M21.2626 31.1694C18.3882 29.0801 16.5156 25.6924 16.5156 21.875C16.5156 15.5425 21.6675 10.3906 28 10.3906C34.3325 10.3906 39.4844 15.5425 39.4844 21.875C39.4844 25.6924 37.6118 29.0801 34.7374 31.1694C41.7605 33.5136 47.1694 39.4179 48.8114 46.7304C53.2796 41.769 56 35.2026 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 35.2026 2.72037 41.769 7.18856 46.7304C8.83061 39.4179 14.2395 33.5136 21.2626 31.1694Z" fill="#7DD1FC"/>
2165                                                    <path d="M28 0V10.3906C34.3325 10.3906 39.4844 15.5425 39.4844 21.875C39.4844 25.6924 37.6118 29.0801 34.7374 31.1694C41.7605 33.5136 47.1694 39.4179 48.8114 46.7304C53.2796 41.769 56 35.2026 56 28C56 12.536 43.464 0 28 0Z" fill="#4DC1F6"/>
2166                                                </svg>
2167                                                
2168                                                <span class="flex flex-col">
2169                                                    <span class="block text-dark-900 dark:text-dark-300 text-xs font-semibold">Nehal Sharma</span>
2170                                                    <span class="text-dark-500 text-xs align-top">
2171                                                        August 04 - 5 Min read
2172                                                    </span>
2173                                                </span>
2174                                            </span>
2175                                        </a>
2176                                    </div>
2177                                
2178                                    <div class="hidden has-[:checked]:block  max-w-72">
2179                                        <input  type="radio" name="navbarExamTabContent1" value="navExamV2"  class="nav-exam-input hidden">
2180                                        <a href="/omet-exams" rel="nofollow" class="gap-4 flex flex-col rounded-lg border border-[#DEDEDE] shadow p-3 hover:shadow-xl transition-all duration-200 ease-linear dark:bg-dark-900 dark:border-transparent">
2181                                            
2182                                                <img loading="lazy" class="shrink-0 max-w-full w-full rounded-lg" src="/media/Banners_92.webp" alt="blog image">
2183                                            
2184                                            <span class="grow">
2185                                                <span class="line-clamp-2 font-bold text-dark-900 dark:text-dark-300 text-base">Top 5 OMET Exams in India, Exam Dates, Registration Last Date</span>
2186                                                <span class="mt-3 line-clamp-2 text-dark-500 text-xs">OMET Exams are  held annually from November to December. It is one of several management entrance tests,  In  this article Check Top 5 OMET Exams in India and their Exam Dates below.</span>
2187                                            </span>
2188                                            <span class="mt-auto flex items-center gap-3">
2189                                                
2190                                                <img loading="lazy" class="rounded-full aspect-square" width="28" height="28" src="/media/profilePics/2791378_uzS7S1Y.png" alt="blog author image">
2191                                                
2192                                                <span class="flex flex-col">
2193                                                    <span class="block text-dark-900 dark:text-dark-300 text-xs font-semibold">Naveen Neredimalli</span>
2194                                                    <span class="text-dark-500 text-xs align-top">
2195                                                        January 22 - 5 Min read
2196                                                    </span>
2197                                                </span>
2198                                            </span>
2199                                        </a>
2200                                    </div>
2201                                
2202                                    <div class="hidden has-[:checked]:block  max-w-72">
2203                                        <input  type="radio" name="navbarExamTabContent1" value="navExamV3"  class="nav-exam-input hidden">
2204                                        <a href="/ipmat-2027" rel="nofollow" class="gap-4 flex flex-col rounded-lg border border-[#DEDEDE] shadow p-3 hover:shadow-xl transition-all duration-200 ease-linear dark:bg-dark-900 dark:border-transparent">
2205                                            
2206                                                <img loading="lazy" class="shrink-0 max-w-full w-full rounded-lg" src="/media/IPMAT_2027.webp" alt="blog image">
2207                                            
2208                                            <span class="grow">
2209                                                <span class="line-clamp-2 font-bold text-dark-900 dark:text-dark-300 text-base">IPMAT 2027, Important Dates, Notification, Eligibility, Fees</span>
2210                                                <span class="mt-3 line-clamp-2 text-dark-500 text-xs">Here we have discussed the IPMAT 2027 guide covering registration, exam pattern, eligibility criteria, and syllabus for aspiring management students.</span>
2211                                            </span>
2212                                            <span class="mt-auto flex items-center gap-3">
2213                                                
2214                                                <img loading="lazy" class="rounded-full aspect-square" width="28" height="28" src="/media/profilePics/5741913.png" alt="blog author image">
2215                                                
2216                                                <span class="flex flex-col">
2217                                                    <span class="block text-dark-900 dark:text-dark-300 text-xs font-semibold">Raju</span>
2218                                                    <span class="text-dark-500 text-xs align-top">
2219                                                        September 16 - 5 Min read
2220                                                    </span>
2221                                                </span>
2222                                            </span>
2223                                        </a>
2224                                    </div>
2225                                
2226                                
2227                            </div>
2228                        </div>
2229                    </div>
2230                </div>
2231            </li>
2232            <li class="group/item">
2233                <button id=""  class="inline-flex items-center group/button  cursor-pointer py-3 group-hover/item:bg-primary-100 dark:group-hover/item:bg-[#2A2929] px-2 rounded-[4px]" >
2234                    More
2235                    <svg class="ms-1 duration-200  group-hover/item:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24">
2236                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
2237                    </svg> 
2238                </button>
2239                <div class="text-dark-900  dark:text-dark-300 top-[92px] max-w-screen-lg 2xl:max-w-screen-xl mx-auto hidden  group-hover/item:block fixed inset-x-0 before:absolute before:inset-0 before:backdrop-blur-[2px] before:[mask-image:linear-gradient(90deg,#0000_0%,#000_5%,#000_95%,#0000_100%),linear-gradient(180deg,#0000_0%,#000_5%,#000_95%,#0000_100%);] before:[mask-composite:intersect;] pb-10 px-6 2xl:px-16 ">
2240                    <div class="overflow-auto max-h-[calc(100dvh_-_91px_-_40px)] relative border border-[#DEDEDE] z-10 mt-1 bg-white  dark:bg-dark-900 dark:border-transparent rounded-2xl shadow-[0_4px_20px_4px_rgba(0,0,0,0.10)] px-6">
2241                        <div class="flex gap-5">
2242                            <div class="grid grid-cols-2 gap-5 grow shrink-0 py-6">
2243                                <a href="/free-cat-preparation" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
2244                                    <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/free-cat-resources.webp" width="306" height="147" alt="IIM Call Predictor Image">
2245                                    <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-transparent to-transparent group-hover/link:from-primary">
2246                                        <span class="text-white font-semibold text-base underline underline-offset-2">
2247                                            Free CAT Resources
2248                                            <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2249                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
2250                                            </svg>
2251                                        </span>
2252                                        <span class="font-normal text-white text-xs align-top">Valuable resources to boost your CAT prep</span>
2253                                    </span>
2254                                </a>
2255                                <a href="/mba-exam-updates/" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
2256                                    <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/mba-updates.webp" width="306" height="147" alt="IIM Call Predictor Image">
2257                                    <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-transparent to-transparent group-hover/link:from-primary">
2258                                        <span class="text-white font-semibold text-base underline underline-offset-2">
2259                                            Latest MBA Articles
2260                                            <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2261                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
2262                                            </svg>
2263                                        </span>
2264                                        <span class="font-normal text-white text-xs align-top">Get the latest MBA updates and tips</span>
2265                                    </span>
2266                                </a>
2267                                <a href="/cat-daily-articles" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
2268                                    <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/daily-articles.webp" width="306" height="147" alt="IIM Call Predictor Image">
2269                                    <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-transparent  to-transparent group-hover/link:from-primary">
2270                                        <span class="text-white font-semibold text-base underline underline-offset-2">
2271                                            CAT Daily Articles
2272                                            <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2273                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
2274                                            </svg>
2275                                        </span>
2276                                        <span class="font-normal text-white text-xs align-top">Enhance your VARC skills with daily articles</span>
2277                                    </span>
2278                                </a>
2279                                <a href="/colleges" class="transition-all duration-300 ease-linear group/link block w-full relative rounded-2xl overflow-hidden">
2280                                    <img loading="lazy" class="max-w-full w-full" src="https://cracku.in/media/images/mba-colleges.webp" width="306" height="147" alt="IIM Call Predictor Image">
2281                                    <span class="p-4 flex flex-col justify-end transition-[background-image] duration-300 ease-in-out absolute inset-0 bg-gradient-to-t from-transparent  to-transparent group-hover/link:from-primary">
2282                                        <span class="text-white font-semibold text-base underline underline-offset-2">
2283                                            MBA Colleges
2284                                            <svg class="inline rotate-45" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2285                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
2286                                            </svg>
2287                                        </span>
2288                                        <span class="font-normal text-white text-xs align-top">Everything about top B-Schools in India</span>
2289                                    </span>
2290                                </a>
2291                            </div>
2292                            <div class="border-l border-[#DEDEDE] dark:border-dark-700 px-6 py-6 max-w-xs">
2293                                <a href="/mentorship" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
2294                                    <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700 ">
2295                                        <img src="/static/src/img/more5_nav.8cc3a19d19b0.webp" loading="lazy" class="w-7 h-7" alt="more">
2296                                    </span>
2297                                    <span class="block">
2298                                        <span class="block font-medium text-sm">Cracku Mentorship</span>
2299                                        <span class="align-top text-dark-400 dark:text-dark-500 text-xs">One-to-one support to boost your CAT score</span>
2300                                    </span>
2301                                </a>
2302                                <a href="/trending" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
2303                                    <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700 ">
2304                                        <img src="/static/src/img/more1_nav.1b0c235db285.webp" loading="lazy" class="w-6 h-4" alt="more">
2305                                    </span>
2306                                    <span class="block">
2307                                        <span class="block font-medium text-sm">Trending</span>
2308                                        <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Catch up on the trending exams</span>
2309                                    </span>
2310                                </a>
2311                                <a href="/adda" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
2312                                    <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700 ">
2313                                        <img src="/static/src/img/more2_nav.740030ddf2da.webp" loading="lazy" class="w-7 h-7" alt="more">
2314                                    </span>
2315                                    <span class="block">
2316                                        <span class="block font-medium text-sm">Adda</span>
2317                                        <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Join the Cracku community</span>
2318                                    </span>
2319                                </a>
2320                                <a href="/store" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
2321                                    <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700 ">
2322                                        <img src="/static/src/img/more3_nav.f4e0a128fa0d.webp" loading="lazy" class="w-7 h-7" alt="more">
2323                                    </span>
2324                                    <span class="block">
2325                                        <span class="block font-medium text-sm">Cracku store</span>
2326                                        <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Shop for exclusive Cracku study materials and merchandise</span>
2327                                    </span>
2328                                </a>
2329                                <a href="/games" class="transition-all durations-300 ease-in-out py-2 flex items-center gap-3 hover:bg-[#F3F3F3] rounded group/link dark:hover:bg-[#2A2929]">
2330                                    <span class="group-hover/link:border-0 w-12 h-12 shrink-0 rounded-md border border-[#DEDEDE] flex items-center justify-center p-2 dark:border-dark-700 ">
2331                                        <img src="/static/src/img/more4_nav.053233e74be3.webp" loading="lazy" class="w-7 h-7" alt="more">                                    </span>
2332                                    <span class="block">
2333                                        <span class="block font-medium text-sm">Games</span>
2334                                        <span class="align-top text-dark-400 dark:text-dark-500 text-xs">Train your brain for CAT</span>
2335                                    </span>
2336                                </a>
2337                            </div>
2338                        </div>
2339                    </div>
2340                </div>
2341            </li>
2342        </ul>
2343    </div>
2344</nav>
2345                
2346                
2347            
2348            
2349            <div class="flex items-center gap-1 shrink-0">
2350                
2351                <button onclick="openDownloadModal()" type="button" class="lg:hidden flex items-center gap-1 bg-[#e6f3fa] dark:bg-[#032D43] hover:bg-primary-200 text-primary dark:text-white text-xs font-medium me-2 px-2.5 py-0.5 rounded">
2352                    <svg class="w-4 h-4 hidden sm:block" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2353                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 15v2a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-2m-8 1V4m0 12-4-4m4 4 4-4"/>
2354                    </svg>
2355                    PDF
2356                </button>
2357                
2358                <a class="hidden md:inline-flex lg:hidden items-center justify-center gap-[5px] h-[28px] px-2.5 py-px rounded-[5px] shrink-0 relative overflow-hidden after:absolute after:inset-y-0 after:z-10 after:w-16 after:animate-shimmer after:pointer-events-none after:bg-[linear-gradient(90deg,rgba(0,188,212,0)_0%,rgba(0,188,212,0.65)_50%,rgba(0,188,212,0)_100%)] bg-gradient-to-r from-info-700 to-info-800 text-white text-xs font-medium" href="/cat-2-months/�?utm_source=cracku&utm_medium=salebutton&utm_campaign=cat&utm_content=hero_section" target="_blank">
2359                    Last 65 Days
2360                </a>
2361                
2362                <!--  Dark Theme Toggle  -->
2363
2364                
2365                
2366                
2367                        <button type="button" id="getStartedBtn" class="whitespace-nowrap  login-required  inline-flex items-center justify-center px-3 py-2 rounded-[3px] bg-primary hover:bg-primary-800 dark:bg-primary-800 dark:hover:bg-primary text-white hover:text-white text-sm font-semibold" data-logintab="login"  data-loginname="Signin">Get Started</button>
2368                
2369            </div>
2370        </div>
2371    </nav>    
2372</header>
2373<script>
2374    // Slide the navbar away when the page is scrolled down and bring it back on
2375    // the way up, the way google.com/chrome does it.
2376    document.addEventListener("DOMContentLoaded", function () {
2377
2378        const header = document.getElementById("megaNavHeader");
2379        if (!header) return;
2380
2381        const searchBox = document.getElementById("navSearchBox");
2382        const topStrip = document.getElementById("megaNavTopStrip");
2383        // movement needed before a direction change counts, so trackpad jitter
2384        // can't make the navbar flap
2385        const DELTA = 6;
2386
2387        // Sticky bars parked right under the navbar have to travel with it.
2388        const followers = Array.prototype.slice
2389            .call(document.querySelectorAll('[class*="top-[92px]"]'))
2390            .filter(el => getComputedStyle(el).position === "sticky");
2391        followers.forEach(el => {
2392            el.style.transition = "top .4s ease-in";
2393        });
2394
2395        let hidden = false;
2396        let ticking = false;
2397        let lastY = Math.max(window.scrollY, 0);
2398        let travelled = 0;
2399
2400        // Every measurement is taken up front and refreshed only on resize, so
2401        // the scroll path never reads layout and never blocks the compositor.
2402        let headerHeight = 0;
2403        let stripHeight = 0;
2404
2405        function measure() {
2406            headerHeight = header.offsetHeight;
2407            stripHeight = topStrip ? topStrip.offsetHeight : 0;
2408            applyFollowers();
2409        }
2410        
2411        function applyFollowers() {
2412            followers.forEach(el => {
2413                el.style.top = hidden ? stripHeight + "px" : "";
2414            });
2415        }
2416
2417        // Only the bottom row travels: the header slides up by its full height
2418        // while the exam strip is pushed back down so it stays pinned on top.
2419        // Both move on a transform, so nothing around them reflows.
2420        function setHidden(next) {
2421            if (next === hidden) return;
2422            hidden = next;
2423
2424            header.style.transform = next ? "translateY(-" + headerHeight + "px)" : "";
2425            if (topStrip) topStrip.style.transform = next ? "translateY(" + headerHeight + "px)" : "";
2426
2427            // each follower closes the gap down to whatever is left on screen
2428            applyFollowers();
2429        }
2430
2431        function onScroll() {
2432            if (ticking) return;
2433            ticking = true;
2434            window.requestAnimationFrame(function () {
2435                ticking = false;
2436
2437                // rubber-band scrolling on iOS reports negative offsets
2438                const y = Math.max(window.scrollY, 0);
2439                const delta = y - lastY;
2440                lastY = y;
2441
2442                // keep the navbar in place while the search overlay is open
2443                if (searchBox && searchBox.dataset.open === "true") {
2444                    travelled = 0;
2445                    setHidden(false);
2446                    return;
2447                }
2448
2449                // near the top of the page the navbar always stays visible
2450                if (y <= headerHeight) {
2451                    travelled = 0;
2452                    setHidden(false);
2453                    return;
2454                }
2455
2456                if (!delta) return;
2457
2458                // a change of direction starts the count again
2459                if ((delta > 0) !== (travelled > 0)) travelled = 0;
2460                travelled += delta;
2461
2462                if (travelled > DELTA) setHidden(true);          // heading down
2463                else if (travelled < -DELTA) setHidden(false);   // heading back up
2464            });
2465        }
2466
2467        let resizeTimer;
2468        window.addEventListener("resize", function () {
2469            clearTimeout(resizeTimer);
2470            resizeTimer = setTimeout(measure, 150);
2471        }, { passive: true });
2472
2473        measure();
2474        window.addEventListener("scroll", onScroll, { passive: true });
2475    });
2476</script>
2476
2477
2478<div id="mobileSidebarContainer"></div>
2479
2480
2481    
2482    
2483    
2484    
2485<!-- Hero Section -->
2486<section class="w-full bg-gradient-to-r from-white to-primary-200 dark:from-dark-900 dark:to-primary-900 overflow-hidden">
2487    <div class="max-w-[1364px] mx-auto px-4 py-8 lg:py-[60px] flex flex-col lg:flex-row items-center justify-between gap-8">
2488        <div class="flex-1 w-full text-center lg:text-left">
2489            <h1 class="text-2xl lg:text-[48px] font-bold leading-tight lg:leading-[56px] bg-gradient-to-r from-primary-600 to-primary-900 bg-clip-text text-transparent">
2490                Cracku Store
2491            </h1>
2492            <p class="mt-3 text-sm lg:text-xl leading-[22px] lg:leading-[28px] text-dark-900 dark:text-dark-100 max-w-[712px] mx-auto lg:mx-0 font-normal">
2493                From top-quality prep books to exclusive merchandise—everything you need to stay motivated and exam-ready.
2494            </p>
2495        </div>
2496        <!-- Hero books — desktop only -->
2497        <div class="hidden lg:flex relative w-[415px] h-[260px] items-center justify-center shrink-0">
2498            <img src="/static/src/img/cat-2025-book-5.a9eac0dd5987.webp" alt="CAT Formulae Handbook" class="hero-book delay-1 absolute h-[245px] w-auto rounded-xl" />
2499            <img src="/static/src/img/cat-2025-book-1.71facdd10c0f.webp" alt="CAT Quantitative Aptitude" class="hero-book delay-2 absolute h-[245px] w-auto rounded-xl" />
2500            <img src="/static/src/img/cat-2025-book-2.4877575ac639.webp" alt="CAT Verbal Ability" class="hero-book delay-3 absolute h-[245px] w-auto rounded-xl" />
2501        </div>
2502    </div>
2503</section>
2504
2505<!-- Feature pills -->
2506<section class="w-full bg-[#F7F9FB] dark:bg-[#121212]">
2507    <div class="max-w-[1364px] mx-auto px-4 py-6 lg:py-8">
2508        <div class="flex flex-col lg:flex-row gap-3 lg:gap-5">
2509            <!-- Feature 1: Books -->
2510            <div class="relative flex items-center justify-start gap-3 bg-white dark:bg-dark-800 border border-[#DEDEDE] dark:border-dark-700 rounded-lg h-10 lg:h-[57px] px-2 py-2 sm:py-0 flex-1">
2511                <div class="flex items-center justify-center bg-info-100 dark:bg-info-900 rounded-md size-6 lg:size-[41px]">
2512                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4 lg:size-7 text-info-700 dark:text-info-200">
2513                        <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>
2514                        <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>
2515                    </svg>
2516                </div>
2517                <p class="text-xs lg:text-base font-medium text-dark-900 dark:text-dark-100 leading-[22px] lg:leading-[32px] whitespace-nowrap">
2518                    Expert-crafted books for effective prep
2519                </p>
2520            </div>
2521            <!-- Feature 2: Merchandise -->
2522            <div class="relative flex items-center justify-start gap-3 bg-white dark:bg-dark-800 border border-[#DEDEDE] dark:border-dark-700 rounded-lg h-10 lg:h-[57px] px-2 py-2 sm:py-0 flex-1">
2523                <div class="flex items-center justify-center bg-warning-200 dark:bg-warning-900 rounded-md size-6 lg:size-[41px]">
2524                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4 lg:size-7 text-warning-800 dark:text-warning-200">
2525                        <path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/>
2526                    </svg>
2527                </div>
2528                <p class="text-xs lg:text-base font-medium text-dark-900 dark:text-dark-100 leading-[22px] lg:leading-[32px] whitespace-nowrap">
2529                    Quality merchandise that keeps you driven
2530                </p>
2531            </div>
2532            <!-- Feature 3: CAT journey -->
2533            <div class="relative flex items-center justify-start gap-3 bg-white dark:bg-dark-800 border border-[#DEDEDE] dark:border-dark-700 rounded-lg h-10 lg:h-[57px] px-2 py-2 sm:py-0 flex-1">
2534                <div class="flex items-center justify-center bg-danger-100 dar
2534k:bg-danger-900 rounded-md size-6 lg:size-[41px]">
2535                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4 lg:size-8 text-danger-700 dark:text-danger-300">
2536                        <path d="M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z"/>
2537                    </svg>
2538                </div>
2539                <p class="text-xs lg:text-base font-medium text-dark-900 dark:text-dark-100 leading-[22px] lg:leading-[32px] whitespace-nowrap">
2540                    Everything aligned with your CAT journey
2541                </p>
2542            </div>
2543        </div>
2544    </div>
2545</section>
2546
2547<!-- Product grid -->
2548<section class="w-full bg-[#F7F9FB] dark:bg-[#121212] pb-10 sm:pb-12 md:pb-16 lg:pb-20 mb-6 sm:mb-10 md:mb-12">
2549    <div class="max-w-[1364px] mx-auto px-4">
2550        <div class="grid grid-cols-2 lg:grid-cols-3 gap-3 lg:gap-5">
2551            
2552            <article class="bg-white dark:bg-dark-800 rounded-mlg lg:rounded-[12px] overflow-hidden flex flex-col">
2553                <div class="block relative bg-gradient-to-b from-white to-primary-100 dark:from-dark-800 dark:to-primary-900 h-[100px] lg:h-[288px] overflow-hidden">
2554                    
2555                    <img src="/media/Practice_Booklet_cM7BVbQ.png" alt="Practice Booklet - Quantity 10" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-[90px] lg:h-[245px] w-auto"/>
2556                    
2557                </div>
2558                <div class="p-2 lg:px-5 lg:py-4 flex flex-col gap-1 lg:gap-2">
2559                    <h3 class="text-[10px] lg:text-xl font-semibold text-dark-900 dark:text-dark-100 leading-[14px] lg:leading-normal">
2560                        Practice Booklet - Quantity 10
2561                    </h3>
2562                    <p class="text-[8px] lg:text-sm font-normal text-dark-500 dark:text-dark-300 leading-3 lg:leading-normal line-clamp-2">
2563                        Prepare effectively for the CAT exam with our specially designed rough booklet. This booklet provides ample space for solving complex problems and practicing mock tests, making it an essential tool for every CAT aspirant. Each booklet is similar to the actual rough booklet you will get in CAT exam with 24 A5 pages. Boost your CAT exam preparation with this must-have resource and stay on top of your game. This bundle contains 10 booklets (240 pages)
2564                    </p>
2565                    <hr class="border-t border-[#DEDEDE] dark:border-dark-700 my-1 lg:my-2"/>
2566                    <div class="flex items-center justify-between gap-2 mt-auto">
2567                        <div class="flex items-center gap-1 lg:gap-1.5">
2568                            <div class="flex flex-row gap-1 sm:gap-0 sm:flex-col">
2569                                <span class="text-xs lg:text-2xl font-semibold text-dark-900 dark:text-dark-100 leading-none">₹ 149</span>
2570                                
2571                                    <span class="text-[8px] lg:text-base font-normal text-dark-500 dark:text-dark-400 line-through leading-none mt-0.5 lg:mt-1">₹ 199</span>
2572                                
2573                            </div>
2574                            
2575                                <span class="bg-success-500 text-white text-[10px] lg:text-sm font-semibold px-1.5 lg:px-2 py-0 sm:py-0.5 rounded-[4px] lg:rounded-xl whitespace-nowrap self-start">25% OFF</span>
2576                            
2577                        </div>
2578                        <a href="/store/practice-booklet" class="hidden lg:inline-flex bg-primary hover:bg-primary-dark items-center justify-center text-white text-base font-semibold rounded-md py-2 px-3 w-[170px] whitespace-nowrap transition-colors">
2579                            Purchase Now
2580                        </a>
2581                    </div>
2582                    <a href="/store/practice-booklet" class="lg:hidden bg-primary hover:bg-primary-dark inline-flex items-center justify-center gap-1 text-white text-xs font-semibold rounded-md py-2 px-3 w-full whitespace-nowrap mt-2 transition-colors">
2583                        Purchase Now
2584                    </a>
2585                </div>
2586            </article>
2587            
2588            <article class="bg-white dark:bg-dark-800 rounded-mlg lg:rou
2588nded-[12px] overflow-hidden flex flex-col">
2589                <div class="block relative bg-gradient-to-b from-white to-primary-100 dark:from-dark-800 dark:to-primary-900 h-[100px] lg:h-[288px] overflow-hidden">
2590                    
2591                    <img src="/media/CAT_book_cracku-2_Page_1_1.webp" alt="CAT 2026 Books Bundle" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-[90px] lg:h-[245px] w-auto"/>
2592                    
2593                </div>
2594                <div class="p-2 lg:px-5 lg:py-4 flex flex-col gap-1 lg:gap-2">
2595                    <h3 class="text-[10px] lg:text-xl font-semibold text-dark-900 dark:text-dark-100 leading-[14px] lg:leading-normal">
2596                        CAT 2026 Books Bundle
2597                    </h3>
2598                    <p class="text-[8px] lg:text-sm font-normal text-dark-500 dark:text-dark-300 leading-3 lg:leading-normal line-clamp-2">
2599                        CAT 2026 Books Bundle is a must-have resource for every serious CAT aspirant. It contains must-solve questions topic-wise (including from previous CAT papers) with detailed explanations written by 5-Time CAT 100%iler (Maruti Konduri) and CAT 99.97%iler (Sayali Kale).
2600The bundle includes five separate books, each focusing on a different section of the CAT exam:
2601- VARC (Verbal Ability &amp; Reading Comprehension) Book
2602- LR (Logical Reasoning) Book
2603- DI (Data Interpretation) Book
2604- Quantitative Aptitude Book
2605 - Quant Formulas Book
2606By practicing these books, CAT aspirants will develop a strong problem-solving approach, gain confidence, and refine their test-taking strategy. Every CAT aspirant should solve these books to maximize their score!
2607                    </p>
2608                    <hr class="border-t border-[#DEDEDE] dark:border-dark-700 my-1 lg:my-2"/>
2609                    <div class="flex items-center justify-between gap-2 mt-auto">
2610                        <div class="flex items-center gap-1 lg:gap-1.5">
2611                            <div class="flex flex-row gap-1 sm:gap-0 sm:flex-col">
2612                                <span class="text-xs lg:text-2xl font-semibold text-dark-900 dark:text-dark-100 leading-none">₹ 2999</span>
2613                                
2614                                    <span class="text-[8px] lg:text-base font-normal text-dark-500 dark:text-dark-400 line-through leading-none mt-0.5 lg:mt-1">₹ 5999</span>
2615                                
2616                            </div>
2617                            
2618                                <span class="bg-success-500 text-white text-[10px] lg:text-sm font-semibold px-1.5 lg:px-2 py-0 sm:py-0.5 rounded-[4px] lg:rounded-xl whitespace-nowrap self-start">50% OFF</span>
2619                            
2620                        </div>
2621                        <a href="/store/cat-2026-books-bundle" class="hidden lg:inline-flex bg-primary hover:bg-primary-dark items-center justify-center text-white text-base font-semibold rounded-md py-2 px-3 w-[170px] whitespace-nowrap transition-colors">
2622                            Purchase Now
2623                        </a>
2624                    </div>
2625                    <a href="/store/cat-2026-books-bundle" class="lg:hidden bg-primary hover:bg-primary-dark inline-flex items-center justify-center gap-1 text-white text-xs font-semibold rounded-md py-2 px-3 w-full whitespace-nowrap mt-2 transition-colors">
2626                        Purchase Now
2627                    </a>
2628                </div>
2629            </article>
2630            
2631            <article class="bg-white dark:bg-dark-800 rounded-mlg lg:rounded-[12px] overflow-hidden flex flex-col">
2632                <div class="block relative bg-gradient-to-b from-white to-primary-100 dark:from-dark-800 dark:to-primary-900 h-[100px] lg:h-[288px] overflow-hidden">
2633                    
2634                    <img src="/media/CAT_Formulas_Book.png" alt="CAT Quant Formulas Handbook" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-[90px] lg:h-[245px] w-auto"/>
2635                    
2636                </div>
2637                <div class="p-2 lg:px-5 lg:py-4 flex flex-col gap-1 lg:gap-2">
2638                    <h3 class="text-[10px] lg:text-xl font-semibold text-dark-900 dark:text-dark-100 leading-[14px] lg:leading-normal">
2639                        CAT Quant Formulas Handbook
2640                    </h3>
2641                    <p class="text-[8px] lg:text-sm font-normal text-dark-500 dark:text-dark-300 leading-3 lg:leading-normal line-clamp-2">
2642                        CAT 2026 Quant Formulas Handbook
2643Release Date: Feb, 2026
2644Edition: Second
2645                    </p>
2646                    <hr class="border-t border-[#DEDEDE] dark:border-dark-700 my-1 lg:my-2"/>
2647                    <div class="flex items-center justify-between gap-2 mt-auto">
2648                        <div class="flex items-center gap-1 lg:gap-1.5">
2649                            <div class="flex flex-row gap-1 sm:gap-0 sm:flex-col">
2650                                <span class="text-xs lg:text-2xl font-semibold text-dark-900 dark:text-dark-100 leading-none">₹ 199</span>
2651                                
2652                                    <span class="text-[8px] lg:text-base font-normal text-dark-500 dark:text-dark-400 line-through leading-none mt-0.5 lg:mt-1">₹ 399</span>
2653                                
2654                            </div>
2655                            
2656                                <span class="bg-success-500 text-white text-[10px] lg:text-sm font-semibold px-1.5 lg:px-2 py-0 sm:py-0.5 rounded-[4px] lg:rounded-xl whitespace-nowrap self-start">50% OFF</span>
2657                            
2658                        </div>
2659                        <a href="/store/formulas-handbook" class="hidden lg:inline-flex bg-primary hover:bg-primary-dark items-center justify-center text-white text-base font-semibold rounded-md py-2 px-3 w-[170px] whitespace-nowrap transition-colors">
2660                            Purchase Now
2661                        </a>
2662                    </div>
2663                    <a href="/store/formulas-handbook" class="lg:hidden bg-primary hover:bg-primary-dark inline-flex items-center justify-center gap-1 text-white text-xs font-semibold rounded-md py-2 px-3 w-full whitespace-nowrap mt-2 transition-colors">
2664                        Purchase Now
2665                    </a>
2666                </div>
2667            </article>
2668            
2669            <article class="bg-white dark:bg-dark-800 rounded-mlg lg:rounded-[12px] overflow-hidden flex flex-col">
2670                <div class="block relative bg-gradient-to-b from-white to-primary-100 dark:from-dark-800 dark:to-primary-900 h-[100px] lg:h-[288px] overflow-hidden">
2671                    
2672                    <img src="/media/Practice_Booklet_cM7BVbQ.png" alt="Practice Booklet - Quantity 15" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-[90px] lg:h-[245px] w-auto"/>
2673                    
2674                </div>
2675                <div class="p-2 lg:px-5 lg:py-4 flex flex-col gap-1 lg:gap-2">
2676                    <h3 class="text-[10px] lg:text-xl font-semibold text-dark-900 dark:text-dark-100 leading-[14px] lg:leading-normal">
2677                        Practice Booklet - Quantity 15
2678                    </h3>
2679                    <p class="text-[8px] lg:text-sm font-normal text-dark-500 dark:text-dark-300 leading-3 lg:leading-normal line-clamp-2">
2680                        Prepare effectively for the CAT exam with our specially designed rough booklet. This booklet provides ample space for solving complex problems and practicing mock tests, making it an essential tool for every CAT aspirant.&amp;nbsp;Each&amp;nbsp;booklet is similar to the actual rough booklet you will get in CAT exam with 24 A5 pages. Boost your CAT exam preparation with this must-have resource and stay on top of your game. This bundle contains 15 booklets (360 pages)
2681                    </p>
2682                    <hr class="border-t border-[#DEDEDE] dark:border-dark-700 my-1 lg:my-2"/>
2683                    <div class="flex items-center justify-between gap-2 mt-auto">
2684                        <div class="flex items-center gap-1 lg:gap-1.5">
2685                            <div class="flex flex-row gap-1 sm:gap-0 sm:flex-col">
2686                                <span class="text-xs lg:text-2xl font-semibold text-dark-900 dark:text-dark-100 leading-none">₹ 199</span>
2687                                
2688                                    <span class="text-[8px] lg:text-base font-normal text-dark-500 dark:text-dark-400 line-through leading-none mt-0.5 lg:mt-1">₹ 299</span>
2689                                
2690                            </div>
2691                            
2692                                <span class="bg-success-500 text-white text-[10px] lg:text-sm font-semibold px-1.5 lg:px-2 py-0 sm:py-0.5 rounded-[4px] lg:rounded-xl whitespace-nowrap self-start">33% OFF</span>
2693                            
2694                        </div>
2695                        <a href="/store/practice-booklet-15" class="hidden lg:inline-flex bg-primary hover:bg-primary-dark items-center justify-center text-white text-base font-semibold rounded-md py-2 px-3 w-[170px] whitespace-nowrap transition-colors">
2696                            Purchase Now
2697                        </a>
2698                    </div>
2699                    <a href="/store/practice-booklet-15" class="lg:hidden bg-primary hover:bg-primary-dark inline-flex items-center justify-center gap-1 text-white text-xs font-semibold rounded-md py-2 px-3 w-full whitespace-nowrap mt-2 transition-colors">
2700                        Purchase Now
2701                    </a>
2702                </div>
2703            </article>
2704            
2705            <article class="bg-white dark:bg-dark-800 rounded-mlg lg:rou
2705nded-[12px] overflow-hidden flex flex-col">
2706                <div class="block relative bg-gradient-to-b from-white to-primary-100 dark:from-dark-800 dark:to-primary-900 h-[100px] lg:h-[288px] overflow-hidden">
2707                    
2708                    <img src="/media/cracku-loading-front.png" alt="Cracku Loading" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-[90px] lg:h-[245px] w-auto"/>
2709                    
2710                </div>
2711                <div class="p-2 lg:px-5 lg:py-4 flex flex-col gap-1 lg:gap-2">
2712                    <h3 class="text-[10px] lg:text-xl font-semibold text-dark-900 dark:text-dark-100 leading-[14px] lg:leading-normal">
2713                        Cracku Loading
2714                    </h3>
2715                    <p class="text-[8px] lg:text-sm font-normal text-dark-500 dark:text-dark-300 leading-3 lg:leading-normal line-clamp-2">
2716                        
2717                    </p>
2718                    <hr class="border-t border-[#DEDEDE] dark:border-dark-700 my-1 lg:my-2"/>
2719                    <div class="flex items-center justify-between gap-2 mt-auto">
2720                        <div class="flex items-center gap-1 lg:gap-1.5">
2721                            <div class="flex flex-row gap-1 sm:gap-0 sm:flex-col">
2722                                <span class="text-xs lg:text-2xl font-semibold text-dark-900 dark:text-dark-100 leading-none">₹ 499</span>
2723                                
2724                                    <span class="text-[8px] lg:text-base font-normal text-dark-500 dark:text-dark-400 line-through leading-none mt-0.5 lg:mt-1">₹ 1499</span>
2725                                
2726                            </div>
2727                            
2728                                <span class="bg-success-500 text-white text-[10px] lg:text-sm font-semibold px-1.5 lg:px-2 py-0 sm:py-0.5 rounded-[4px] lg:rounded-xl whitespace-nowrap self-start">67% OFF</span>
2729                            
2730                        </div>
2731                        <a href="/store/cracku-loading" class="hidden lg:inline-flex bg-primary hover:bg-primary-dark items-center justify-center text-white text-base font-semibold rounded-md py-2 px-3 w-[170px] whitespace-nowrap transition-colors">
2732                            Purchase Now
2733                        </a>
2734                    </div>
2735                    <a href="/store/cracku-loading" class="lg:hidden bg-primary hover:bg-primary-dark inline-flex items-center justify-center gap-1 text-white text-xs font-semibold rounded-md py-2 px-3 w-full whitespace-nowrap mt-2 transition-colors">
2736                        Purchase Now
2737                    </a>
2738                </div>
2739            </article>
2740            
2741        </div>
2742    </div>
2743</section>
2744
2745    
2746    <!-- Main modal -->
2747    <div id="contextModal"  tabindex="10" aria-hidden="true" class="hidden overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-[60] justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
2748        <div class="relative p-4 w-full max-w-2xl max-h-full">
2749            <!-- Modal content -->
2750            <div class="relative bg-white rounded-t-3xl shadow dark:bg-gray-700 overflow-hidden">
2751                <!-- Modal header -->
2752                <div class="sticky flex items-center justify-between  border-b rounded-t-3xl bg-primary px-10 py-5">
2753                    <p id="video-modal-title" class="text-xl font-medium text-white">
2754                        Terms of Service
2755                    </p>
2756                    <button onclick="(()=>{contextModal.hide();})()" type="button" class="h-5 w-5 px-1.5 bg-white rounded-full text-primary absolute top-3 right-3">
2757                        <svg class="" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
2758                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
2759                        </svg>
2760                        <span class="sr-only">Close modal</span>
2761                    </button>
2762                </div>
2763                <!-- Modal body -->
2764                <div id="contextModalContent" class="px-10 py-4 space-y-2 md:space-y-4 overflow-y-auto max-h-[calc(100vh-200px)]"></div>
2765                <!-- Modal Footer  -->
2766                 <div id="contextModalFooter" class="sticky bottom-0 bg-primary hidden"></div>
2767            </div>
2768        </div>
2769    </div>
2770    
2771    <!-- Selecting Course Popup  -->
2772    
2773        
2774    
2775
2776    
2777    
2778    
2779    
2780    
2781        
2782    
2783    
2784    
2785        
2786
2787<div class="container relative">
2788    <div class="absolute inset-0 top-1/2 bg-primary-100 z-[9] full-width"></div>
2789    
2790     <!-- 'course/details/cat' in request.path  or 'cat-crash-course' in request.path or 'xat-crash-course' in request.path or 'nmat-crash-course' in request.path-->
2791    <div class="relative z-10 w-full flex flex-col items-center lg:flex-row justify-between bg-white shadow-md rounded-lg border border-[#E2E2E2] border-b-0 min-h-52 max-h-[340px] overflow-hidden dark:bg-dark-900 dark:border-0">
2792        <div class="dark:text-dark-300 max-w-screen-md py-4 sm:py-6 pl-8 pr-8 lg:pl-14 self-center space-y-3 lg:space-y-5 text-[#111928] text-center lg:text-left">
2793                
2794                    <h3 class="font-semibold text-xl sm:text-2xl lg:text-3xl">Join CAT 2026 course by 5-Time CAT 100%iler</h3>
2795                    <p class="font-normal text-base sm:text-xl lg:text-2xl ">Crack CAT 2026 & Other Exams with Cracku!</p>
2796                    <div class="-mb-2.5">
2797                        
2798                        <a target="_blank" href="https://cracku.in/cat-crash-course" class="inline-block text-center px-3 py-2 rounded text-lg text-white bg-primary cursor-pointer font-medium hover:bg-primary-800" >
2799                            Enroll Now
2800                        </a>
2801                        
2802                    </div>
2803                
2804        </div>
2805        <div class="hidden lg:block max-w-96">
2806            <img class="max-w-full" src="/static/src/img/cat_online_coaching_by_toppers.06cb917234f2.webp" loading="lazy" alt="cracku download image">
2807        </div>
2808    </div>
2809    
2810    
2811</div>
2812
2813<footer class="bg-primary-100 shadow-[4px_4px_4px_2px_rgba(0,0,0,0.98)] text-dark-900 relative pb-10 sm:pb-14 pt-8 sm:pt-12  dark:text-dark-300 dark:bg-dark-900">
2814    <nav class="container grid grid-cols-1 xs:grid-cols-2  md:grid-cols-3 lg:flex justify-between pb-5 md:pb-10 text-sm gap-y-7">
2815        <div>
2816            <p class="font-semibold">ABOUT US</p>
2817            <ul class="mt-3 space-y-1.5 [&_li_a]:py-1">
2818                <li><a class="inline-block hover:text-primary" target="_blank" href="/about">Our Story</a></li>
2819                <li><a class="inline-block hover:text-primary" target="_blank" href="/jobs">Cracku Jobs</a></li>
2820                <li><a class="inline-block hover:text-primary" target="_blank" href="/cat/success-stories">Testimonials</a></li>
2821                <li><a class="inline-block hover:text-primary" target="_blank" href="/press">Press</a></li>
2822                <li><a class="inline-block hover:text-primary" target="_blank" href="https://gmatpoint.com?utm_source=cracku&utm_medium=button&utm_campaign=gmat_landing&utm_content=footer_below_section">GMATPoint</a></li>
2823                
2824                <li><a class="inline-block hover:text-primary" target="_blank" href="/mba-exam-updates/">MBA Articles</a></li>
2825                <li><a class="inline-block hover:text-primary" target="_blank" href="/mba-exam-updates/ipmat/">IPMAT Articles</a></li>
2826                
2827            </ul>
2828        </div>
2829        <div>
2830            <p class="font-semibold">PREVIOUS YEAR PAPERS</p>
2831            <ul class="mt-3 space-y-1.5 [&_li_a]:py-1">
2832                
2833                <li><a class="inline-block hover:text-primary" target="_blank" href="/cat-previous-papers">CAT Previous Year Papers</a></li>
2834                <li><a class="inline-block hover:text-primary" target="_blank" href="/xat-previous-papers">XAT Previous Year Papers</a></li>
2835                <li><a class="inline-block hover:text-primary" target="_blank" href="/snap-previous-papers">SNAP Previous Year Papers</a></li>
2836                <li><a class="inline-block hover:text-primary" target="_blank" href="/nmat-previous-year-papers-pdf">NMAT Previous Year Papers</a></li>
2837                
2838                <li><a class="inline-block hover:text-primary" target="_blank" href="/cmat-previous-papers">CMAT Previous Year Papers</a></li>
2839                <li><a class="inline-block hover:text-primary" target="_blank" href="/ipmat-previous-papers">IPMAT Previous Year Papers</a></li>
2840                <li><a class="inline-block hover:text-primary" target="_blank" href="/iimb-ug-previous-year-papers">IIMB UG Previous Year Papers</a></li>
2841                
2842            </ul>
2843        </div>
2844        <div class="md:justify-self-end lg:justify-self-auto">
2845            <p class="font-semibold">MOCK TESTS</p>
2846            <ul class="mt-3 space-y-1.5 [&_li_a]:py-1">
2847                
2848                <li><a class="inline-block hover:text-primary" target="_blank" href="/cat-mock-test">CAT Mock Tests</a></li>
2849                <li><a class="inline-block hover:text-primary" target="_blank" href="/xat-mock-test">XAT Mock Tests</a></li>
2850                <li><a class="inline-block hover:text-primary" target="_blank" href="/snap-mock-test">SNAP Mock Tests</a></li>
2851                <li><a class="inline-block hover:text-primary" target="_blank" href="/nmat-mock-test">NMAT Mock Tests</a></li>
2852                <li><a class="inline-block hover:text-primary" target="_blank" href="/mah-mba-cet-mock-test">MAH-CET Mock Tests</a></li>
2853                
2854                <li><a class="inline-block hover:text-primary" target="_blank" href="/ipmat-mock-test">IPMAT Mock Tests</a></li>
2855                <li><a class="inline-block hover:text-primary" target="_blank" href="/cmat-mock-test">CMAT Mock Tests</a></li>
2856                
2857            </ul>
2858        </div>
2859        <div>
2860            <p class="font-semibold">COURSES</p>
2861            <ul class="mt-3 space-y-1.5 [&_li_a]:py-1">
2862                <!-- <li><a class="inline-block hover:text-primary" target="_blank" href="/course/detail
2862s/cat">CAT 2025 Course</a></li> -->
2863                <li><a class="inline-block hover:text-primary" target="_blank" href="/cat-crash-course">CAT Crash Course</a></li>
2864                <!-- <li><a class="inline-block hover:text-primary" target="_blank" href="/cat-crash-course">CAT Crash Course</a></li> -->
2865                <li><a class="inline-block hover:text-primary" target="_blank" href="/xat-crash-course">XAT Crash Course</a></li>
2866                <li><a class="inline-block hover:text-primary" target="_blank" href="/snap-crash-course">SNAP Crash Course</a></li>
2867                
2868                <li><a class="inline-block hover:text-primary" target="_blank" href="/ipmat-online-coaching">IPMAT Course</a></li>
2869                <li><a class="inline-block hover:text-primary" target="_blank" href="/iim-bangalore-ug-online-coaching">IIMB UG Course</a></li>
2870                
2871                <li><a class="inline-block hover:text-primary" target="_blank" href="/nmat-crash-course">NMAT Crash Course</a></li>
2872                <li><a class="inline-block hover:text-primary" target="_blank" href="/cmat-crash-course">CMAT Crash Course</a></li>
2873               
2874            </ul>
2875        </div>
2876        <div>
2877            <p class="font-semibold">MBA ENTRANCE EXAMS</p> 
2878            <ul class="mt-3 space-y-1.5 [&_li_a]:py-1">
2879                <li><a class="inline-block hover:text-primary" target="_blank" href="/cat-exam">CAT Exam</a></li>
2880                <li><a class="inline-block hover:text-primary" target="_blank" href="/xat-exam">XAT Exam</a></li>
2881                <li><a class="inline-block hover:text-primary" target="_blank" href="/snap-exam">SNAP Exam</a></li>
2882                <li><a class="inline-block hover:text-primary" target="_blank" href="/nmat-exam">NMAT Exam</a></li>
2883                <li><a class="inline-block hover:text-primary" target="_blank" href="/cmat-exam">CMAT Exam</a></li>
2884                <li><a class="inline-block hover:text-primary" target="_blank" href="/mat-exam">MAT Exam</a></li>
2885                
2886                <li><a class="inline-block hover:text-primary" target="_blank" href="/ipmat-exam-2027/">IPMAT Exam</a></li>
2887                
2888            </ul>
2889        </div>
2890    </nav>
2891    <nav class="text-center pb-5 lg:pb-10 space-y-4">
2892        <div>
2893            <img class="mx-auto " loading="lazy" src="/static/src/img/cracku_logo.b31e20011d0b.png" alt="cracku footer image" width="184" height="40"> 
2894        </div>
2895        <span class="font-normal text-xs lg:text-lg inline-block">©2014-2026 Chaya Education Pvt Ltd |<br class="sm:hidden"> <a rel="nofollow noreferrer" href="/terms" target="_blank" class="hover:underline underline-offset-2 focus:text-primary focus:underline"> Terms and Conditions </a>| <a rel="nofollow noreferrer" href="/privacy" target="_blank" class="hover:underline underline-offset-2 focus:text-primary focus:underline">Privacy Policy</a> <br><span>Made In India ❤️</span></span>
2896        <div class="flex justify-center items-center gap-3 dark:text-dark-300">
2897            <a rel="nofollow noreferrer" class="w-7 h-7 bg-[#F3F3F3] dark:bg-[#121212] rounded-full inline-flex items-center justify-center"  href="https://www.instagram.com/crackuexam" target="_blank" aria-label="social icons">
2898                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2899                    <path fill="currentColor" fill-rule="evenodd" d="M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8Zm5-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8Zm7.597 2.214a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z" clip-rule="evenodd"/>
2900                </svg>
2901            </a>
2902            
2903                <a href="https://cracku.in/s/cat-telegram-link" class="w-7 h-7 bg-[#F3F3F3] dark:bg-[#121212] rounded-full inline-flex items-center justify-center" target="_blank" rel="noopener" aria-label="Telegram">
2904                    <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2905                        <path fill="currentColor" d="M21.8394,6.05639 C22.0315,4.8917 20.8652,3.97177 19.7773,4.42984 L2.67703,11.63 C1.48461,12.132 1.42351,13.8558 2.67788,14.3758 C3.60596,14.7605 5.02633,15.3246 6.45085,15.7943 C7.61932,16.1795 8.8931,16.5371 9.91353,16.6383 C10.1929,16.9725 10.5445,17.2935 10.9017,17.5872 C11.4487,18.0371 12.1074,18.5012 12.7873,18.9455 C14.1489,19.8352 15.6597,20.6865 16.678,21.2396 C17.8949,21.9006 19.3517,21.1395 19.5705,19.8131 L21.8394,6.05639 Z M4.59485,12.9925 L19.7186,6.62459 L17.6009,19.4649 C16.6024,18.9219 15.163,18.1087 13.8813,17.2713 C13.2329,16.8475 12.6407,16.4279 12.172,16.0425 C12.0051,15.9052 11.8638,15.7802 11.7461,15.6683 L15.7072,11.7071 C16.0977,11.3166 16.0977,10.6834 15.7072,10.2929 C15.3167,9.90237 14.6835,9.90237 14.293,10.2929 L9.95476,14.6311 C9.22132,14.5373 8.19888,14.2647 7.07709,13.8949 C6.21377,13.6102 5.34574,13.2869 4.59485,12.9925 Z"/>
2906                    </svg>
2907                </a>
2908            
2909            <a rel="nofollow noreferrer"  class="w-7 h-7 bg-[#F3F3F3] dark:bg-[#121212] rounded-full inline-flex items-center justify-center" href="https://www.linkedin.com/company/cracku/" target="_blank" aria-label="social icons">
2910                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2911                    <path fill-rule="evenodd" d="M12.51 8.796v1.697a3.738 3.738 0 0 1 3.288-1.684c3.455 0 4.202 2.16 4.202 4.97V19.5h-3.2v-5.072c0-1.21-.244-2.766-2.128-2.766-1.827 0-2.139 1.317-2.139 2.676V19.5h-3.19V8.796h3.168ZM7.2 6.106a1.61 1.61 0 0 1-.988 1.483 1.595 1.595 0 0 1-1.743-.348A1.607 1.607 0 0 1 5.6 4.5a1.601 1.601 0 0 1 1.6 1.606Z" clip-rule="evenodd"/>
2912                    <path d="M7.2 8.809H4V19.5h3.2V8.809Z"/>
2913                </svg>
2914            </a>
2915            <a rel="nofollow noreferrer" class="w-7 h-7 bg-[#F3F3F3] dark:bg-[#121212] rounded-full inline-flex items-center justify-center"  href="https://www.facebook.com/crackuexam" target="_blank" aria-label="social icons">
2916                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2917                    <path fill-rule="evenodd" d="M13.135 6H15V3h-1.865a4.147 4.147 0 0 0-4.142 4.142V9H7v3h2v9.938h3V12h2.021l.592-3H12V6.591A.6.6 0 0 1 12.592 6h.543Z" clip-rule="evenodd"/>
2918                </svg>
2919            </a>
2920            <a rel="nofollow noreferrer"  class="w-7 h-7 bg-[#F3F3F3] dark:bg-[#121212] rounded-full inline-flex items-center justify-center" href="https://www.youtube.com/channel/UCjrG4n3cS6y45BfCJjp3boQ" target="_blank" aria-label="social icons">
2921                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2922                    <path fill-rule="evenodd" d="M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z" clip-rule="evenodd"/>
2923                </svg>
2924            </a>
2925        </div>
2926    </nav>
2927</footer>
2928
2929    
2930    
2931    
2932     <!-- Backdrop -->
2933    <div id="downloadBackdrop" class="hidden fixed inset-0 bg-gray-900/50 z-40 transition-opacity" onclick="closeDownloadModal()"></div>
2934
2935    <!-- Download Resources Popup/Drawer -->
2936    <div 
2937        id="downloadResourcesModal" 
2938        class="hidden fixed z-[10000000000] lg:z-50 bg-white shadow-xl
2939               bottom-0 left-0 right-0 rounded-t-2xl translate-y-full transition-transform duration-300
2940               lg:left-1/2 lg:top-1/2 lg:bottom-auto lg:right-auto lg:-translate-x-1/2 lg:-translate-y-1/2 lg:rounded-2xl lg:w-[448px] lg:max-h-[90vh] lg:opacity-0 lg:scale-95"
2941        tabindex="-1" >
2942        
2943        <!-- Top Bar for Mobile -->
2944        <div class="lg:hidden flex justify-center py-3">
2945            <div class="w-[52px] h-1 bg-gray-300 rounded-full"></div>
2946        </div>
2947
2948        <!-- Close Button (Desktop Only) -->
2949        <button 
2950            type="button" 
2951            onclick="closeDownloadModal()" 
2952            class="hidden lg:inline-flex absolute top-4 right-4 text-dark-600 hover:text-gray-900 rounded-full items-center justify-center bg-white z-10">
2953            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2954                <g clip-path="url(#clip0_1_179)">
2955                <path d="M16 0C7.17371 0 0 7.17371 0 16C0 24.8263 7.
295517371 32 16 32C24.8263 32 32 24.8263 32 16C32 7.17371 24.8263 0 16 0ZM16 30.385C8.07512 30.385 1.61502 23.9249 1.61502 16C1.61502 8.07512 8.07512 1.61502 16 1.61502C23.9249 1.61502 30.385 8.07512 30.385 16C30.385 23.9249 23.9249 30.385 16 30.385Z" fill="#5D5D5D"/>
2956                <path d="M17.1268 15.9249L21.8216 11.23C22.1221 10.9296 22.1221 10.4038 21.8216 10.1033C21.5211 9.80282 20.9953 9.80282 20.6948 10.1033L16 14.7981L11.3052 10.1033C11.0047 9.80282 10.4789 9.80282 10.1784 10.1033C9.87795 10.4038 9.87795 10.9296 10.1784 11.23L14.8733 15.9249L10.1784 20.5822C9.87795 20.8826 9.87795 21.4085 10.1784 21.7089C10.3287 21.8592 10.554 21.9343 10.7418 21.9343C10.9296 21.9343 11.1549 21.8592 11.3052 21.7089L16 17.0141L20.6948 21.7089C20.8451 21.8592 21.0704 21.9343 21.2582 21.9343C21.446 21.9343 21.6714 21.8592 21.8216 21.7089C22.1221 21.4085 22.1221 20.8826 21.8216 20.5822L17.1268 15.9249Z" fill="#5D5D5D"/>
2957                </g>
2958                <defs>
2959                <clipPath id="clip0_1_179">
2960                <rect width="32" height="32" fill="white"/>
2961                </clipPath>
2962                </defs>
2963                </svg>
2964                
2965        </button>
2966
2967        <div class="px-6 lg:px-7 py-6 lg:py-4">
2968            <!-- Header -->
2969            <div class="lg:py-2 lg:pb-4 mb-6 lg:mb-4 lg:border-b lg:border-[#DEDEDE]">
2970                <h2 class="text-base font-semibold text-dark-900 mb-1">Download resources</h2>
2971                
2972                    <p class="text-sm text-dark-900">Educational materials for CAT preparation</p>
2973                
2974            </div>
2975            
2976                <div class="space-y-3 lg:space-y-4 max-h-[70vh] lg:max-h-[60vh] overflow-y-auto">
2977                
2978                <a href="/downloads/18404" data-next="/downloads/18404" class="login-required flex items-center justify-between px-4 py-2 bg-white hover:bg-gray-100 rounded-lg transition-colors group border border-[#DEDEDE]">
2979                    <div class="flex items-center gap-3">
2980                        <div class="p-3 rounded-lg border border-[#DEDEDE]">
2981                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2982                                <path d="M12.5 1.66669H4.99998C4.55795 1.66669 4.13403 1.84228 3.82147 2.15484C3.50891 2.4674 3.33331 2.89133 3.33331 3.33335V16.6667C3.33331 17.1087 3.50891 17.5326 3.82147 17.8452C4.13403 18.1578 4.55795 18.3334 4.99998 18.3334H15C15.442 18.3334 15.8659 18.1578 16.1785 17.8452C16.4911 17.5326 16.6666 17.1087 16.6666 16.6667V5.83335L12.5 1.66669Z" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
2983                                <path d="M11.6667 1.66669V5.00002C11.6667 5.44205 11.8423 5.86597 12.1548 6.17853C12.4674 6.49109 12.8913 6.66669 13.3334 6.66669H16.6667" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
2984                                <path d="M8.33335 7.5H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
2985                                <path d="M13.3334 10.8333H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
2986                                <path d="M13.3334 14.1667H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
2987                            </svg>
2988                        </div> 
2989                        <span class="text-base font-semibold text-dark-900">CAT Formulas PDF</span>
2990                    </div>
2991                    <div class="p-3 rounded-lg shadow-md">
2992                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2993                            <path d="M8 11.3333V2" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
2994                            <path d="M4 7.33333L8 11.3333L12 7.33333" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
2995                            <path d="M12.6666 14H3.33331" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
2996                        </svg>
2997                    </div>
2998                        
2999                </a>
3000
3001                
3002                <a href="/downloads/19260" data-next="/downloads/19260" class="login-required flex items-center justify-between px-4 py-2 bg-white hover:bg-gray-100 rounded-lg transition-colors group border border-[#DEDEDE]">
3003                    <div class="flex items-center gap-3">
3004                        <div class="p-3 rounded-lg border border-[#DEDEDE]">
3005                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3006                                <path d="M3.33331 16.25V3.74999C3.33331 3.19746 3.55281 2.66755 3.94351 2.27685C4.33421 1.88615 4.86411 1.66666 5.41665 1.66666H15.8333C16.0543 1.66666 16.2663 1.75445 16.4226 1.91073C16.5788 2.06701 16.6666 2.27898 16.6666 2.49999V17.5C16.6666 17.721 16.5788 17.933 16.4226 18.0892C16.2663 18.2455 16.0543 18.3333 15.8333 18.3333H5.41665C4.86411 18.3333 4.33421 18.1138 3.94351 17.7231C3.55281 17.3324 3.33331 16.8025 3.33331 16.25ZM3.33331 16.25C3.33331 15.6975 3.55281 15.1676 3.94351 14.7769C4.33421 14.3861 4.86411 14.1667 5.41665 14.1667H16.6666" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3007                            </svg>
3008                                
3009                        </div> 
3010                        <span class="text-sm md:text-base font-semibold text-dark-900">CAT Syllabus PDF</span>
3011                    </div>
3012                    <div class="p-3 rounded-lg shadow-md">
3013                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3014                            <path d="M8 11.3333V2" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3015                            <path d="M4 7.33333L8 11.3333L12 7.33333" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3016                            <path d="M12.6666 14H3.33331" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3017                        </svg>
3018                    </div>
3019                        
3020                </a>
3021
3022                
3023                <a href="/downloads/28029" data-next="/downloads/28029" class="login-required flex items-center justify-between px-4 py-2 bg-white hover:bg-gray-100 rounded-lg transition-colors group border border-[#DEDEDE]">
3024                    <div class="flex items-center gap-3">
3025                        <div class="p-3 rounded-lg border border-[#DEDEDE]">
3026                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3027                                <path d="M12.5 1.66669H4.99998C4.55795 1.66669 4.13403 1.84228 3.82147 2.15484C3.50891 2.4674 3.33331 2.89133 3.33331 3.33335V16.6667C3.33331 17.1087 3.50891 17.5326 3.82147 17.8452C4.13403 18.1578 4.55795 18.3334 4.99998 18.3334H15C15.442 18.3334 15.8659 18.1578 16.1785 17.8452C16.4911 17.5326 16.6666 17.1087 16.6666 16.6667V5.83335L12.5 1.66669Z" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3028                                <path d="M11.6667 1.66669V5.00002C11.6667 5.44205 11.8423 5.86597 12.1548 6.17853C12.4674 6.49109 12.8913 6.66669 13.3334 6.66669H16.6667" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3029                                <path d="M8.33335 7.5H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3030                                <path d="M13.3334 10.8333H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3031                                <path d="M13.3334 14.1667H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3032                            </svg>
3033                        </div> 
3034                        <span class="text-sm md:text-base font-semibold text-dark-900">CAT Study Plan PDF</span>
3035                    </div>
3036                    <div class="p-3 rounded-lg shadow-md">
3037                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3038                            <path d="M8 11.3333V2" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3039                            <path d="M4 7.33333L8 11.3333L12 7.33333" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3040                            <path d="M12.6666 14H3.33331" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3041                        </svg>
3042                    </div>
3043                        
3044                </a>
3045
3046                
3047                <a href="/downloads/19452" data-next="/downloads/19452" class="login-required flex items-center justify-between px-4 py-2 bg-white hover:bg-gray-100 rounded-lg transition-colors group border border-[#DEDEDE]">
3048                    <div class="flex items-center gap-3">
3049                        <div class="p-3 rounded-lg border border-[#DEDEDE]">
3050                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3051                                <path d="M12.5 1.66669H4.99998C4.55795 1.66669 4.13403 1.84228 3.82147 2.15484C3.50891 2.4674 3.33331 2.89133 3.33331 3.33335V16.6667C3.33331 17.1087 3.50891 17.5326 3.82147 17.8452C4.13403 18.1578 4.55795 18.3334 4.99998 18.3334H15C15.442 18.3334 15.8659 18.1578 16.1785 17.8452C16.4911 17.5326 16.6666 17.1087 16.6666 16.6667V5.83335L12.5 1.66669Z" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3052                                <path d="M11.6667 1.66669V5.00002C11.6667 5.44205 11.8423 5.86597 12.1548 6.17853C12.4674 6.49109 12.8913 6.66669 13.3334 6.66669H16.6667" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3053                                <path d="M8.33335 7.5H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3054                                <path d="M13.3334 10.8333H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3055                                <path d="M13.3334 14.1667H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3056                            </svg>
3057                        </div> 
3058                        <span class="text-sm md:text-base font-semibold text-dark-900">Cracku Brochure</span>
3059                    </div>
3060                    <div class="p-3 rounded-lg shadow-md">
3061                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3062                            <path d="M8 11.3333V2" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3063                            <path d="M4 7.33333L8 11.3333L12 7.33333" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3064                            <path d="M12.6666 14H3.33331" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3065                        </svg>
3066                    </div>
3067                        
3068                </a>
3069
3070                
3071                <a href="/downloads/25454" data-next="/downloads/21461" class="login-required flex items-center justify-between px-4 py-2 bg-white hover:bg-gray-100 rounded-lg transition-colors group border border-[#DEDEDE]">
3072                    <div class="flex items-center gap-3">
3073                        <div class="p-3 rounded-lg border border-[#DEDEDE]">
3074                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3075                                <path d="M12.5 1.66669H4.99998C4.55795 1.66669 4.13403 1.84228 3.82147 2.15484C3.50891 2.4674 3.33331 2.89133 3.33331 3.33335V16.6667C3.33331 17.1087 3.50891 17.5326 3.82147 17.8452C4.13403 18.1578 4.55795 18.3334 4.99998 18.3334H15C15.442 18.3334 15.8659 18.1578 16.1785 17.8452C16.4911 17.5326 16.6666 17.1087 16.6666 16.6667V5.83335L12.5 1.66669Z" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3076                                <path d="M11.6667 1.66669V5.00002C11.6667 5.44205 11.8423 5.86597 12.1548 6.17853C12.4674 6.49109 12.8913 6.66669 13.3334 6.66669H16.6667" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3077                                <path d="M8.33335 7.5H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3078                                <path d="M13.3334 10.8333H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3079                                <path d="M13.3334 14.1667H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3080                            </svg>
3081                        </div> 
3082                        <span class="text-sm md:text-base font-semibold text-dark-900">VARC Cheat Sheet</span>
3083                    </div>
3084                    <div class="p-3 rounded-lg shadow-md">
3085                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3086                            <path d="M8 11.3333V2" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3087                            <path d="M4 7.33333L8 11.3333L12 7.33333" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3088                            <path d="M12.6666 14H3.33331" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3089                        </svg>
3090                    </div>
3091                        
3092                </a>
3093
3094                
3095                <a href="/downloads/21580" data-next="/downloads/21580" class="login-required flex items-center justify-between px-4 py-2 bg-white hover:bg-gray-100 rounded-lg transition-colors group border border-[#DEDEDE]">
3096                    <div class="flex items-center gap-3">
3097                        <div class="p-3 rounded-lg border border-[#DEDEDE]">
3098                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3099                                <path d="M12.5 1.66669H4.99998C4.55795 1.66669 4.13403 1.84228 3.82147 2.15484C3.50891 2.4674 3.33331 2.89133 3.33331 3.33335V16.6667C3.33331 17.1087 3.50891 17.5326 3.82147 17.8452C4.13403 18.1578 4.55795 18.3334 4.99998 18.3334H15C15.442 18.3334 15.8659 18.1578 16.1785 17.8452C16.4911 17.5326 16.6666 17.1087 16.6666 16.6667V5.83335L12.5 1.66669Z" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3100                                <path d="M11.6667 1.66669V5.00002C11.6667 5.44205 11.8423 5.86597 12.1548 6.17853C12.4674 6.49109 12.8913 6.66669 13.3334 6.66669H16.6667" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3101                                <path d="M8.33335 7.5H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3102                                <path d="M13.3334 10.8333H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3103                                <path d="M13.3334 14.1667H6.66669" stroke="#222222" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
3104                            </svg>
3105                        </div> 
3106                        <span class="text-sm md:text-base font-semibold text-dark-900">MBA Handout PDF</span>
3107                    </div>
3108                    <div class="p-3 rounded-lg shadow-md">
3109                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3110                            <path d="M8 11.3333V2" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3111                            <path d="M4 7.33333L8 11.3333L12 7.33333" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3112                            <path d="M12.6666 14H3.33331" stroke="#222222" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
3113                        </svg>
3114                    </div>
3115                        
3116                </a>
3117            </div>
3118            
3119        </div>
3120    </div>
3121    
3122    
3123    <!-- Login Modal  -->
3124     
3125<!-- Login Modal  -->
3126    <!-- Main modal -->
3127    <div id="login-modal" tabindex="-1" aria-hidden="true" class="hidden overflow-y-auto overflow-x-hidden fixed justify-center items-center inset-0" style="z-index: 100;">
3128        <div class="relative p-4 md:p-0 w-full max-w-md md:max-w-4xl max-h-full">
3129            <button type="button" class="text-dark-900 p-2 rounded-md absolute top-4 right-4 md:top-0 md:right-0 hover:bg-dark-100" onclick="closeLoginPopup()">
3130                <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3131                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"/>
3132                </svg>
3133                <span class="sr-only">Close modal</span>
3134            </button>
3135            <!-- modal content  -->    
3136            <div id="spinnerCon" role="status" class="flex justify-center items-center h-full overflow-hidden">
3137                <svg aria-hidden="true" class="w-10 h-10 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
3138                    <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
3139                    <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
3140                </svg>
3141                <span class="sr-only">Loading...</span>
3142            </div>
3143    
3144            <!-- Modal content -->
3145            <div id="iframeCon" class="bg-white rounded-lg shadow scale-0">
3146                <div class="min-h-40">
3147
3148                </div>
3149            </div>
3150        </div>
3151    </div> 
3152
3153  
3154
3155    
3156        
3157            
3158<!-- exit popup  -->
3159<!-- Main modal -->
3160<div id="exit-popup" tabindex="-1" aria-hidden="true" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-[60] justify-center items-center md:inset-0 h-[calc(100%-1rem)] max-h-full">
3161    <div class="relative p-4 max-w-full max-h-full">
3162        <div class="text-right">
3163            <button type="button" class="text-white bg-dark-900 rounded-full me-auto mr-1 translate-y-7 w-6 h-6 inline-flex items-center justify-center" data-modal-hide="exit-popup" onclick="(()=>{ exitIntentModal.hide(); })()">
3164                <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
3165                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
3166                </svg>
3167                <span class="sr-only">Close modal</span>
3168            </button>
3169        </div>
3170        <!-- modal content  -->    
3171        <!-- <div role="status" class="spinnerCon flex justify-center items-center h-full overflow-hidden">
3172            <svg aria-hidden="true" class="w-10 h-10 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
3173                <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
3174                <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
3175            </svg>
3176            <span class="sr-only">Loading...</span>
3177        </div> -->
3178        <!-- Modal content -->
3179        <div class="bg-white rounded-lg shadow w-[392px] max-w-full px-6 py-8 space-y-4">
3180          <h3 class="text-center font-bold text-dark-900 text-3xl">Get Your <span class="bg-danger text-white px-2">Free</span>  CAT Syllabus  PDF</h3>
3181          <p class="text-black text-center text-lg">  Detailed syllabus &amp; Topic-wise Weightage </p>
3182          <div class="text-center">
3183            <img class="inline-block" height="132" width="132" src = "/media/exitpopup/CAT_Syllabus_2026_MX2M44K.png" alt="exit intent image"> 
3184          </div>
3185          <div>
3186            <input type="email" class="exit-popup-email-input border border-[#707070] w-full px-2 rounded" name = "email-input-name" id="inputEmail" placeholder="Enter Your email here">
3187            <button type="button" disabled class ="w-full btn btn-primary exit-popup-download-btn rounded disabled:cursor-not-allowed disabled:bg-primary-400">Download Now</button>
3188            <p class="exit-popup-disclaimer text-xs text-[#757575] font-medium text-center">By proceeding you agree to create your account</p>
3189            <p class="email-sent hidden text-sm font-semibold text-center">Free CAT Syllabus PDF will be sent to your email address soon !!!</p>
3190          </div>
3191        </div>
3192    </div>
3193</div> 
3194
3195  
3195<script>
3196
3197        
3198
3199    // function showExitPopup(){
3200    //   if (activePopup === "login") {
3201    //       // hide login popup first
3202    //       u("#delayed-login-modal [data-modal-hide]").trigger("click"); 
3203    //   }
3204    //   let exit_popup_cookie = ''
3205
3206    //   exit_popup_cookie = getCookie("exit-popup");
3207    //   if (activePopup !== "exit") {
3208    //     activePopup = "exit";
3209    //     if(exit_popup_cookie == '' || exit_popup_cookie == null){
3210    //       exitIntentModal&&exitIntentModal.show();
3211    //       setCookie("exit-popup", "True", 60 * 24 * 1);
3212    //     }
3213    //   }
3214    // }
3215    function showExitPopup(){
3216      if (activePopup === "login") {
3217          // hide login popup first 
3218          try{
3219            delayedLoginPopup?.hide&&delayedLoginPopup.hide()
3220          }catch(error){
3221            console.log('error in exitpopup template: ',error)
3222          }
3223      }
3224      let exit_popup_cookie = ''
3225      exit_popup_cookie = getCookie("exit-popup");
3226      if (activePopup !== "exit") {
3227        if(exit_popup_cookie == '' || exit_popup_cookie == null){
3228            activePopup = "exit";
3229            exitIntentModal && exitIntentModal.show();
3230            setCookie("exit-popup", "True", 60 * 24 * 1);
3231          }
3232      }
3233  }
3234u(document).on("mouseleave",showExitPopup);
3235const emailInput = u('.exit-popup-email-input');
3236const downloadButton = u('.exit-popup-download-btn');
3237
3238function validateEmail(email){
3239  const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3240  check = re.test(String(email).toLowerCase());
3241  return check;
3242}
3243
3244function emailInputChange(){
3245  const email = emailInput.first().value;
3246  if(validateEmail(email)){
3247      downloadButton.removeClass('disabled');
3248      downloadButton.attr('disabled',false);
3249  }else{
3250      downloadButton.addClass('disabled');
3251      downloadButton.attr('disabled',true);
3252  }
3253}
3254
3255
3256u('#inputEmail').on('input',emailInputChange);
3257
3258u(".exit-popup-download-btn").on('click',function(){
3259
3260  if(u(this).hasClass('disabled')){
3261        return;
3262    }
3263    else{
3264      info = {}
3265      info['email'] = emailInput.first().value
3266      info['path'] = window.location.pathname
3267      info['type'] = 'email_popup'
3268      info['exit_popup_content_id'] = "3"
3269      var json_data = JSON.stringify(info)
3270      const fetchedData = fetch('/exit-popup/',{
3271                method:'POST',
3272                headers:{
3273                    "X-CSRFToken":getCookie("csrftoken"),
3274                    'Content-Type':"application/json; charset=UTF-8"
3275                    // 'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'
3276                    },
3277                body: json_data,
3278                }).then(response=>{
3279                if(response.ok){
3280                    return response.json();
3281                }
3282                  return response.success = false;
3283                }).then(responseData=>{
3284                if (responseData.success){
3285                  u(".email-sent").removeClass('hidden');
3286                  u(".email-sent").addClass('text-success')
3287                  u(".no-thanks").addClass('hidden')
3288                  downloadButton.addClass('hidden');
3289                  u(".exit-popup-disclaimer").addClass('hidden');
3290                  emailInput.addClass('hidden');
3291                }
3292                else{
3293                  u(".email-sent").removeClass('hidden')
3294                  u(".email-sent").addClass('text-danger')
3295                  u(".email-sent").text("Error sending PDF !!!")
3296                  u(".no-thanks").addClass('hidden')
3297                  downloadButton.addClass('hidden');
3298                  u(".exit-popup-disclaimer").addClass('hidden');
3299                  emailInput.addClass('hidden');
3300                }
3301              })
3302    }
3303
3304});
3305  </script>
3305
3306
3307        
3308    
3309    
3310    
3311    
3312    
3313    
3314    
3315    
3316    
3317    
3318      
3319      
3320    <!-- Flowbite JS  -->
3321    
3321<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
3321
3322    <!-- End Flowbite  -->
3323    <!-- Swiper js  -->
3324    
3324<script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
3324
3325    
3326    
3326<script>
3327        !function (t, e, c, n) {
3328            var s = e.createElement(c);
3329            s.async = 1, s.src = 'https://scripts.claspo.io/scripts/' + n + '.js';
3330            var r = e.scripts[0];
3331            r.parentNode.insertBefore(s, r);
3332            var f = function () {
3333                f.c(arguments);
3334            };
3335            f.q = [];
3336            f.c = function () {
3337                f.q.push(arguments);
3338            };
3339            t['claspo'] = t['claspo'] || f;
3340        }(window, document, 'script', '4AFA7A13974A474EB52E58A845539C40');
3341    </script>
3341<script>claspo('init');</script>
3341
3342    
3343    
3344    
3345     
3345<script src="https://accounts.google.com/gsi/client"></script>
3345
3346    
3347    
3348    
3349    
3350      
3351    
3352    
3353    
3353<script>
3354        let joinWhatsAppClicked = false;
3355        let download_p = false
3356        let activePopup = null;
3357        var isDownloadModalOpen = false;
3358
3359        function openDownloadModal() {
3360            const modal = document.getElementById('downloadResourcesModal');
3361            const backdrop = document.getElementById('downloadBackdrop');
3362            
3363            // Show backdrop and modal first
3364            backdrop.classList.remove('hidden');
3365            modal.classList.remove('hidden');
3366            
3367            // Use requestAnimationFrame to ensure smooth animation without flicker
3368            requestAnimationFrame(() => {
3369                requestAnimationFrame(() => {
3370                    // Animate in
3371                    if (window.innerWidth >= 1024) {
3372                        // Desktop: fade and scale
3373                        modal.classList.remove('lg:opacity-0', 'lg:scale-95');
3374                        modal.classList.add('lg:opacity-100', 'lg:scale-100');
3375                    } else {
3376                        // Mobile: slide up
3377                        modal.classList.remove('translate-y-full');
3378                        modal.classList.add('translate-y-0');
3379                    }
3380                });
3381            });
3382            
3383            isDownloadModalOpen = true;
3384            document.body.style.overflow = 'hidden';
3385            window.history.pushState({'downloadModal': true}, '');
3386        }
3387
3388        function closeDownloadModal() {
3389            const modal = document.getElementById('downloadResourcesModal');
3390            const backdrop = document.getElementById('downloadBackdrop');
3391            
3392            // Animate out
3393            if (window.innerWidth >= 1024) {
3394                // Desktop: fade and scale
3395                modal.classList.remove('lg:opacity-100', 'lg:scale-100');
3396                modal.classList.add('lg:opacity-0', 'lg:scale-95');
3397            } else {
3398                // Mobile: slide down
3399                modal.classList.remove('translate-y-0');
3400                modal.classList.add('translate-y-full');
3401            }
3402            
3403            // Hide after animation
3404            setTimeout(() => {
3405                modal.classList.add('hidden');
3406                backdrop.classList.add('hidden');
3407            }, 300);
3408            
3409            isDownloadModalOpen = false;
3410            document.body.style.overflow = '';
3411        }
3412
3413        // Handle browser back button
3414        window.addEventListener('popstate', (event) => {
3415            if (isDownloadModalOpen) {
3416                closeDownloadModal();
3417            }
3418        });
3419
3420        // Handle ESC key
3421        document.addEventListener('keydown', (e) => {
3422            if (e.key === 'Escape' && isDownloadModalOpen) {
3423                closeDownloadModal();
3424            }
3425        });
3426
3427        // When user clicks the join link
3428        document.getElementById('join-whatsapp')?.addEventListener('click', function () {
3429            joinWhatsAppClicked = true;
3430        });
3431        document.querySelectorAll('.download-pdf').forEach(function (element) {
3432            element.addEventListener('click', function () {
3433                download_p = true;
3434            });
3435        });
3436        
3437        let pdfModal = null;
3438        let sidebarDrawer = null;
3439
3440        function initSidebarDrawer() {
3441            const sidebarEl = document.getElementById("login-sidebar");
3442
3443            const options = {
3444                placement: "left",
3445                backdrop: true,
3446                bodyScrolling: false,
3447                edge: false,
3448                edgeOffset: '',
3449                backdropClasses: "bg-gray-900/50 fixed inset-0 z-30",
3450            };
3451
3452            if (!sidebarDrawer) {
3453                sidebarDrawer = new Drawer(sidebarEl, options);
3454            }
3455
3456            const closeBtn = document.querySelector("[data-drawer-hide='login-sidebar']");
3457            if (closeBtn) {
3458                closeBtn.addEventListener("click", () => {
3459                    sidebarDrawer.hide();
3460                });
3461            }
3462        }
3463
3464        function toggleSideBar() {
3465            if (!sidebarDrawer) {
3466                initSidebarDrawer();
3467            }
3468            sidebarDrawer.toggle();
3469        }
3470
3471        function initPDFModal() {
3472            const modalPDF = document.getElementById("pdf-popup-modal");
3473
3474            const options = {
3475                backdrop: true,
3476                closable: true,
3477            };
3478
3479            if (!pdfModal) {
3480                pdfModal = new Modal(modalPDF, options);
3481            }
3482
3483            const closeBtn = document.querySelector("[data-modal-hide='pdf-popup-modal']");
3484            if (closeBtn) {
3485                closeBtn.addEventListener("click", () => pdfModal.hide());
3486            }
3487        }
3488
3489        function toggleDownloadPDF() {
3490            if (!pdfModal) {
3491                initPDFModal();
3492            }
3493            pdfModal.show();
3494        }
3495    </script>
3495
3496   
3496<script>
3497        let getStartedModal;
3498        var isIframeResizerLoaded = false;
3499        var intersectionObserver = false;
3500        var downloadPDFModal = false;
3501        function toggleDownloadPDF(){
3502            if(!downloadPDFModal){
3503                downloadPDFModal = new Modal(document.getElementById('pdf-popup-modal'))
3504            }
3505            downloadPDFModal.show();
3506        }
3507        function initIframeResizer(){
3508            // let script = u(document.createElement('script'));
3509            // script.attr('async','async');
3510            // script.attr('src','/static/bulma/js/iframeResizer/iframeResizer.min.c9e66a2defa6.js');
3511            // script.on('load',()=>{isIframeResizerLoaded=true;console.log('isIframeResizzer loaded')});
3512            // u('body').append(script);
3513        }
3514        initIframeResizer();
3515        
3516        
3517        var closeLoginPopup = function(){
3518            try{
3519                getStartedModal?.hide&&getStartedModal.hide();
3520            }
3521            catch(error){
3522                getStartedModal.hide();
3523            }
3524            u('#login-modal').addClass('hidden');
3525            u('body .modal-backdrop').addClass('hidden');
3526        }
3527        function onGetStarted(){
3528            if (!getStartedModal){
3529                getStartedModal = new Modal(document.getElementById("login-modal"),{backdropClasses:'bg-gray-900/50 dark:bg-gray-900/80 fixed inset-0 z-[60] modal-backdrop'});
3530            }
3531            getStartedModal.show();
3532            loadLoginIframe();
3533        };
3534        function loadLoginIframe(){
3535            let iframeEle = u("#login_iframe");
3536            if(iframeEle.length <= 0){
3537                iframeEle   = u(`<iframe id="login_iframe" scrolling="no" frameborder="0" height="100%"  width="100%" src=""></iframe>`);
3538                iframeEle.attr('src','/users/login?mode=iframe&v=2.3&contextExam=cat');
3539                u('#iframeCon div').append(iframeEle);
3540                !isIframeResizerLoaded && initIframeResizer();
3541                iframeEle.on('load',function(){
3542                    iFrameResize({ log: false }, '#login_iframe');
3543                    let iframeCon = u('#iframeCon').first();
3544                    let spinnerCon = u('#login-modal #spinnerCon').first();
3545                    iframeCon.classList.remove('scale-0');
3546                    spinnerCon.classList.add('hidden');
3547                });
3548            }
3549        }
3550        
3551        var contextModal;
3552        var loginModal;
3553        var exitIntentModal;
3554        var contextModalContentEle = u('#contextModalContent')
3555
3556        function initContextModal(){
3557            var contextModalEle = document.getElementById('contextModal')
3558            contextModal  = new Modal(contextModalEle)
3559            
3560            contextModal.updateOnHide(()=>{
3561                
3562                u('#contextModalFooter').addClass('hidden');
3563                if(u('#plyrContainer').length !=0 ){
3564                    player.destroy();
3565                };
3566                if (u('#videoiframe').length != 0){
3567                    u('#videoiframe').attr({src:''})
3568            };
3569            });
3570        };
3571        function scrollIntoViewFn(module){
3572            if(module == 'requestCallbackCon'){
3573                u('#requestCallbackBtn').attr('disabled',true);
3574                u('#requestCallbackIframe').length == 0 ? loadRequestCallbackIframe():u('#requestCallbackIframe').first().contentWindow.postMessage({type:'requestBtn',isClicked:true},'*');
3575                setTimeout(function(){
3576                    u('#requestCallbackBtn').attr('disabled',false);
3577                },3000);
3578                
3579            }
3580            else if(module == 'freeMentorshipCon'){
3581                u('#requestCallbackBtn').attr('disabled',true);
3582                u('#requestFreeMentorshipCall').length == 0 ? loadFreeMentorshipCallIframe():u('#requestFreeMentorshipCall').first().contentWindow.postMessage({type:'requestBtn',isClicked:true},'*');
3583                setTimeout(function(){
3584                    u('#requestCallbackBtn').attr('disabled',false);
3585                },3000);
3586            }
3587            document.getElementById(module).scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });            
3588        }; 
3589        window.addEventListener("message", (event) => {
3590            let data = event.data
3591            if (data.caller == 'login_iframe'){
3592                iframe_loaded = true
3593                if(data.google_ads_signup){
3594                    try { pushSignupCompleteEvent(); } catch(e) {};
3595                }
3596                if(data.message){
3597                    if(data.message == 'loaded'){
3598                    // Call all the functions registered to be called on loading login iframe
3599                    for(let i=0; i<login_iframe_onload.length; i++){
3600                        login_iframe_onload[i]();
3601                    }
3602                    login_iframe_onload = [];
3603                    let iframe = u('#login_iframe');
3604                    let sideIframe = u('#login_iframe_sideView')
3605                    if(iframe.length > 0){
3606                        iframe.first().contentWindow.postMessage({'href':location.href})
3607                    }else if(sideIframe.length > 0){
3608                        sideIframe.first().contentWindow.postMessage({'href':location.href})
3609                    }
3610                    else{
3611                        console.log("Iframe not loaded. But it is supposed to load")
3612                    }
3613                    }
3614                }else if(data.next){
3615                    if(!joinWhatsAppClicked && !download_p){
3616                        window.location.href = data.next
3617                    } else if (download_p){
3618                        window.open(data.next,'_blank');
3619                        location.reload();
3620                        
3621                    }else{
3622                        window.open(data.next,'_blank');
3623                        location.reload();
3624                    }
3625                }else{
3626                    location.reload();
3627                }
3628            }
3629            else if(data.caller == 'freeMentorCall'){
3630                if(data.redirect_url){
3631                    window.location.href = data.redirect_url;
3632                }
3633            }
3634        }, false);
3635        
3636        u(document).on('DOMContentLoaded',function(){
3637            initContextModal();
3638            
3639                exitIntentModal =   new Modal(u('#exit-popup').first());
3640                loadLoginIframe();
3641            
3642            if(u('.swiper').length !==0 ){
3643            // Initialize Swiper - lazy-init when visible via IntersectionObserver
3644                u('.mySwiper').each(function(node,i){
3645                    let swiperType = u(node).data('swiper-type');
3646                    if(swiperType != 'marquee' && swiperType != 'carousel'){
3647                        let currentSwiperId = u(node).data('swiper-id');
3648                        let enableAutoplay = u(node).data('autoplay') !== 'off';
3649                        const observer = new IntersectionObserver((entries) => {
3650                            entries.forEach(entry => {
3651                                if (entry.isIntersecting && !node.swiper) {
3652                                    const loop = u(node).data('loop') == 'false'?false:true
3653                                    const gap = u(node).data('gap')?parseInt(u(node).data('gap')):15;
3654                                    let autoplay = enableAutoplay ? {autoplay:{
3655                                                    delay: 1500,
3656                                                    disableOnInteraction: true,
3657                                                    pauseOnMouseEnter:true,
3658                                                    }} : {};
3659                                    let swiperClass = '.swiperCon'+currentSwiperId;
3660                                    new Swiper(swiperClass,{
3661                                        slidesPerView:'auto',
3662                                        spaceBetween:gap,
3663                                        rewind:loop,
3664                                        a11y: false,
3665                                        ...autoplay,
3666                                        navigation: {
3667                                            nextEl: "#swiper-next-btn-"+currentSwiperId,
3668                                            prevEl: "#swiper-prev-btn-"+currentSwiperId,
3669                                        },
3670                                    });
3671                                } else if (!entry.isIntersecting && node.swiper) {
3672                                    if (enableAutoplay) node.swiper.autoplay.stop();
3673                                } else if (entry.isIntersecting && node.swiper) {
3674                                    if (enableAutoplay) node.swiper.autoplay.start();
3675                                }
3676                            });
3677                        }, {
3678                            threshold: 0.3
3679                        });
3680                        observer.observe(node);
3681                    }
3682                })
3683            }
3684        })
3685
3686        function initIntersectionObserver(){
3687            if (!intersectionObserver){
3688                intersectionObserver = new IntersectionObserver((entries)=>{
3689                    entries.forEach((entry)=>{
3690                        if (entry.isIntersecting){
3691                            if (entry.target.id == 'requestCallbackCon'){
3692                                if(u('#requestCallbackIframe').length<=0){
3693                                    loadRequestCallbackIframe();
3694                                };
3695                            }
3696                            else if(entry.target.id == 'freeMentorshipCon'){
3697                                if(u('#requestFreeMentorshipCall').length<=0){
3698                                    loadFreeMentorshipCallIframe();
3699                                };
3700                            }
3701                            if(u(entry.target).attr('data-observer')=='score'){
3702                                increaseDigit();
3703                            };
3704                            if(!entry.target.classList.contains('obs-check-sticky')){
3705                                intersectionObserver.unobserve(entry.target);
3706                            }
3707                        }
3708                        else{
3709                        }
3710                        // Below condition is used for payment url page
3711                        if((entry.target.classList.contains('obs-check-sticky')) && (entry.boundingClientRect.top < 0)){
3712                            if(u('#applyCouponTabBtn').length > 0){
3713                                u('#applyCouponTabBtn').removeClass('show');
3714                            }
3715                        }
3716                    });
3717                });
3718            };
3719        };
3720
3721        // Creating Separate Js File for this 
3722        iframe_loaded = false;
3723        var login_iframe_onload   = []
3724        
3725        u('.login-required').on('click',fireLoginPopup);
3726        
3727        function fireLoginPopup(e){
3728            if (!is_loggedin){
3729        
3730                if (e) {
3731                    if (typeof e.preventDefault === "function") e.preventDefault();
3732                    if (typeof e.stopPropagation === "function") e.stopPropagation();
3733                    if (typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
3734                }
3735        
3736                const el = e.target ? e.target.closest("a") : null;
3737        
3738                // if (el) {
3739                //     el.removeAttribute("href"); // optional
3740                // }
3741        
3742                if (typeof closeDownloadModal === "function") {
3743                    closeDownloadModal();
3744                }
3745        
3746                let loginTab, loginMessage, triggeredBy, nextUrl;
3747                let message = {}
3748        
3749                if(e && e.target){
3750                    const $loginTrigger = u(e.target);
3751                    loginTab = $loginTrigger.data("logintab") || '';
3752                    loginMessage = $loginTrigger.data("loginmessage") || '';
3753                    triggeredBy = $loginTrigger.data('loginname') || '';
3754                    nextUrl = $loginTrigger.data("next") || e.href;
3755                    noOfDownloads = $loginTrigger.data("download") || 0;
3756                    noOfTests = $loginTrigger.data("totalTests") || 0;
3757                    if(noOfDownloads !=0 ){
3758                        message.no_of_downloads = noOfDownloads;
3759                    }
3760                    if(noOfTests != 0){
3761                        message.no_of_tests = noOfTests;
3762                    }
3763                    if(!triggeredBy && e && e.target){
3764                        triggeredBy = e.target.innerText.trim().replaceAll(' ','_');
3765                    }
3766                }else{
3767                    loginTab = e.loginTab;
3768                    loginMessage = e.loginMessage;
3769                    triggeredBy = e.triggeredBy;
3770                    message.options = e;
3771                    nextUrl = e.next ? e.next : false;
3772                }
3773                message.message = loginMessage;
3774        
3775                if (!iframe_loaded) {
3776                    onGetStarted();
3777                    login_iframe_onload.push(() => changeTab(loginTab, triggeredBy, message, nextUrl));
3778                } else {
3779                    onGetStarted(); 
3780                    changeTab(loginTab, triggeredBy, message, nextUrl);
3781                }
3782        
3783                return false;
3784            }
3785        }
3786        function changeTab(loginTab, triggeredBy, message,nextUrl) {
3787            let data = { changeTab: loginTab };
3788            if (!data.changeTab) {
3789                data.changeTab = 'login';// "signup";
3790            }
3791            if(triggeredBy){
3792                data.triggeredBy = triggeredBy;
3793            }
3794            data.message = message
3795            if(nextUrl){
3796                data.nextUrl = nextUrl
3797            }
3798            messageLoginIframe(data);
3799        }  
3800        function messageLoginIframe(data) {
3801            let iframe = u("#login_iframe");
3802            if (iframe.length > 0) {
3803            
3804                iframe.first().contentWindow.postMessage(data);
3805            } else {
3806                console.log("Iframe not loaded. But it is supposed to load");
3807            }
3808        }
3809        
3810    </script>
3810
3811    
3811<script type="text/javascript" src="/static/src/js/tailwind_cracku.04c41b3369d6.js"></script>
3811
3812    
3812<script type="text/javascript" src="/static/src/js/track_events.55b940b2800e.js" defer></script>
3812
3813    
3814    
3814<script src='/static/bulma/js/iframeResizer/iframeResizer.min.c9e66a2defa6.js' async onload="isIframeResizerLoaded=true;"></script>
3814
3815    
3816    
3817        <!-- 
3817<script type="text/javascript" src="/static/src/js/tailwind_login.5ccb4aa12ba7.js"></script>
3817 -->
3818        
3818<script type="text/javascript">
3819            
3820            // Dim backdrop while Google One Tap is on screen.
3821            // Show ONLY when an account is actually rendered — never eagerly.
3822            //   Classic mode → MutationObserver on #credential_picker_container.
3823            //   FedCM mode   → after prompt(), wait briefly then verify the page lost focus
3824            //                  to a dialog (FedCM chrome steals window focus while the tab
3825            //                  stays visible). Incognito / no-account cases never lose focus
3826            //                  because no dialog opens, so the backdrop is suppressed.
3827            var yoloEl = document.querySelector(".yolo");
3828            var yoloOptOut = document.getElementById("yolo_no_black") !== null;
3829            var yoloShowTimer = null;
3830            function scheduleYoloBackdrop() {
3831              if (yoloOptOut || !yoloEl) return;
3832              if (yoloShowTimer) clearTimeout(yoloShowTimer);
3833              yoloShowTimer = setTimeout(function () {
3834                yoloShowTimer = null;
3835                if (!yoloEl) return;
3836                // FedCM dialog takes focus from the page while the tab remains visible.
3837                // No focus loss → no dialog rendered → don't show the backdrop.
3838                if (document.hasFocus()) return;
3839                if (document.visibilityState !== "visible") return;
3840                yoloEl.classList.remove("hidden");
3841              }, 1500);
3842            }
3843            function showYoloBackdrop() {
3844              if (yoloOptOut || !yoloEl) return;
3845              if (yoloShowTimer) { clearTimeout(yoloShowTimer); yoloShowTimer = null; }
3846              yoloEl.classList.remove("hidden");
3847            }
3848            function hideYoloBackdrop() {
3849              if (yoloShowTimer) { clearTimeout(yoloShowTimer); yoloShowTimer = null; }
3850              if (!yoloEl) return;
3851              yoloEl.classList.add("hidden");
3852            }
3853            // If the user returns focus to the page (dialog dismissed, tab refocused),
3854            // always tear the backdrop down — never leave it stranded.
3855            window.addEventListener("focus", hideYoloBackdrop);
3856
3857            if (!yoloOptOut && yoloEl) {
3858              // Classic mode: precise mount/unmount via DOM observer.
3859              // Observing body childList fires on every unrelated DOM mutation (GTM, pixels),
3860              // so we must gate on actual presence change — otherwise we'd immediately re-hide.
3861              var pickerPresent = false;
3862              new MutationObserver(function () {
3863                var nowPresent = document.getElementById("credential_picker_container") !== null;
3864                if (nowPresent !== pickerPresent) {
3865                  pickerPresent = nowPresent;
3866                  if (nowPresent) showYoloBackdrop();
3867                  else hideYoloBackdrop();
3868                }
3869              }).observe(document.body, { childList: true });
3870            }
3871
3872            // GSI must be initialize()d before any renderButton/prompt call. A button
3873            // rendered without it opens the popup with no client_id, and Google answers
3874            // with its "401 ... the request is malformed" page. initialize() used to run
3875            // only inside window.onload, which the scroll-triggered bottom bar and the
3876            // mock-login popup could beat on slow pages, so every entry point now goes
3877            // through this idempotent helper instead.
3878            var __gsiInitialized = false;
3879            function ensureGsiInit() {
3880              if (__gsiInitialized) return true;
3881              var request_path = window.location.pathname;
3882              if (
3883                typeof google === "undefined" ||
3884                !(google.accounts && google.accounts.id) ||
3885                is_loggedin ||
3886                request_path.indexOf("/users/reset-password/") != -1 ||
3887                request_path.indexOf("/users/forgot-password") != -1
3888              ) {
3889                return false;
3890              }
3891              google.accounts.id.initialize({
3892                client_id: get_meta_content("google-signin-client_id"),
3893                callback: onSubmit,
3894                cancel_on_tap_outside: false,
3895                prompt_parent_id: "",
3896                use_fedcm_for_prompt: false
3897              });
3898              __gsiInitialized = true;
3899              return true;
3900            }
3901            window.ensureGsiInit = ensureGsiInit;
3902
3903            window.onload = function () {
3904              if (ensureGsiInit()) {
3905
3906                // Schedule a delayed show; the notification callback cancels it if Google
3907                // reports the prompt was not displayed (e.g., incognito, cooldown, no session).
3908                // If the dialog actually renders an account, no cancel signal arrives and the
3909                // backdrop appears just after the email becomes visible.
3910                scheduleYoloBackdrop();
3911                google.accounts.id.prompt(function (notification) {
3912                  console.log("prompt notification: ", notification);
3913                  try {
3914                    if (typeof notification.isNotDisplayed === "function" && notification.isNotDisplayed()) hideYoloBackdrop();
3915                    if (typeof notification.isSkippedMoment === "function" && notification.isSkippedMoment()) hideYoloBackdrop();
3916                    if (typeof notification.isDismissedMoment === "function" && notification.isDismissedMoment()) hideYoloBackdrop();
3917                  } catch (err) { hideYoloBackdrop(); }
3918                });
3919                
3920                
3921              }
3922            };
3923
3924            function showBottomSignin() {
3925              const signinContainer = u(".bottom-signin-btn");
3926              if (signinContainer.length > 0) {
3927                signinContainer.removeClass("hidden");
3928
3929                const buttonOptions = {
3930                  theme: "filled_blue",
3931                  shape: "rectangle",
3932                  size: "large",
3933                  logo_alignment: "left",
3934                  text: "signin_with",
3935                  width: "",
3936                  height: "44",
3937                  state: "bottom",
3938                  click_listener: function () {
3939                    window._googleSignInSource = 'bottom';
3940                  }
3941                };
3942
3943                if (ensureGsiInit()) {
3944                  google.accounts.id.renderButton(
3945                    document.getElementById("googleYoloSigninBtn1"),
3946                    buttonOptions
3947                  );
3948                }
3949              }
3950            }
3951
3952            window.addEventListener("scroll", function () {
3953              const bottomSignin = u(".bottom-signin-btn");
3954              if (
3955                window.pageYOffset > 200 &&
3956                bottomSignin.length > 0 &&
3957                bottomSignin.hasClass("hidden")
3958              ) {
3959                showBottomSignin();
3960              }
3961            });
3962
3963            
3964          </script>
3964
3965        
3966
3967    
3968    
3969    
3970    
3971   
3972    
3973        
3974
3975<!--Start of Tawk.to Script-->
3976<script type="text/javascript">
3977var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
3978
3979function initTawk(){
3980(function(){
3981var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
3982s1.defer=true;
3983
3984
3985	s1.src='https://embed.tawk.to/57275a6b70ee41e11f8cd95f/default';
3986
3987
3988
3989
3990s1.charset='UTF-8';
3991s1.setAttribute('crossorigin','*');
3992s0.parentNode.insertBefore(s1,s0);
3993})();
3994window.Tawk_API = window.Tawk_API || {};
3995window.Tawk_API.onLoad = function(){
3996
3997
3998if($(document).width() < 1024){
3999	$('.widget-visible iframe').css('bottom','70px')
4000}
4001};
4002}
4003setTimeout(function(){
4004	initTawk();
4005},5000)
4006</script>
4006
4007
4008
4009
4010
4011
4012    
4013   
4014   
4015</body>
4016</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.