<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="apple-touch-icon" sizes="57x57" href="https://iken.in/favicons/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="https://iken.in/favicons/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="https://iken.in/favicons/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="https://iken.in/favicons/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="https://iken.in/favicons/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="https://iken.in/favicons/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="https://iken.in/favicons/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="https://iken.in/favicons/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="https://iken.in/favicons/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192"  href="https://iken.in/favicons/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="https://iken.in/favicons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="https://iken.in/favicons/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="https://iken.in/favicons/favicon-16x16.png">
        <link rel="manifest" href="https://iken.in/favicons/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="https://iken.in/favicons/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">

        <meta name="csrf-token" content="AZF5bf6h8xRwQkTD89CcYgX0eeMQlV6ozCd0eoDj">
        <meta name="facebook-domain-verification" content="6jxw6982nzjld815ulguakuay5blp7" />

        <title>iKen</title>

        <!-- Fonts -->
        
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">
        <!-- Styles -->
        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
        <link rel="stylesheet" href="/css/app.css">

        <style>
            body {
                font-family: 'Nunito';
            }
            [x-cloak] { display: none !important; }
            #titlediv { display: none !important; }
        </style>

        <!-- Scripts -->
        <script src="/js/app.js"></script>
        
        <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

        <script type="text/javascript">
            var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq ||
                {widgetcode:"543f087a9da5b503abcc2690abe272e7bda93d85f30e77e28bf603f2ead32dcf7bcd35e85c04fa5b5f6d06166bae2a411b0979112f48e154dacd480e4d074fee", values:{},ready:function(){}};
            var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;
            s.src="https://salesiq.zoho.in/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);d.write("<div id='zsiqwidget'></div>");
        </script>
        <script src="https://cdn-in.pagesense.io/js/mexuseducation/1fc3c1a698d94d1cbd15b69aac50e64d.js"></script>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137808032-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-137808032-1');
        </script>
        <!-- Facebook Pixel Code -->
        <script>
            !function(f,b,e,v,n,t,s)
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};
                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
                n.queue=[];t=b.createElement(e);t.async=!0;
                t.src=v;s=b.getElementsByTagName(e)[0];
                s.parentNode.insertBefore(t,s)}(window, document,'script',
                'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '366484398480473');
            fbq('track', 'PageView');
        </script>
        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=366484398480473&ev=PageView&noscript=1"/></noscript>
        <!-- End Facebook Pixel Code -->

        <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid] {display: none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
    </head>
    <body class="antialiased">
        <div class="min-h-screen bg-white">
            <main>
                <div x-data="{ open: 0 }" class="relative z-50">
    <nav class="absolute w-full z-0 lg:hidden">
        <div class="absolute p-4 w-full">
            <div class="absolute mt-2.5">
                <img @click="open = true" x-show="!open" class="h-4" src="https://iken.in/imgs/nav/hamburger-white.png" alt="site menu">
            </div>
            <div class="text-center px-20">
                <a href="https://iken.in/index.php">
                    <img class="h-6 md:h-10 mx-auto" src="https://iken.in/imgs/nav/iken-logo-white.png" alt="iken logo">
                </a>
            </div>
        </div>

        <div x-show="open > 0" x-cloak @click.away="open = 0" class="absolute rounded-br-2xl w-2/3 md:w-1/3 shadow-md z-10" style="background: linear-gradient(170deg, #ff7c67, #e26075); box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75)">
            <div class="flex justify-between text-white px-4 pt-5 pb-3">
                <span @click="open = 0">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class='w-5 h-5'>
                        <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
                    </svg>
                </span>
                <h4 class='text-xs tracking-widest' style="font-family: 'Source Sans Pro', sans-serif">WELCOME, GUEST</h4>
            </div>
            <div class="text-white text-sm">
                <ul class="border-t">
                    <li class='py-2 border-b border-red-300 hasMore' x-bind:class="{ 'bg-white text-red-400': open === 10 }">
                        <div @click="open = 10" class='px-5 flex justify-between link'>
                            <span x-bind:class="{ 'font-bold': open === 10 }">iKen App</span>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class='w-5 h-5 inline-block transform transition-all' x-bind:class="{ 'rotate-180': open === 10 }">
                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </div>
                        <ul x-show="open === 10" x-cloak class='bg-white text-red-400 text-xs font-semibold pt-2 submenu'>
                            <li class='border-t py-2'><span class='px-5'><a href='https://iken.in/index.php/app'>App Features</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/student-packages?#student-packages">iKen Packages</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/app?#awards-recognition">Awards & recognition</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/app?#words-that-matter">Words that matter</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/iken-mentor">iken Mentor</a></span></li>
                        </ul>
                    </li>

                    <li class='py-2 border-b border-red-300 hasMore' x-bind:class="{ 'bg-white text-red-400': open === 20 }">
                        <div @click="open = 20" class='px-5 flex justify-between link'>
                            <span  x-bind:class="{ 'font-bold': open === 20 }">iKen School</span>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class='w-5 h-5 inline-block transform transition-all' x-bind:class="{ 'rotate-180': open === 20 }">
                                  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </div>
                        <ul x-show="open === 20" x-cloak class='bg-white text-red-400 text-xs font-semibold font-medium pt-2 submenu'>
                            <li class='border-t py-2'><span class='px-5'><a href='https://iken.in/index.php/school?#iken-community'>iKen Community</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/school?#iken-school-ecosystem">School Features</a></span></li>
                        </ul>
                    </li>
                    <li class='py-2 border-b border-red-300 hasMore' x-bind:class="{ 'bg-white text-red-400': open === 30 }">
                        <div @click="open = 30" class='px-5 flex justify-between link'>
                            <span  x-bind:class="{ 'font-bold': open === 30 }">Packages</span>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class='w-5 h-5 inline-block transform transition-all' x-bind:class="{ 'rotate-180': open === 30 }">
                                  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </div>
                        <ul x-show="open === 30" x-cloak class='bg-white text-red-400 text-xs font-semibold font-medium pt-2 submenu'>
                            <li class='border-t py-2'><span class='px-5'><a href='https://iken.in/index.php/student-packages'>Available Packages</a></span></li>
                            
                        </ul>
                    </li>
                    <li class='py-2 border-b border-red-300 hasMore' x-bind:class="{ 'bg-white text-red-400': open === 40 }">
                        <div @click="open = 40" class='px-5 flex justify-between link'>
                            <span  x-bind:class="{ 'font-bold': open === 40 }">Friends of iKen</span>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class='w-5 h-5 inline-block transform transition-all' x-bind:class="{ 'rotate-180': open === 40 }">
                                  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </div>
                        <ul x-show="open === 40" x-cloak class='bg-white text-red-400 text-xs font-semibold font-medium pt-2 submenu'>
                            <li class='border-t py-2'><span class='px-5'><a href='https://iken.in/index.php/friends-of-iken'>Program Details</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/friends-of-iken?#who-is-it-for">Who is it for?</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/friends-of-iken?#three-easy-steps">3 easy steps</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/friends-of-iken?#program-benefits">Program Benefits</a></span></li>
                        </ul>
                    </li>
                    
                    <li class='py-2 border-b border-red-300 hasMore' x-bind:class="{ 'bg-white text-red-400': open === 50 }">
                        <div @click="open = 50" class='px-5 flex justify-between link'>
                            <span  x-bind:class="{ 'font-bold': open === 50 }">About Us</span>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class='w-5 h-5 inline-block transform transition-all' x-bind:class="{ 'rotate-180': open === 50 }">
                                  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </div>
                        <ul x-show="open === 50" x-cloak class='bg-white text-red-400 text-xs font-semibold font-medium pt-2 submenu'>
                            <li class='border-t py-2'><span class='px-5'><a href='https://iken.in/index.php/brand-story'>Brand Story</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/brand-story?#why-iken">Why iKen?</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/faq">FAQs</a></span></li>
                            <li class='border-t py-2'><span class='px-5'><a href="https://iken.in/index.php/careers">Careers</a></span></li>
                        </ul>
                    </li>
                    
                    <li class='px-5 py-2'><a href="https://iken.in/index.php/services-login">Login</a></li>
                </ul>
            </div>
        </div>
    </nav>




    <nav class="absolute w-full py-4 hidden lg:block">
        <div class="flex max-w-7xl mx-auto justify-between px-4">
            <div>
                <a href="https://iken.in/index.php">
                    <img src="https://iken.in/imgs/nav/iken-logo-white.png" alt="iken logo" class="h-9">
                </a>
            </div>
            <div class="lg:pl-10" x-data="{ open: 0 }">
                <ul class="flex space-x-3 mt-2 text-white">
                    <li  @click="open = 10" @mouseenter="open = 10" class="flex">
                        <a href="#" class="">iken App</a>
                        <span class="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class ="h-4 ml-2 mt-1 transform transition-all" x-bind:class="{'rotate-180': open === 10}" >
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                            </svg>
                        </span>
                        <ul class="absolute top-14 bg-white divide-y text-pink-500 text-sm leading-3 w-44 shadow-xl rounded-tr-xl rounded-bl-xl" x-show="open === 10" x-cloak @click.away="open = 0">
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/app">App Features</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/student-packages?#student-packages">iKen Packages</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/app?#awards-recognition">Awards & Recognition</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/app?#words-that-matter">Words that Matter</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/iken-mentor">iKen Mentor</a></li>
                        </ul>
                    </li>

                    <li  @click="open = 20" @mouseenter="open = 20" class="flex" >
                        <a href="#" class="">iken School</a>
                        <span class="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-4 ml-4 mt-1 transform transition-all" x-bind:class="{'rotate-180': open === 20}" >
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                            </svg>
                        </span>
                        <ul class="absolute top-14 bg-white divide-y text-pink-500 text-sm leading-3 w-44 shadow-xl rounded-tr-xl rounded-bl-xl" x-show="open === 20" x-cloak @click.away="open = 0">
                            <li class="pl-4 py-2 text-sm"><a href='https://iken.in/index.php/school?#iken-community'>iKen Community</a></li>
                            <li class="pl-4 py-2 text-sm"><a href='https://iken.in/index.php/school?#iken-school-ecosystem'>School Features</a></li>
                        </ul>
                    </li>

                    <li  @click="open = 30" @mouseenter="open = 30" class="flex">
                        <a href="#" class="">Packages</a>
                        <span class="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-4 ml-4 mt-1 transform transition-all" x-bind:class="{'rotate-180': open === 30}" >
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                            </svg>
                        </span>
                        <ul class="absolute top-14 bg-white divide-y text-pink-500 text-sm leading-3 w-44 shadow-xl rounded-tr-xl rounded-bl-xl" x-show="open === 30" x-cloak @click.away="open = 0">
                            <li class="pl-4 py-2 text-sm"><a href='https://iken.in/index.php/student-packages'>Available Packages</a></li>
                            
                        </ul>
                    </li>

                    <li  @click="open = 40" @mouseenter="open = 40" class="flex">
                        <a href="#" class="">Friends of iKen</a>
                        <span class="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-4 ml-4 mt-1 transform transition-all" x-bind:class="{'rotate-180': open === 40}" >
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                            </svg>
                        </span>
                        <ul class="absolute top-14 bg-white divide-y text-pink-500 text-sm leading-3 w-44 shadow-xl rounded-tr-xl rounded-bl-xl" x-show="open === 40" x-cloak @click.away="open = 0">
                            <li class="pl-4 py-2 text-sm"><a href='https://iken.in/index.php/friends-of-iken'>Program Details</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/friends-of-iken?#who-is-it-for">Who is it for?</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/friends-of-iken?#three-easy-steps">3 easy steps</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/friends-of-iken?#program-benefits">Program Benefits</a></li>
                        </ul>
                    </li>

                    

                    <li  @click="open = 50" @mouseenter="open = 50" class="flex">
                        <a href="#" class="">About Us</a>
                        <span class="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-4 ml-4 mt-1 transform transition-all" x-bind:class="{'rotate-180': open === 50}" >
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                            </svg>
                        </span>
                        <ul class="absolute top-14 bg-white divide-y text-pink-500 text-sm leading-3 w-44 shadow-xl rounded-tr-xl rounded-bl-xl" x-show="open === 50" x-cloak @click.away="open = 0">
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/brand-story">Brand Story</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/brand-story?#why-iken">Why iKen?</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/faq">FAQs</a></li>
                            <li class="pl-4 py-2 text-sm"><a href="https://iken.in/index.php/careers">Careers</a></li>
                        </ul>
                    </li>

                    

                    <li @mouseenter="open = 0">
                        <a href="https://iken.in/index.php/services-login" class="">Login</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>




    <div>
        <img class="hidden max-h-screen h-full w-full text-right" src="https://iken.in/imgs/iken-homepage/banner-patch.png" alt="">
    </div>
</div>
 

    <section class="md:hidden relative">
    <div class="relative">
        <div class="hero-slider">
            <div style="background: linear-gradient(to bottom, #ff7c67, #e9706d, #50205c)" class="outline-none">
                <div class="relative text-white pt-20">
                    <div class="absolute w-full pt-4 pl-8">
                        <h2 class="absolute text-3xl font-semibold">A world<br> of learning<br> at your<br> fingertips</h2>
                    </div>
                    <div class="pl-24 pr-2 pt-12">
                        <img src="https://iken.in/imgs/iken-homepage/hero/a-world-of-learning-at-your-fingertips.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>

            <div style="background: linear-gradient(to bottom, #ec807d, #e06075)" class="outline-none">
                <div class="relative text-white pt-20">
                    <div class="absolute w-full pt-4 pl-8">
                        <h2 class="absolute text-3xl font-semibold">Open your mind<br> to Smart Learning</h2>
                    </div>
                    <div class="pl-16 pt-20">
                        <img src="https://iken.in/imgs/iken-homepage/hero/open-your-mind-to-smart-learning.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>

            <div style="background: linear-gradient(to bottom, #9a427f, #441a57)" class="outline-none">
                <div class="relative text-white pt-20">
                    <div class="absolute w-full pt-6 pl-8">
                        <h2 class="absolute text-3xl font-semibold">Be your<br> own Examiner</h2>
                    </div>
                    <div class="pt-24">
                        <img src="https://iken.in/imgs/iken-homepage/hero/be-your-own-examiner.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>
        </div>
        <img src="https://iken.in/imgs/iken-homepage/hero/bottom-patch.png" alt="" class="absolute -mt-12">
    </div>
</section>





<section class="hidden md:block lg:hidden relative">
    <div class="relative">
        <div class="hero-slider">
            <div style="background: linear-gradient(to bottom, #ff7c67, #e9706d, #50205c)" class="outline-none">
                <div class="relative text-white pt-20">
                    <div class="absolute w-full pt-12 pl-24">
                        <h2 class="absolute text-5xl font-semibold">A world<br> of learning<br> at your<br> fingertips</h2>
                    </div>
                    <div class="pl-48 pr-2 pt-12">
                        <img src="https://iken.in/imgs/iken-homepage/hero/a-world-of-learning-at-your-fingertips.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>

            <div style="background: linear-gradient(to bottom, #ec807d, #e06075)" class="outline-none">
                <div class="relative text-white pt-20">
                    <div class="absolute w-full pt-4 pl-10">
                        <h2 class="absolute text-5xl font-semibold">Open your mind<br> to Smart Learning</h2>
                    </div>
                    <div class="pt-24 float-right">
                        <img src="https://iken.in/imgs/iken-homepage/hero/open-your-mind-to-smart-learning.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>

            <div style="background: linear-gradient(to bottom, #9a427f, #441a57)" class="outline-none">
                <div class="relative text-white pt-20">
                    <div class="absolute w-full pt-6 pl-10">
                        <h2 class="absolute text-5xl font-semibold">Be your<br> own Examiner</h2>
                    </div>
                    <div class="pt-24">
                        <img src="https://iken.in/imgs/iken-homepage/hero/be-your-own-examiner.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>
        </div>
        <img src="https://iken.in/imgs/iken-homepage/hero/bottom-patch.png" alt="" class="absolute -mt-16 w-full">
    </div>
</section>






<section class="hidden lg:block relative">
    <div class="relative">
        <div class="hero-slider">
            <div class="outline-none">
                <div class="h-full relative text-white">
                    <div>
                        <img src="https://iken.in/imgs/iken-homepage/hero/a-world-of-learning-at-your-fingertips-desktop.png" alt="a world of learning at your fingertips">
                    </div>
                </div>
            </div>

            <div class="outline-none">
                <div class="h-full relative text-white">
                    <div>
                        <img src="https://iken.in/imgs/iken-homepage/hero/open-your-mind-to-smart-learning-desktop.png" alt="open your mind to smart learning">
                    </div>
                </div>
            </div>

            <div class="outline-none">
                <div class="h-full relative text-white">
                    <div>
                        <img src="https://iken.in/imgs/iken-homepage/hero/be-your-own-examiner-desktop.png" alt="be your own examiner">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

    <section class="max-w-full lg:pt-4" id="app-features">
    <div class="pt-6 space-y-4 lg:space-y-10">
        <h3 class="text-center text-sm lg:text-3xl font-bold" style="color: #3f1854">Download the iKen App</h3>
        <div class="flex">
            <div class="flex space-x-4 lg:space-x-16 px-8 mx-auto">
                <a href="https://play.google.com/store/apps/details?id=com.mexus.iken&hl=en" class="focus:outline-none focus:ring-2 focus:ring-opacity-75 rounded-full">
                    <img src="https://iken.in/imgs/logo/play-store.svg" alt="download the iken app on google play store" class="h-9 lg:h-16">
                </a>
                <a href="https://apps.apple.com/us/app/iken-learning-app/id1438387727#?platform=iphone" class="focus:outline-none focus:ring-2 focus:ring-opacity-75 rounded-full">
                    <img src="https://iken.in/imgs/logo/app-store.svg" alt="download the iken app on apple app store" class="h-9 lg:h-16">
                </a>
            </div>
        </div>
    </div>
</section>

<section class="max-w-7xl mx-auto pb-20 lg:pb-28">
    <div class="md:hidden pt-14 px-8 space-y-2 md:px-20" style="color: #3f1854">
        <h2 class="text-center text-2xl font-bold">iKen App Features</h2>
        <p class="text-center text-sm">iKen App is an intuitive platform that makes learning fun and easy. With smart assessment tools, experiential learning and data support we make sure that you stay ahead at all times.</p>
    </div>

    <div class="hidden lg:hidden md:block pt-14 px-8 space-y-2 md:px-20" style="color: #3f1854">
        <h2 class="text-center text-3xl font-bold">iKen App Features</h2>
        <p class="text-center text-lg">iKen App is an intuitive platform that makes learning fun and easy. With smart assessment tools, experiential learning and data support we make sure that you stay ahead at all times.</p>
    </div>

    <div class="hidden lg:block pt-32 space-y-10" style="color: #3f1854">
        <h2 class="text-center text-5xl font-bold">iKen App Features</h2>
        <p class="text-center text-3xl font-semibold">iKen App is an intuitive platform that makes learning fun and easy. With smart assessment tools, experiential learning and data support we make sure that you stay ahead at all times.</p>
    </div>

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-2/5 pr-2 my-auto mx-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-01.png" alt="learn for lifetime" class="w-24">
        </div>
        <div class="w-3/5 pl-2">
            <h3 class="font-bold text-sm">Learn for lifetime</h3>
            <p class="text-xxs">Our engaging content with audio-visual aids and story-telling techniques makes study material relatable. You will be able to retain concepts longer, making it a part of your long-term memory.</p>
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-3/5 pr-2 text-right">
            <h3 class="font-bold text-sm">Study at a click</h3>
            <p class="text-xxs">Forget bulky notes, now you have access to learning tools anytime, anywhere. Enjoy a seamless learning journey from the comfort of your home.</p>
        </div>
        <div class="w-2/5 pl-2 my-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-02.png" alt="Study at a click" class="h-24 float-right">
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-2/5 pr-2 my-auto mx-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-03.png" alt="learn for lifetime" class="w-24">
        </div>
        <div class="w-3/5 pl-2">
            <h3 class="font-bold text-sm">Be your own examiner</h3>
            <p class="text-xxs">With adaptive questions and progressive self-assessment tools you can track your own progress. We let you choose from prepared or customised tests and give you detailed feedback.</p>
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-3/5 pr-2 text-right">
            <h3 class="font-bold text-sm">All boards on board</h3>
            <p class="text-xxs">Our resources and text books have been mapped to CBSE, ICSE and state boards. Our master bank includes study material with engaging lessons from kindergarten to Class 12</p>
        </div>
        <div class="w-2/5 pl-2 my-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-04.png" alt="All boards on board" class="h-24 float-right">
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-2/5 pr-2 my-auto mx-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-05.png" alt="learn for lifetime" class="w-24">
        </div>
        <div class="w-3/5 pl-2">
            <h3 class="font-bold text-sm">Be a smart learner</h3>
            <p class="text-xxs">Our smart analytics provide intuitive tips to sync your learning needs and guide your journey. We map your progress and provide you valuable insights to improve your learning curve.</p>
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-3/5 pr-2 text-right">
            <h3 class="font-bold text-sm">Choose your speed</h3>
            <p class="text-xxs">With our customised lessons and adaptive learning plans you can choose your own learning speed. No one gets left behind with iKen, your lessons are only an app away.</p>
        </div>
        <div class="w-2/5 pl-2 my-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-06.png" alt="Choose your speed" class="h-24 float-right">
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-2/5 pr-2 my-auto mx-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-07.png" alt="learn for lifetime" class="w-24">
        </div>
        <div class="w-3/5 pl-2">
            <h3 class="font-bold text-sm">Best of both worlds</h3>
            <p class="text-xxs">With access to Live classes you get the full experience of a classroom from the comfort of home. You can interact with our subject experts and mentors to get the best of virtual and classroom teaching.</p>
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-3/5 pr-2 text-right">
            <h3 class="font-bold text-sm">Gather your friends</h3>
            <p class="text-xxs">Learning can be a game too, so challenge your friends to a healthy competition. We provide you a curated, collaborative, and comprehensive ecosystem.</p>
        </div>
        <div class="w-2/5 pl-2 my-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-08.png" alt="Gather your friends" class="h-24 float-right">
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-2/5 pr-2 my-auto mx-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-09.png" alt="learn for lifetime" class="w-24">
        </div>
        <div class="w-3/5 pl-2">
            <h3 class="font-bold text-sm">Just so easy!</h3>
            <p class="text-xxs">iKen is a user friendly interface. It is an interactive platform that you can navigate on your own with ease and comfort.</p>
        </div>
    </div>
</div>
 

         <div class="p-7 md:hidden">
    <div class="flex">
        <div class="w-3/5 pr-2 text-right">
            <h3 class="font-bold text-sm">Parents as partners</h3>
            <p class="text-xxs">With iKen parents can stay up to date and track the progress of a student in real-time. They can also access smart analytics for better skill analysis.</p>
        </div>
        <div class="w-2/5 pl-2 my-auto">
            <img src="https://iken.in/imgs/iken-homepage/app_features/icon-10.png" alt="Parents as partners" class="h-24 float-right">
        </div>
    </div>
</div>
 

    <div class="hidden md:grid md:grid-cols-2 lg:grid-cols-3 pt-10">
    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-01.png" alt="learn for lifetime" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Learn for lifetime</h3>
                <p class="text-lg lg:text-xl">Our engaging content with audio-visual aids and story-telling techniques makes study material relatable. You will be able to retain concepts longer, making it a part of your long-term memory.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-02.png" alt="study at a click" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Study at a click</h3>
                <p class="text-lg lg:text-xl">Forget bulky notes, now you have access to learning tools anytime, anywhere. Enjoy a seamless learning journey from the comfort of your home.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-03.png" alt="be your own examiner" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Be your own examiner</h3>
                <p class="text-lg lg:text-xl">With adaptive questions and progressive self-assessment tools you can track your own progress. We let you choose from prepared or customised tests and give you detailed feedback.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-04.png" alt="all boards on board" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">All boards on board</h3>
                <p class="text-lg lg:text-xl">Our resources and text books have been mapped to CBSE, ICSE and state boards. Our master bank includes study material with engaging lessons from kindergarten to Class 12.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-05.png" alt="learn for lifetime" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Be a smart learner</h3>
                <p class="text-lg lg:text-xl">Our smart analytics provide intuitive tips to sync your learning needs and guide your journey. We map your progress and provide you valuable insights to improve your learning curve.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-06.png" alt="study at a click" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Choose your speed</h3>
                <p class="text-lg lg:text-xl">With our customised lessons and adaptive learning plans you can choose your own learning speed. No one gets left behind with iKen, your lessons are only an app away.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-07.png" alt="be your own examiner" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Best of both worlds</h3>
                <p class="text-lg lg:text-xl">With access to Live classes you get the full experience of a classroom from the comfort of home. You can interact with our subject experts and mentors to get the best of virtual and classroom teaching.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-08.png" alt="all boards on board" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Gather your friends</h3>
                <p class="text-lg lg:text-xl">Learning can be a game too, so challenge your friends to a healthy competition. We provide you a curated, collaborative, and comprehensive ecosystem.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-09.png" alt="be your own examiner" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Just so easy!</h3>
                <p class="text-lg lg:text-xl">iKen is a user friendly interface. It is an interactive platform that you can navigate on your own with ease and comfort.</p>
            </div>
        </div>
    </div>

    <div class="p-7">
        <div class="w-full flex flex-col">
            <div class="pr-2 my-auto mx-auto pb-3">
                <img src="https://iken.in/imgs/iken-homepage/app_features/icon-10.png" alt="all boards on board" class="h-52">
            </div>
            <div class="pl-2 text-center space-y-3">
                <h3 class="font-bold text-2xl lg:text-3xl font-bold">Parents as partners</h3>
                <p class="text-lg lg:text-xl">With iKen parents can stay up to date and track the progress of a student in real-time. They can also access smart analytics for better skill analysis.</p>
            </div>
        </div>
    </div>
</div>

    <div class="pt-4 pb-4 flex">
        <a href="https://app-iken.app.link/lGS0DUy0ddb" class="btn-cta text-white px-20" style="background: #98417e;background: -moz-linear-gradient(45deg,  #98417e 20%, #461b58 100%);background: -webkit-linear-gradient(45deg,  #98417e 20%,#461b58 100%);background: linear-gradient(45deg,  #98417e 20%,#461b58 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98417e', endColorstr='#461b58',GradientType=1 );">DOWNLOAD APP</a>
    </div>
</section>

    <section class="hidden lg:block bg-gray-200 py-32">
    <div class="max-w-7xl mx-auto">
        <h2 class="text-center text-5xl font-bold">iKen Packages</h2>
        <div class="text-center pt-16">
            <div class="flex space-x-10 overflow-y-hidden pb-8">
                <div class="py-14 px-12 mx-auto bg-red-400 rounded-3xl shadow-xl w-full" style="min-width: 25rem">
                    <div class="text-center sm:text-left ">
                        <div class="space-y-0.5">
                            <span class="border py-1 px-5 text-xl font-bold rounded-tr-full rounded-br-full bg-white text-red-400">CLASS 7</span>
                            <p class="text-3xl font-bold text-white text-left pt-7">6 MONTHS PACK<br>ALL SUBJECTS</p>
                            <div class="flex text-white text-xl text-left pt-4">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Mathematics</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="mt-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">English Grammar</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Science</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">History</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Geography</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Civics</span>
                            </div>
                            <div class="text-left text-white pt-10">
                                <p class="text-7xl"><span class="text-3xl pr-3">Rs.</span>10,000</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="py-14 px-12 mx-auto bg-blue-500 rounded-3xl shadow-xl w-full" style="min-width: 25rem">
                    <div class="text-center sm:text-left px-1">
                        <div class="space-y-0.5">
                            <span class="border py-1 px-5 text-xl font-bold rounded-tr-full rounded-br-full bg-white text-blue-500">CLASS 4</span>
                            <p class="text-3xl font-bold text-white text-left pt-7">ANNUAL PACK<br>ALL SUBJECTS</p>
                            <div class="flex text-white text-xl text-left pt-4">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Mathematics</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Environmental Education</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="mt-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">English Grammar</span>
                            </div>
                            <div class="text-left text-white pt-32">
                                <p class="text-7xl"><span class="text-3xl pr-3">Rs.</span>6,000</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="py-14 px-12 mx-auto bg-green-500 rounded-3xl shadow-xl w-full" style="min-width: 25rem">
                    <div class="text-center sm:text-left ">
                        <div class="space-y-0.5">
                            <span class="border py-1 px-5 text-xl font-bold rounded-tr-full rounded-br-full bg-white text-green-500">CLASS 12 - SCIENCE</span>
                            <p class="text-3xl font-bold text-white text-left pt-7">6 MONTHS PACK<br>ALL SUBJECTS</p>
                            <div class="flex text-white text-xl text-left pt-4">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Mathematics</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="my-auto">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Physics</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="mt-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Chemistry</span>
                            </div>
                            <div class="flex text-white text-xl text-left">
                                <span class="mt-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 my-auto">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                    </svg>
                                </span>
                                <span class="pl-7">Biology</span>
                            </div>
                            <div class="text-left text-white pt-24">
                                <p class="text-7xl"><span class="text-3xl pr-3">Rs.</span>10,000</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex pt-6 pb-3">
            <a href="https://iken.in/index.php/student-packages" class="btn-cta px-10 border-pink-700">VIEW ALL PACKAGES</a>
        </div>
    </div>
</section>

<section class="lg:hidden bg-gray-200 py-8">
    <h2 class="text-center pb-6 text-2xl font-bold text-primary">iKen Packages</h2>
    <div class="text-center">
        <div  class="flex">
            <div class="py-4 px-6 mx-auto w-64 bg-blue-500 rounded-3xl shadow-xl">
                <div class="text-center sm:text-left px-1">
                    <div class="space-y-0.5">
                        <span class="block w-8 border my-1"></span>
                        <p class="text-lg font-normal text-white text-left">ANNUAL PACK</p>
                        <div class="flex text-white text-xs font-light text-left font-thin">
                            <span class="my-auto">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-3 my-auto">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                </svg>
                            </span>
                            <span class="pl-1">Mathematics</span>
                        </div>
                        <div class="flex text-white text-xs font-light text-left font-thin">
                            <span class="my-auto">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-3 my-auto">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                </svg>
                            </span>
                            <span class="pl-1">Physics</span>
                        </div>
                        <div class="flex text-white text-xs font-light text-left font-thin">
                            <span class="mt-1">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-3 my-auto">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                </svg>
                            </span>
                            <span class="pl-1">Chemistry</span>
                        </div>
                        <div class="flex text-white text-xs font-light text-left font-thin">
                            <span class="mt-1">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-3 my-auto">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                </svg>
                            </span>
                            <span class="pl-1">Biology</span>
                        </div>
                        <div class="text-left text-white pt-2">
                            <p class="text-lg font-light">Rs.</p>
                            <p class="text-4xl font-light">18,000</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="flex pt-8 text-xs pb-12">
        <a href="https://iken.in/index.php/student-packages" class="btn-cta py-1 border-pink-700 px-5">VIEW ALL PACKAGES</a>
    </div>
</section>

    <section class="lg:hidden text-white text-center" style="background: #401855" id="awards-recognition">
    <div class="max-w-7xl mx-auto">
        <div class="pt-8 pb-6 space-y-6">
            <h2 class="text-sm font-bold">AWARDS & RECOGNITION</h2>
            

            <div class="awards-and-recognition-slider">
                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/main-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Best ICT e-learning Content</h3>
                        <h4 class="text-xs">for iKen Library</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/02-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Wisitex Sikhsha Ratna (ICT)</h3>
                        <h4 class="text-xs">for iKen School Ecosystem</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/03-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Best Assessment Tool</h3>
                        <h4 class="text-xs">for iKen Evaluate</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/04-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Best Business of the Year</h3>
                        <h4 class="text-xs">for Mexus Education</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/05-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Excellence in Integration of Holistic Development</h3>
                        <h4 class="text-xs">for iKen Design & Technology Lab</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/06-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Best Teaching Pedagogy STEM education</h3>
                        <h4 class="text-xs">for iKen Design & Technology Lab</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/07-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">Best Interactive Solutions</h3>
                        <h4 class="text-xs">for iKen Activity Lab and iKen Learning Lab</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/08-award.png" alt="" class="h-40 mx-auto">
                        <h3 class="pt-4 text-xs font-bold">YouTube Silver Creator Award</h3>
                        <h4 class="text-xs">for iKen Edu</h4>
                    </div>
                </div>
            </div>

            <div class="space-y-3">
                <span class="block w-8 border-b mx-auto"></span>
                <h4 class="text-sm font-bold">LET THE NUMBERS DO THE TALKING</h4>
            </div>

            <div class="md:hidden max-w-7xl mx-auto space-y-5">
                <div class="grid grid-cols-2 justify-around">
                    <div class="">
                        <p class="text-red-400 text-3xl font-bold">450,000+</p>
                        <p class="text-lg text-purple-300">Students</p>
                    </div>
                    <div class="">
                        <p class="text-blue-400 text-3xl font-bold">150,000+</p>
                        <p class="text-lg text-purple-300">Parents</p>
                    </div>
                </div>
                <div class="grid grid-cols-2  justify-around">
                    <div class="">
                        <p class="text-yellow-400 text-3xl font-bold">100,000+</p>
                        <p class="text-lg text-purple-300">Teachers</p>
                    </div>
                    <div class="">
                        <p class="text-green-300 text-3xl font-bold">3500+</p>
                        <p class="text-lg text-purple-300">Schools</p>
                    </div>
                </div>
            </div>

            <div class="hidden md:flex max-w-7xl mx-auto justify-around px-5">
                <div class="space-y-1">
                    <p class="text-red-400 text-3xl font-bold">450,000+</p>
                    <p class="text-xl text-purple-300">Students</p>
                </div>
                <div class="space-y-1">
                    <p class="text-blue-400 text-3xl font-bold">150,000+</p>
                    <p class="text-xl text-purple-300">Parents</p>
                </div>
                <div class="space-y-1">
                    <p class="text-yellow-400 text-3xl font-bold">100,000+</p>
                    <p class="text-xl text-purple-300">Teachers</p>
                </div>
                <div class="space-y-1">
                    <p class="text-green-300 text-3xl font-bold">3500+</p>
                    <p class="text-xl text-purple-300">Schools</p>
                </div>
            </div>
        </div>
    </div>
</section>





<section class="hidden lg:block text-white text-center" style="background: #401855">
    <div class="max-w-7xl mx-auto">
        <div class="pt-32 pb-28 space-y-12">
            <h2 class="text-3xl font-bold">AWARDS & RECOGNITION</h2>
            

            <div class="awards-and-recognition-slider-desktop">
                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/main-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Best ICT e-learning Content</h3>
                        <h4 class="text-lg">for iKen Library</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/02-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Wisitex Sikhsha Ratna (ICT)</h3>
                        <h4 class="text-lg">for iKen School Ecosystem</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/03-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Best Assessment Tool</h3>
                        <h4 class="text-lg">for iKen Evaluate</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/04-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Best Business of the Year</h3>
                        <h4 class="text-lg">for Mexus Education</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/05-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Excellence in Integration of Holistic Development</h3>
                        <h4 class="text-lg">for iKen Design & Technology Lab</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/06-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Best Teaching Pedagogy STEM education</h3>
                        <h4 class="text-lg">for iKen Design & Technology Lab</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/07-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">Best Interactive Solutions</h3>
                        <h4 class="text-lg">for iKen Activity Lab and iKen Learning Lab</h4>
                    </div>
                </div>

                <div class="outline-none">
                    <div class="text-center">
                        <img src="https://iken.in/imgs/iken-homepage/awards/08-award.png" alt="" class="h-60 mx-auto">
                        <h3 class="pt-4 text-xl font-bold">YouTube Silver Creator Award</h3>
                        <h4 class="text-lg">for iKen Edu</h4>
                    </div>
                </div>
            </div>

            <div class="space-y-8">
                <span class="block w-14 border-b-2 mx-auto"></span>
                <h4 class="text-3xl font-bold">LET THE NUMBERS DO THE TALKING</h4>
            </div>

            <div class="hidden md:flex max-w-7xl mx-auto justify-around">
                <div class="space-y-5">
                    <p class="text-red-400 text-5xl xl:text-7xl font-bold">450,000+</p>
                    <p class="text-2xl xl:text-3xl text-purple-300">Students</p>
                </div>
                <div class="space-y-5">
                    <p class="text-blue-400 text-5xl xl:text-7xl font-bold">150,000+</p>
                    <p class="text-2xl xl:text-3xl text-purple-300">Parents</p>
                </div>
                <div class="space-y-5">
                    <p class="text-yellow-400 text-5xl xl:text-7xl font-bold">100,000+</p>
                    <p class="text-2xl xl:text-3xl text-purple-300">Teachers</p>
                </div>
                <div class="space-y-5">
                    <p class="text-green-300 text-5xl xl:text-7xl font-bold">3500+</p>
                    <p class="text-2xl xl:text-3xl text-purple-300">Schools</p>
                </div>
            </div>
        </div>
    </div>
</section>

    <section id="words-that-matter">
    <div class="py-8 lg:py-28 max-w-7xl mx-auto px-6 text-primary">
        <h2 class="text-center text-xl lg:text-5xl font-bold md:pb-4">Words that matter</h2>
        

        <div class="words-that-matter-slider">
            <div class="outline-none">
                <div class="md:flex lg:space-x-6 md:px-10 py-4 lg:py-12">
                    
                    <div class="text-center  md:text-left md:my-auto">
                        <h3 class="text-sm lg:text-2xl font-bold pt-4 md:pt-0">Jashwant Bhati <span class="block lg:inline-block lg:pl-4 font-normal">Saraswat International, Academy</span></h3>
                        <p class="pt-4 lg:pt-5 text-xxs lg:text-3xl text-gray-500 lg:leading-12"><i>“I scored less in my SA1 exam, but after that I started using iKen Learning App. With the help of this amazing learning system, I got good scores in subjects like Social Science, Science and Mathematics in SA2 exam. Learning is a fun through Iken App.”</i></p>
                    </div>
                </div>
            </div>
            <div class="outline-none">
                <div class="md:flex lg:space-x-6 md:px-10 py-4 lg:py-12">
                    
                    <div class="text-center  md:text-left md:my-auto">
                        <h3 class="text-sm lg:text-xl font-bold pt-4 md:pt-0">Khushi Desai <span class="block lg:inline-block lg:pl-4 font-normal">Vallabh Ashram's M G M Amin & V N Savani School, Pardi</span></h3>
                        <p class="pt-4 lg:pt-5 text-xxs lg:text-xl text-gray-500 lg:leading-8"><i>“iKen Learning App makes my chapters crystal Clear. Its very useful when I have any doubts. I spend daily just 20 min on it and I have made a special notebook for the MCQ questions given in the App for every subjects. I didn’t like science earlier, but after using iKen App, watching videos on various topics chapter wise, I am now comfortable with Science. Teachers are asking me, have you started going to tuitions, I answer them proudly and happily, no teacher – I have iKen learning App.”</i></p>
                    </div>
                </div>
            </div>
            <div class="outline-none">
                <div class="md:flex lg:space-x-6 md:px-10 py-4 lg:py-12">
                    
                    <div class="text-center  md:text-left md:my-auto">
                        <h3 class="text-sm lg:text-2xl font-bold pt-4 md:pt-0">Mishva Patel <span class="block lg:inline-block lg:pl-4 font-normal">Upasana lions English Medium School, Vapi</span></h3>
                        <p class="pt-4 lg:pt-5 text-xxs lg:text-2xl text-gray-500 lg:leading-10"><i>“iKen learning App has helped me a lot learning at home in times when I was suffering from Chicken Pox and unable to go to school. Learning becomes easy with the help of the subject wise and chapter wise Videos, PDFs and Mindmaps. Also chapterwise test are available in the App, so that I can access also myself at the end of learning each chapter.”</i></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="pt-4 pb-8 flex">
            <a href="#" class="btn-cta px-6 lg:px-10 text-white" style="background: #98417e;background: -moz-linear-gradient(45deg,  #98417e 20%, #461b58 100%);background: -webkit-linear-gradient(45deg,  #98417e 20%,#461b58 100%);background: linear-gradient(45deg,  #98417e 20%,#461b58 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98417e', endColorstr='#461b58',GradientType=1 );">DOWNLOAD APP</a>
        </div>
    </div>
</section>

    <section class="lg:hidden p-0 text-white" style="background: #e45e75; background: -moz-linear-gradient(top,  #e45e75 0%, #a14380 100%); background: -webkit-linear-gradient(top,  #e45e75 0%,#a14380 100%);background: linear-gradient(to bottom,  #e45e75 0%,#a14380 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45e75', endColorstr='#a14380',GradientType=0 );">
    <div class="max-w-7xl mx-auto">
        <div class="pt-8 px-6 md:px-20 space-y-3 mb-3">
            <h2 class="text-center text-2xl font-semibold">Friends of iKen</h2>
            <p class="text-center text-sm font-light">
                Friends of iKen (FoI) are individuals or organisations who are partners of iKen promoting the use of iKen app in B2B2C mode. These are partners who are on field in their respective geography / territory, who approach Schools / Institutions / Individuals to sign up and use the iKen ecosystem.
            </p>
            <div class="flex">
                <a href="https://iken.in/index.php/friends-of-iken" class="btn-cta">JOIN US</a>
            </div>
        </div>
        <img src="https://iken.in/imgs/iken-homepage/friends-of-iken.png" alt="friends of iken" class="w-full lg:hidden">
        <img src="https://iken.in/imgs/iken-homepage/friends-of-iken-desktop.png" alt="friends of iken" class="w-full hidden lg:block">
    </div>
</section>


<section class="hidden lg:block p-0 text-white" style="background: #e45e75; background: -moz-linear-gradient(top,  #e45e75 0%, #a14380 100%); background: -webkit-linear-gradient(top,  #e45e75 0%,#a14380 100%);background: linear-gradient(to bottom,  #e45e75 0%,#a14380 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45e75', endColorstr='#a14380',GradientType=0 );">
    <div class="max-w-7xl mx-auto">
        <div class="pt-32 md:px-20 space-y-12 mb-14">
            <h2 class="text-center text-5xl font-bold">Friends of iKen</h2>
            <p class="text-center text-3xl leading-10">
                Friends of iKen (FoI) are individuals or organisations who are partners of iKen promoting the use of iKen app in B2B2C mode. These are partners who are on field in their respective geography / territory, who approach Schools / Institutions / Individuals to sign up and use the iKen ecosystem.
            </p>
            <div class="flex">
                <a href="https://iken.in/index.php/friends-of-iken" class="btn-cta">JOIN US</a>
            </div>
        </div>
        <img src="https://iken.in/imgs/iken-homepage/friends-of-iken.png" alt="friends of iken" class="w-full lg:hidden">
        <img src="https://iken.in/imgs/iken-homepage/friends-of-iken-desktop.png" alt="friends of iken" class="w-full hidden lg:block">
    </div>
</section>

    <section class="lg:hidden p-0 bg-gray-200">
    <div class="max-w-7xl mx-auto">
        <div class="pt-8 pb-20 px-6 md:px-20 space-y-3 text-primary">
            <h2 class="text-center text-2xl font-semibold">iKen Mentor</h2>
            <p class="text-center text-sm font-light text-gray-600">
                If you are a tutor or a subject expert, you've come to the right place. At iKen we value the role of guides, teachers, and mentors and provide a rewarding platform through which they can assist thousands of students. Once registered, you become a part of our illustrious panel of mentors that students can reach out to for guidance and help.
            </p>
            <div class="flex pt-2">
                <a href="https://iken.in/index.php/iken-mentor" class="btn-cta text-primary" style="border-color: #401855;">KNOW MORE</a>
            </div>
        </div>
    </div>
</section>

<section class="hidden lg:block p-0 bg-gray-200">
    <div class="max-w-7xl mx-auto">
        <div class="py-32 px-2 space-y-12 text-primary">
            <h2 class="text-center text-5xl font-bold">iKen Mentor</h2>
            <p class="text-center text-3xl leading-10 text-gray-600">
                If you are a tutor or a subject expert, you've come to the right place. At iKen we value the role of guides, teachers, and mentors and provide a rewarding platform through which they can assist thousands of students. Once registered, you become a part of our illustrious panel of mentors that students can reach out to for guidance and help.
            </p>
            <div class="flex">
                <a href="https://iken.in/index.php/iken-mentor" class="btn-cta focus:ring-purple-400 text-primary" style="border-color: #401855">KNOW MORE</a>
            </div>
        </div>
    </div>
</section>

    <section style="background: linear-gradient(#2A706B,#319B8C,#2DCEAB)">
    
    <div class="pb-32 text-center mx-auto hidden lg:block text-white" style="background-image: url(https://iken.in/imgs/iken-homepage/bg-stars-desktop.png);background-size: 100% auto; background-repeat:no-repeat;">
        <div class="max-w-7xl mx-auto px-4">
            <div class="flex pt-32 space-x-6">
                <div class="w-full text-left">
                    <h1 class="font-bold text-5xl">Level up your school to<br> iKen School</h1>
                    <p class="w-full text-3xl pt-16 leading-10">With iKen school you can stand with your child in every step of their school journey. iKen school connects you to a holistic online education ecosystem where you can interact with the school easily, besides giving your child access to specialised learning content. Recommend your school to power up with iKen.</p>
                </div>
                <div class="text-center pt-10 pl-5 my-auto">
                    <img src="https://iken.in/imgs/iken-homepage/iken-school-icon.png" alt="" class="w-96 h-full" style="width: 60rem">
                </div>
            </div>
            <div class="flex pt-8">
                <a href="https://iken.in/index.php/schools" class="btn-cta">KNOW MORE</a>
            </div>
        </div>
    </div>


    
    <div class="lg:hidden pt-5" style="background-image: url(https://iken.in/imgs/iken-homepage/bg-stars.png);background-size: contain;">
        <div class="text-center mx-auto lg:hidden">
            <div class="text-center">
                <div class="col-start-1 text-center">
                    <h1 class="text-white font-semibold text-2xl leading-9">Level up your school<br>to iKen School</h1>
                    <p class="text-white w-full text-sm px-6 md:px-20">With iKen school you can stand with your child in every step of their school journey. iKen school connects you to a holistic online education ecosystem where you can interact with the school easily, besides giving your child access to specialised learning content. Recommend your school to power up with iKen.</p>
                    <div class="flex pt-4">
                        <a href="https://iken.in/index.php/schools" class="btn-cta text-primary bg-white">KNOW MORE</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center" style="transform: translateY(18%)" >
            <div class="flex mx-auto">
                <img src="https://iken.in/imgs/iken-homepage/iken-school-icon.png" alt="" class="w-52 h-48 md:w-96 md:h-80 mx-auto">
            </div>
        </div>
    </div>
</section>

    <div id="book_demo" x-data="{ open: false }" @keydown.window.escape="open = false" x-show="open" class="fixed z-20 inset-0 overflow-y-auto hidden" aria-labelledby="modal-title" x-ref="dialog" aria-modal="true">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-description="Background overlay, show/hide based on modal state." class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" @click="open = false" aria-hidden="true"></div>
        <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&ZeroWidthSpace;</span>
        <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-description="Modal panel, show/hide based on modal state." class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
            <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                <div class="sm:flex sm:items-start">
                    <div class="mt-3 text-center sm:mt-0 sm:text-left w-full">
                        <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title">
                            BOOK A FREE DEMO
                        </h3>
                        <div class="mt-2">
                            <form action="#" method="POST">
                                <div class="overflow-hidden sm:rounded-md">
                                    <div class="grid grid-cols-6 gap-6">
                                        <div class="col-span-6">
                                            <label for="name" class="block text-sm font-medium text-gray-700">Your child name *</label>
                                            <input type="text" name="name" id="name" autocomplete="given-name" class="mt-1 p-2 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 rounded-md">
                                        </div>

                                        <div class="col-span-6">
                                            <label for="mobile" class="block text-sm font-medium text-gray-700">Your mobile no *</label>
                                            <input type="text" name="mobile" id="mobile" autocomplete="phone" class="mt-1 p-2 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 rounded-md">
                                        </div>

                                        <div class="col-span-6">
                                            <label for="email-address" class="block text-sm font-medium text-gray-700">Email address *</label>
                                            <input type="text" name="email-address" id="email-address" autocomplete="email" class="mt-1 p-2 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-300 rounded-md">
                                        </div>

                                        <div class="col-span-6 sm:col-span-3">
                                            <label for="class" class="block text-sm font-medium text-gray-700">Class *</label>
                                            <select id="class" name="class" class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                                                <option value="0">Select a class</option>
                                                <option>Playgroup</option>
                                                <option>Nursery</option>
                                                <option>Junior KG</option>
                                                <option>Senior KG</option>
                                                <option>Class 1</option>
                                                <option>Class 2</option>
                                                <option>Class 3</option>
                                                <option>Class 4</option>
                                                <option>Class 5</option>
                                                <option>Class 6</option>
                                                <option>Class 7</option>
                                                <option>Class 8</option>
                                                <option>Class 9</option>
                                                <option>Class 10</option>
                                                <option>Class 11 | Commerce</option>
                                                <option>Class 12 | Commerce</option>
                                                <option>Class 11 | Science</option>
                                                <option>Class 12 | Science</option>
                                            </select>
                                        </div>

                                        <div class="col-span-6 sm:col-span-3">
                                            <label for="board" class="block text-sm font-medium text-gray-700">Board *</label>
                                            <select id="board" name="board" class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                                                <option value="0">Select a board</option>
                                                <option>State Board</option>
                                                <option>CBSE</option>
                                                <option>ICSE</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
                <button type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-indigo-600 text-base font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:ml-3 sm:w-auto sm:text-sm" id="book-a-demo">
                    Book a free demo
                </button>
                <button type="button" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm" @click="open = false">
                    Cancel
                </button>
            </div>
        </div>
    </div>
</div>

<div id="book_demo_success" x-data="{ open: false }" @keydown.window.escape="open = false" x-show="open" class="fixed z-20 inset-0 overflow-y-auto hidden" aria-labelledby="modal-title" x-ref="dialog" aria-modal="true">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-description="Background overlay, show/hide based on modal state." class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" @click="open = false" aria-hidden="true"></div>
        <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&ZeroWidthSpace;</span>
        <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-description="Modal panel, show/hide based on modal state." class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
            <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                <div class="sm:flex sm:items-start">
                    <div class="mt-3 text-center sm:mt-0 sm:text-left w-full">
                        <div class="pb-3 flex justify-around">
                            <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-green-100 sm:mx-0 sm:h-10 sm:w-10">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                </svg>
                            </div>
                        </div>

                        <h3 class="text-lg leading-6 text-center font-bold text-gray-900" id="modal-title">
                            DEMO BOOKED SUCCESSFULLY
                        </h3>
                        <div class="mt-2 text-center">
                            <p>We have received your request for the free demo, we'll get in touch with you shortly.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
                <button type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-indigo-600 text-base font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:ml-3 sm:w-auto sm:text-sm" id="book-a-demo-success">
                    CLOSE
                </button>
            </div>
        </div>
    </div>
</div>

<div>
    <button id="book_demo_btn" class="fixed bottom-2 left-2 px-6 z-10 btn-cta text-white" style="background-color: #0066cc !important">Book A Demo</button>
</div>

     <div class="md:hidden flex text-center leading-4 text-sm pt-10" style="color: #531872!important;">
    <div class="space-y-4 font-semibold py-16 ml-10">
        Download the<br> iKen App
        <a class="block" href="https://play.google.com/store/apps/details?id=com.mexus.iken&hl=en">
            <img src="https://iken.in/imgs/logo/play-store.svg" alt="download the iken app on google play store">
        </a>
        <a class="block" href="https://apps.apple.com/us/app/iken-learning-app/id1438387727#?platform=iphone">
            <img src="https://iken.in/imgs/logo/app-store.svg" alt="download the iken app on apple app store">
        </a>
    </div>
    <div class="">
        <img src="https://iken.in/imgs/iken-homepage/boy.png" alt="download the iken app" class="md:hidden">
        <img src="https://iken.in/imgs/iken-homepage/boy-desktop.png" alt="download the iken app" class="hidden md:block">
        
    </div>
</div>




<div class="hidden lg:hidden md:flex flex text-center leading-4 text-lg pt-10" style="color: #531872!important;">
    <div class="space-y-8 font-semibold py-48 ml-16">
        Download the<br> iKen App
        <a class="block" href="https://play.google.com/store/apps/details?id=com.mexus.iken&hl=en">
            <img src="https://iken.in/imgs/logo/play-store.svg" alt="download the iken app on google play store" class="h-16">
        </a>
        <a class="block" href="https://apps.apple.com/us/app/iken-learning-app/id1438387727#?platform=iphone">
            <img src="https://iken.in/imgs/logo/app-store.svg" alt="download the iken app on apple app store" class="h-16">
        </a>
    </div>
    <div class="">
        <img src="https://iken.in/imgs/iken-homepage/boy.png" alt="download the iken app" class="md:hidden">
        <img src="https://iken.in/imgs/iken-homepage/boy-desktop.png" alt="download the iken app" class="hidden md:block">
        
    </div>
</div>





<div class="hidden md:hidden lg:flex flex text-center text-2xl justify-between max-w-7xl mx-auto pt-10" style="color: #531872!important;">
    <div class="space-y-8 font-semibold py-64 ml-16">
        Download the iKen App
        <div class="flex space-x-4 mt-8">
            <a class="block" href="https://play.google.com/store/apps/details?id=com.mexus.iken&hl=en">
                <img src="https://iken.in/imgs/logo/play-store.svg" alt="download the iken app on google play store" class="h-16">
            </a>
            <a class="block" href="https://apps.apple.com/us/app/iken-learning-app/id1438387727#?platform=iphone">
                <img src="https://iken.in/imgs/logo/app-store.svg" alt="download the iken app on apple app store" class="h-16">
            </a>
        </div>
    </div>
    <div class="">
        <img src="https://iken.in/imgs/iken-homepage/boy.png" alt="download the iken app" class="md:hidden">
        <img src="https://iken.in/imgs/iken-homepage/boy-desktop.png" alt="download the iken app" class="hidden md:block">
        
    </div>
</div>
 

     <div class="relative" style="background: #401855">
    <img src="https://iken.in/imgs/footer/bg-footer-dark.png" alt="" class="-mt-16 absolute w-full h-20 hidden md:block">
    <img src="https://iken.in/imgs/footer/bg-footer-dark-sm.png" alt="" class="-mt-11 absolute w-full h-16 md:hidden">
    <footer class="lg:hidden w-full max-w-7xl mx-auto text-gray-200">
        <div class="flex space-x-4 px-4 pt-5">
            <ul class="text-xxs md:text-lg font-bold">
                <li><a href="https://iken.in/index.php/app">iKen App</a></li>
                <li><a href="https://iken.in/index.php/school">iKen School</a></li>
                <li><a href="https://iken.in/index.php/student-packages">Packages</a></li>
                <li><a href="https://iken.in/index.php/friends-of-iken">Friends of iken</a></li>
                <li><a href="#" class="text-gray-400 cursor-not-allowed">iKen Library</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="https://iken.in/index.php/blog">Blog</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
            <ul class="text-xxs md:text-lg">
                <li><a href="https://iken.in/index.php/app?#app-features">App Features</a> | <a href="https://iken.in/index.php/app?#awards-recognition">Awards & Recognition</a> | <a href="https://iken.in/index.php/iken-mentor">iKen Mentor</a></li>
                <li><a href="https://iken.in/index.php/school?#iken-community">iKen Community</a> | <a href="https://iken.in/index.php/school?#iken-school-ecosystem">School Features</a></li>
                <li><a href="https://iken.in/index.php/student-packages">Available Packages</a> 
                <li><a href="https://iken.in/index.php/friends-of-iken">Program Details</a> | <a href="https://iken.in/index.php/friends-of-iken?#who-is-it-for">Who is it for?</a> | <a href="https://iken.in/index.php/friends-of-iken?#three-easy-steps">3 easy steps</a></li>
                <li><a href="#" class="opacity-0">.</a></li>
                <li><a href="https://iken.in/index.php/brand-story">Brand Story</a> | <a href="https://iken.in/index.php/brand-story?#why-iken">Why iKen?</a> | <a href="https://iken.in/index.php/faq">FAQs</a> | <a href="https://iken.in/index.php/careers">Careers</a></li>
                <li><a href="#" class="opacity-0">.</a></li>
                <li>
                    <ul class="flex space-x-2">
                        <li><a href="https://www.facebook.com/ikenconnect/" target="_blank"><svg class="h-2.5 w-2.5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></li>
                        <li><a href="https://www.instagram.com/ikenconnect" target="_blank"><svg class="h-3 w-3" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></li>
                        <li><a href="https://api.whatsapp.com/send?phone=919328177758&amp;text=&amp;source=&amp;data=&amp;app_absent=" target="_blank"><svg class="h-3 w-3" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg></a></li>
                        <li><a href="https://twitter.com/ikenedu" target="_blank"><svg class="h-3 w-3" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></a></li>
                        <li><a href="https://www.youtube.com/IkenEdu" target="_blank"><svg class="h-3 w-3" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></li>
                        <li><a href="https://www.linkedin.com/company/mexus-education-pvt-ltd/mycompany/" target="_blank"><svg class="h-3 w-3" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="border-t sm:flex justify-between text-xxs md:text-sm text-center p-4 mt-6">
            <div>© 2026 Mexus Education Pvt Ltd. All Rights Reserved.</div>
            <div class="space-x-2">
                <a href="https://iken.in/index.php/terms-of-use">Terms & Conditions</a>
                <a href="https://iken.in/index.php/privacy-policy">Privacy</a>
                <a href="https://iken.in/index.php/refund">Refund</a>
            </div>
        </div>
    </footer>


    <footer class="hidden lg:block w-full max-w-7xl mx-auto text-gray-200">
        <div class="flex space-x-4 px-4 pt-5">
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="https://iken.in/index.php/app">iKen App</a></li>
                <li><a href="https://iken.in/index.php/app?#app-features">App Features</a></li>
                <li><a href="https://iken.in/index.php/app?#awards-recognition">Awards & Recognition</a></li>
                <li><a href="https://iken.in/index.php/iken-mentor">iKen Mentor</a></li>
            </ul>
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="https://iken.in/index.php/school">iKen School</a></li>
                <li><a href="https://iken.in/index.php/school?#iken-community">iKen Community</a></li>
                <li><a href="https://iken.in/index.php/school?#iken-school-ecosystem">School Features</a></li>
            </ul>
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="https://iken.in/index.php/student-packages">Packages</a></li>
                <li><a href="https://iken.in/index.php/student-packages">Available Packages</a></li>
                
            </ul>
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="https://iken.in/index.php/friends-of-iken">Friends of iken</a></li>
                <li><a href="https://iken.in/index.php/friends-of-iken">Program Details</a></li>
                <li><a href="https://iken.in/index.php/friends-of-iken?#who-is-it-for">Who is it for?</a></li>
                <li><a href="https://iken.in/index.php/friends-of-iken?#three-easy-steps">3 easy steps</a></li>
                <li><a href="https://iken.in/index.php/friends-of-iken?#program-benefits">Program Benefits</a></li>
            </ul>
        </div>
        <div class="flex space-x-4 px-4 pt-5">
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="#" class="text-gray-400 cursor-not-allowed">iKen Library</a></li>
            </ul>
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="#">About Us</a></li>
                <li><a href="https://iken.in/index.php/brand-story">Brand Story</a></li>
                <li><a href="https://iken.in/index.php/brand-story?#why-iken">Why iKen?</a></li>
                <li><a href="https://iken.in/index.php/faq">FAQs</a></li>
                <li><a href="https://iken.in/index.php/careers">Careers</a></li>
            </ul>
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="https://iken.in/index.php/blog">Blog</a></li>
            </ul>
            <ul class="text-lg w-1/4">
                <li class="font-bold"><a href="#">Contact Us</a></li>
                <li>
                    <ul class="flex space-x-5 pt-4">
                        <li><a href="https://www.facebook.com/ikenconnect/" target="_blank"><svg class="h-5 w-5 -ml-1" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></li>
                        <li><a href="https://www.instagram.com/ikenconnect" target="_blank"><svg class="h-6 w-6" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></li>
                        <li><a href="https://api.whatsapp.com/send?phone=919328177758&amp;text=&amp;source=&amp;data=&amp;app_absent=" target="_blank"><svg class="h-6 w-6" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg></a></li>
                        <li><a href="https://twitter.com/ikenedu" target="_blank"><svg class="h-6 w-6" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></a></li>
                        <li><a href="https://www.youtube.com/IkenEdu" target="_blank"><svg class="h-6 w-6" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></li>
                        <li><a href="https://www.linkedin.com/company/mexus-education-pvt-ltd/mycompany/" target="_blank"><svg class="h-6 w-6" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="border-t sm:flex justify-between text-xs md:text-sm text-center p-4 mt-6">
            <div>© 2026 Mexus Education Pvt Ltd. All Rights Reserved.</div>
            <div class="space-x-2">
                <a href="https://iken.in/index.php/terms-of-use">Terms & Conditions</a>
                <a href="https://iken.in/index.php/privacy-policy">Privacy</a>
                <a href="https://iken.in/index.php/refund">Refund</a>
            </div>
        </div>
    </footer>
</div>
 

    <script>
        $(function() {
            $('.hero-slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: false,
                fade: false,
                autoplay: true,
                autoplaySpeed: 2000,
            });

            $('.words-that-matter-slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: false,
                fade: false,
                autoplay: true,
                autoplaySpeed: 2000,
            });

            $('.awards-and-recognition-slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: false,
                fade: false,
                autoplay: true,
                autoplaySpeed: 2000,
            });

            $('.awards-and-recognition-slider-desktop').slick({
                slidesToShow: 3,
                slidesToScroll: 1,
                arrows: false,
                fade: false,
                autoplay: true,
                autoplaySpeed: 2000,
            });

            setTimeout(function() {
                // document.getElementById('book_demo').__x.$data.open = true;
                $('#book_demo').removeClass('hidden');
                $('#book_demo_success').removeClass('hidden');
            }, 500);

            $('#book_demo_btn').on('click', function () {
                document.getElementById('book_demo').__x.$data.open = true;
            });

            $('#book-a-demo-success').on('click', function () {
                document.getElementById('book_demo_success').__x.$data.open = false;
            });

            $('#book-a-demo').on('click', function () {
                let elements = ['#name', '#mobile', '#email-address', '#class', '#board'];
                let errors = 0;
                elements.forEach(function (element, i) {
                    if ($(element).val().length === 0 || $(element).val() === '0') {
                        $(element).addClass('border-red-300');
                        errors++;
                    }
                });

                if (errors)
                    return;

                let name = $('#name').val();
                let mobile = $('#mobile').val();
                let email = $('#email-address').val();
                let _class = $('#class').val();
                let board = $('#board').val();

                $.post(
                    "https://iken.in/index.php/api/book-a-demo-class",
                    { name: name, mobile: mobile, email: email, class: _class, board: board },
                    function (data) {
                        document.getElementById('book_demo').__x.$data.open = false;
                        document.getElementById('book_demo_success').__x.$data.open = true;
                    }
                );
            });
        });
    </script>
            </main>
        </div>

                <script src="/livewire/livewire.js?id=83b555bb3e243bc25f35" data-turbo-eval="false" data-turbolinks-eval="false"></script><script data-turbo-eval="false" data-turbolinks-eval="false">window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'AZF5bf6h8xRwQkTD89CcYgX0eeMQlV6ozCd0eoDj';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"></script>
    </body>
</html>
 
