What is the isAfter() method in Moment.js?

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

骑白马的小蝌蚪 · 核桃编程网课-核桃编程网课促销价格、核桃编程 ...· 3 月前 ·

坐怀不乱的鸡蛋 · 知乎入局大模型！数千万投资的清华系NLP公司 ...· 1 年前 ·

魁梧的黑框眼镜 · MySQL使用Navicat导出Excel时 ...· 1 年前 ·

玩篮球的跑步机 · 广州市生态环境局网站· 1 年前 ·

刚毅的炒面 · 数学是从什么时候开始反直觉的？ - 知乎· 1 年前 ·

</noscript><div id="__next" data-reactroot=""><div class="ed-grid"><nav class="sticky top-0 h-14 w-full sm:h-16 show-enterprise-nav bg-primary-darkN2 dark:bg-dark-60 justify-between mx-auto transition duration-300 ease-in-out lg:px-6 border-0 border-b border-solid border-gray-300 dark:border-gray-A700" style="grid-area:ed-grid-header;z-index:12"><div class="show-enterprise-nav"><span class="flex logged-in"><button class="icon-default m-1.5 mr-0 sm:m-2" aria-label="toggle sidebar mobile"><div class="flex text-white dark:text-dark-contrastText"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></div></button></span></div><button aria-label="sidebar-btn" class="logged-out my-2 flex items-center lg:hidden icon-default cursor-pointer justify-center fill-current dark:text-dark-contrastText"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></button><div class="flex flex-row items-center"><a title="educative.io" class="ml-1 lg:ml-3 flex cursor-pointer items-center duration-200 hover:text-black focus:text-black" href="/"><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="show-enterprise-nav text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="hide-enterprise-nav text-logo dark:text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><div class="show-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div><div class="hide-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-gray-A900 dark:text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div></a></div><div class="tailwind-hidden flex-row lg:flex pl-6 h-full"><div class="hide-enterprise-nav"><div class="flex cursor-pointer flex-row "><button class="m-0 text-default relative rounded-sm px-3 pb-2 pt-3 font-bold leading-6 "><div class="flex gap-x-2">Solutions</div><div class="absolute left-0 top-14 z-20 mt-2 hidden"><div class="-mt-0.5 flex rounded border border-solid border-gray-200 bg-white shadow-lg dark:border-gray-A700 dark:bg-dark-60"><div class="flex flex-col py-4 shadow-md"><div id="Educative Enterprise " class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 20 14" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 7a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-7 5.3c0-2.4 4.7-3.6 7-3.6s7 1.2 7 3.6V14H0v-1.8Zm7-1.6c-1.8 0-3.8.7-4.7 1.3h9.4A9.6 9.6 0 0 0 7 10.7Zm1.5-7.2a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM14 8.8c1.2.8 2 2 2 3.4V14h4v-1.8c0-2-3.5-3.1-6-3.4Zm2.5-5.3a3.5 3.5 0 0 1-5 3.2 5.4 5.4 0 0 0 0-6.4L13 0c2 0 3.5 1.6 3.5 3.5Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Educative Enterprise </span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Enablement platform</span></div></div></div><div id="Developers" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path d="m4 17 6-6-6-6M12 19h8" stroke="current" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Developers</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Learn new technologies</span></div></div></div></div></div></div></button></div><div class="flex cursor-pointer flex-row "><button class="m-0 text-default relative rounded-sm px-3 pb-2 pt-3 font-bold leading-6 "><div class="flex gap-x-2">Products</div><div class="absolute left-0 top-14 z-20 mt-2 hidden"><div class="-mt-0.5 flex rounded border border-solid border-gray-200 bg-white shadow-lg dark:border-gray-A700 dark:bg-dark-60"><div class="flex flex-col py-4 shadow-md"><div id="Onboarding" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 18 18" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 16V1h-4V0H2v16H0v2h12V3h2v15h4v-2h-2Zm-6 0H4V2h6v14ZM9 8H7v2h2V8Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Onboarding</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Onboard new hires faster</span></div></div></div><div id="Courses for Enterprise" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 24 24" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path d="M4 13a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2c0 1.1.9 2 2 2Zm1.1 1.1a7 7 0 0 0-3.9.5A2 2 0 0 0 0 16.4V18h4.5v-1.6c0-.8.2-1.6.6-2.3ZM20 13a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2c0 1.1.9 2 2 2Zm4 3.4a2 2 0 0 0-1.2-1.8 7 7 0 0 0-4-.5c.5.7.7 1.5.7 2.3V18H24v-1.6Zm-7.8-2.7a10.4 10.4 0 0 0-8.4 0A3 3 0 0 0 6 16.4V18h12v-1.6a3 3 0 0 0-1.8-2.7ZM8.1 16c0-.2.1-.4.9-.7a8.2 8.2 0 0 1 6 0c.8.3.8.5 1 .7H8ZM12 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1-1-1c0-.6.4-1 1-1Zm0-2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Courses for Enterprise</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Supercharge your engineering team</span></div></div></div><div id="Courses" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path d="M1 18.5A2.5 2.5 0 0 1 3.5 16H17" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 1H17v20H3.5A2.5 2.5 0 0 1 1 18.5v-15A2.5 2.5 0 0 1 3.5 1v0Z" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Courses</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">World class courses</span></div></div></div><div id="Assessments" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 23 24" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><circle cx="9" cy="14.5" r="1.9" fill="current" stroke="current"/><path d="m18.2 9.8 4.2-5c.1-.2 0-.4-.2-.4l-4 .3-.2-.2-.4-4c0-.2-.3-.3-.4-.1l-4.2 5s-.1.2 0 .2l1 3.6.2.2 3.8.5.2-.1Z" fill="current"/><path fill-rule="evenodd" clip-rule="evenodd" d="m8.3 15 6-7.2.7.6-6 7.2-.7-.7Z" fill="current"/><mask id="assessmentsHeaderNav" fill="#fff"><path d="M9.8 5.5a9 9 0 1 0 8 6.8l-2.3.5a6.7 6.7 0 1 1-5.9-5l.2-2.3Z"/></mask><path d="M9.8 5.5a9 9 0 1 0 8 6.8l-2.3.5a6.7 6.7 0 1 1-5.9-5l.2-2.3Z" fill="current" stroke="current" stroke-width="4" mask="url(#assessmentsHeaderNav)"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Assessments</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Measure your SkillScore</span></div></div></div><div id="Personalized Paths" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 24 19" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 6 2 3.4 15.1 1h.2l7.6 2.2c.3 0 .3.4 0 .5L10.6 5.9h-.1Z"/><path d="m2 15.5 8.5 2.5h.1l11.8-2.4c.2 0 .2-.2.2-.3v-6c0-.1-.1-.3-.3-.2l-11.7 2.4h-.1L2 9H2C1.3 8.4.2 5.4 2 3.5m0 0 8.5 2.4h.1L23 3.7c.3 0 .3-.5 0-.5L15.3 1H15l-13 2.5Z" stroke-width="2" stroke-linecap="round"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Personalized Paths</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Personalized Paths for your goals</span></div></div></div><div id="Projects" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 22 22" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 2.1C6.1 1.1 7.2.5 9 .5c1.7 0 2.8.6 3.5 1.6.2.4.4 1 .4 1.4H16.3c.3 0 .8.2 1.2.5.3.4.4.9.5 1.2v3.3c.4.1 1 .2 1.5.5.5.2 1 .7 1.3 1.3.4.6.5 1.3.5 2.2 0 .9-.1 1.6-.5 2.2-.3.6-.8 1-1.3 1.3-.5.2-1 .4-1.5.4V19.8c0 .3-.2.8-.5 1.2a2 2 0 0 1-1.2.5H2a2 2 0 0 1-1.2-.3c-.4-.3-.6-.6-.7-1l-.2-.9v-4.8h1c.5 0 1.1 0 1.6-.3.2 0 .4-.2.5-.5.2-.2.3-.6.3-1.2s-.1-1-.3-1.3c0-.2-.3-.3-.5-.4-.4-.3-1-.3-1.6-.3H0V5.2C0 5 .2 4.4.5 4a2 2 0 0 1 1.2-.5H5c.1-.4.2-1 .5-1.4Zm1.7 1C7 3.5 7 4 7 4.5v1H2v3c.5 0 1 .2 1.6.5.5.3 1 .7 1.3 1.3.3.6.5 1.3.5 2.2 0 .9-.2 1.6-.5 2.2-.4.6-.9 1-1.4 1.3-.5.3-1 .4-1.5.4v3.1h14v-5h1c.5 0 1 0 1.6-.3l.5-.5.2-1.2c0-.6 0-1-.2-1.2l-.5-.5c-.5-.3-1.1-.3-1.6-.3h-1v-5h-5v-1c0-.5 0-1-.2-1.4-.2-.2-.6-.6-1.8-.6-1.3 0-1.6.4-1.8.6Zm9 16.4Zm-14.3 0Z" fill="current"/><path fill-rule="evenodd" clip-rule="evenodd" d="m9.2 8 4.4 4.4L9.3 17 8 15.5l3-3-3.1-3L9.2 8Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Projects</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Build real world applications</span></div></div></div><div id="Answers" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5" viewbox="0 0 24 24" class="w-full"><path clip-rule="evenodd" d="M4.4 2.6c-1 0-1.8.8-1.8 2v9.1c0 1.1.8 2 1.8 2h10.1c.2 0 .4 0 .6.2l3.5 2.5V4.6c0-1.2-.9-2-1.8-2H4.4Zm-3.8 2c0-2.2 1.6-4 3.8-4h12.4c2.1 0 3.8 1.8 3.8 4v15.8a1 1 0 0 1-1.6.8l-4.8-3.5H4.4a3.9 3.9 0 0 1-3.8-4V4.6Z" fill="currentColor" fill-rule="evenodd"/><path clip-rule="evenodd" d="M6.5 5.2 10 8.5a.9.9 0 0 1 0 1.3l-3.8 3.3-1.1-1.4 3-2.6-2.8-2.6 1.2-1.3Z" fill="currentColor" fill-rule="evenodd"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Answers</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Trusted Answers to Developer Questions</span></div></div></div></div></div></div></button></div><div class="flex cursor-pointer flex-row "><button class="m-0 text-default relative rounded-sm px-3 pb-2 pt-3 font-bold leading-6 "><div class="flex gap-x-2">Pricing</div><div class="absolute left-0 top-14 z-20 mt-2 hidden"><div class="-mt-0.5 flex rounded border border-solid border-gray-200 bg-white shadow-lg dark:border-gray-A700 dark:bg-dark-60"><div class="flex flex-col py-4 shadow-md"><div id="For Enterprise" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 20 14" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 7a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-7 5.3c0-2.4 4.7-3.6 7-3.6s7 1.2 7 3.6V14H0v-1.8Zm7-1.6c-1.8 0-3.8.7-4.7 1.3h9.4A9.6 9.6 0 0 0 7 10.7Zm1.5-7.2a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM14 8.8c1.2.8 2 2 2 3.4V14h4v-1.8c0-2-3.5-3.1-6-3.4Zm2.5-5.3a3.5 3.5 0 0 1-5 3.2 5.4 5.4 0 0 0 0-6.4L13 0c2 0 3.5 1.6 3.5 3.5Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">For Enterprise</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Tailored for your team</span></div></div></div><div id="For Individuals" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 16 16" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm2 4a2 2 0 0 0-2-2 2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2Zm4 10c-.2-.7-3.3-2-6-2s-5.8 1.3-6 2h12ZM0 14c0-2.7 5.3-4 8-4s8 1.3 8 4v2H0v-2Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">For Individuals</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Stay ahead of the curve</span></div></div></div></div></div></div></button></div></div></div><div class="flex h-full flex-auto items-center justify-end"><button class="tailwind-hidden lg:flex text-default gap-x-2.5"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" style="min-width:24px" class="show-enterprise-nav text-white dark:text-gray-200 fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" style="min-width:24px" class="hide-enterprise-nav dark:text-dark-contrastText fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><span class="show-enterprise-nav text-white dark:text-gray-200">Search</span><span class="hide-enterprise-nav dark:text-dark-contrastText">Search</span></button><button aria-label="search" class="icon-default rounded-none lg:hidden" disabled="" name="search-icon"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="show-enterprise-nav text-white dark:text-gray-200 fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="hide-enterprise-nav dark:text-dark-contrastText fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg></button><div class="show-enterprise-nav"><div class="h-8 border-0 border-l border-solid border-gray-A200 tailwind-hidden mx-4 sm:block"/></div><div class="hide-enterprise-nav"><div class="h-8 border-0 border-l border-solid border-gray-200 dark:border-dark-70 tailwind-hidden mx-4 sm:block"/></div><div class="tailwind-hidden sm:flex"><button class="text-default m-0 h-full rounded-none p-4 px-2 sm:px-4"><svg viewbox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="mx-2 flex text-primary dark:text-primary-light mb-0.5 h-5 w-4 stroke-current"><path d="M1 18.5A2.5 2.5 0 0 1 3.5 16H17" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 1H17v20H3.5A2.5 2.5 0 0 1 1 18.5v-15A2.5 2.5 0 0 1 3.5 1v0Z" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="text-black dark:text-dark-contrastText">Courses</span></button></div><div class="logged-in mr-2"><div class="relative w-full"><div class="ml-2 flex cursor-pointer items-center p-1" aria-label="open profile menu" role="button"><svg width="30" height="30" viewbox="-4 -4 32 32" fill="#fff" class="rounded-full bg-gray-400 dark:bg-gray-900 flex-shrink-0 "><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg></div></div></div><div class="logged-out h-full"><div class="flex h-full items-center"><button class="m-0 h-full rounded-none p-4 text-default"><span class="text-white dark:text-gray-200">Log In</span></button><button class="ml-2 mr-4 h-auto max-h-11 rounded-sm px-3 py-2.5 sm:px-4 contained-primary">Join<span class="tailwind-hidden sm:flex"> for free</span><div class="tailwind-hidden sm:flex"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" class="icon-right fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 11H4v2h12v3l4-4-4-4z"/></svg></div></button></div></div></div></nav><nav class="sticky top-0 h-14 w-full sm:h-16 hide-enterprise-nav bg-white dark:bg-dark-90 mx-auto transition duration-300 ease-in-out lg:px-6 border-0 border-b border-solid border-gray-300 dark:border-gray-A700" style="grid-area:ed-grid-header;z-index:12"><div class="show-enterprise-nav"><span class="flex logged-in"><button class="icon-default m-1.5 mr-0 sm:m-2" aria-label="toggle sidebar mobile"><div class="flex text-white dark:text-dark-contrastText"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></div></button></span></div><button aria-label="sidebar-btn" class="logged-out my-2 flex items-center lg:hidden icon-default cursor-pointer justify-center fill-current dark:text-dark-contrastText"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></button><div class="flex flex-row items-center"><a title="educative.io" class="ml-1 lg:ml-3 flex cursor-pointer items-center duration-200 hover:text-black focus:text-black" href="/"><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="show-enterprise-nav text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="hide-enterprise-nav text-logo dark:text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><div class="show-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div><div class="hide-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-gray-A900 dark:text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div></a></div><div class="tailwind-hidden flex-row lg:flex pl-6 h-full"><div class="hide-enterprise-nav"><div class="flex cursor-pointer flex-row "><button class="m-0 text-default relative rounded-sm px-3 pb-2 pt-3 font-bold leading-6 "><div class="flex gap-x-2">Solutions</div><div class="absolute left-0 top-14 z-20 mt-2 hidden"><div class="-mt-0.5 flex rounded border border-solid border-gray-200 bg-white shadow-lg dark:border-gray-A700 dark:bg-dark-60"><div class="flex flex-col py-4 shadow-md"><div id="Educative Enterprise " class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 20 14" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 7a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-7 5.3c0-2.4 4.7-3.6 7-3.6s7 1.2 7 3.6V14H0v-1.8Zm7-1.6c-1.8 0-3.8.7-4.7 1.3h9.4A9.6 9.6 0 0 0 7 10.7Zm1.5-7.2a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM14 8.8c1.2.8 2 2 2 3.4V14h4v-1.8c0-2-3.5-3.1-6-3.4Zm2.5-5.3a3.5 3.5 0 0 1-5 3.2 5.4 5.4 0 0 0 0-6.4L13 0c2 0 3.5 1.6 3.5 3.5Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Educative Enterprise </span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Enablement platform</span></div></div></div><div id="Developers" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path d="m4 17 6-6-6-6M12 19h8" stroke="current" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Developers</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Learn new technologies</span></div></div></div></div></div></div></button></div><div class="flex cursor-pointer flex-row "><button class="m-0 text-default relative rounded-sm px-3 pb-2 pt-3 font-bold leading-6 "><div class="flex gap-x-2">Products</div><div class="absolute left-0 top-14 z-20 mt-2 hidden"><div class="-mt-0.5 flex rounded border border-solid border-gray-200 bg-white shadow-lg dark:border-gray-A700 dark:bg-dark-60"><div class="flex flex-col py-4 shadow-md"><div id="Onboarding" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 18 18" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 16V1h-4V0H2v16H0v2h12V3h2v15h4v-2h-2Zm-6 0H4V2h6v14ZM9 8H7v2h2V8Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Onboarding</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Onboard new hires faster</span></div></div></div><div id="Courses for Enterprise" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 24 24" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path d="M4 13a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2c0 1.1.9 2 2 2Zm1.1 1.1a7 7 0 0 0-3.9.5A2 2 0 0 0 0 16.4V18h4.5v-1.6c0-.8.2-1.6.6-2.3ZM20 13a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2c0 1.1.9 2 2 2Zm4 3.4a2 2 0 0 0-1.2-1.8 7 7 0 0 0-4-.5c.5.7.7 1.5.7 2.3V18H24v-1.6Zm-7.8-2.7a10.4 10.4 0 0 0-8.4 0A3 3 0 0 0 6 16.4V18h12v-1.6a3 3 0 0 0-1.8-2.7ZM8.1 16c0-.2.1-.4.9-.7a8.2 8.2 0 0 1 6 0c.8.3.8.5 1 .7H8ZM12 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1-1-1c0-.6.4-1 1-1Zm0-2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Courses for Enterprise</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Supercharge your engineering team</span></div></div></div><div id="Courses" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path d="M1 18.5A2.5 2.5 0 0 1 3.5 16H17" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 1H17v20H3.5A2.5 2.5 0 0 1 1 18.5v-15A2.5 2.5 0 0 1 3.5 1v0Z" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Courses</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">World class courses</span></div></div></div><div id="Assessments" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 23 24" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><circle cx="9" cy="14.5" r="1.9" fill="current" stroke="current"/><path d="m18.2 9.8 4.2-5c.1-.2 0-.4-.2-.4l-4 .3-.2-.2-.4-4c0-.2-.3-.3-.4-.1l-4.2 5s-.1.2 0 .2l1 3.6.2.2 3.8.5.2-.1Z" fill="current"/><path fill-rule="evenodd" clip-rule="evenodd" d="m8.3 15 6-7.2.7.6-6 7.2-.7-.7Z" fill="current"/><mask id="assessmentsHeaderNav" fill="#fff"><path d="M9.8 5.5a9 9 0 1 0 8 6.8l-2.3.5a6.7 6.7 0 1 1-5.9-5l.2-2.3Z"/></mask><path d="M9.8 5.5a9 9 0 1 0 8 6.8l-2.3.5a6.7 6.7 0 1 1-5.9-5l.2-2.3Z" fill="current" stroke="current" stroke-width="4" mask="url(#assessmentsHeaderNav)"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Assessments</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Measure your SkillScore</span></div></div></div><div id="Personalized Paths" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 24 19" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 6 2 3.4 15.1 1h.2l7.6 2.2c.3 0 .3.4 0 .5L10.6 5.9h-.1Z"/><path d="m2 15.5 8.5 2.5h.1l11.8-2.4c.2 0 .2-.2.2-.3v-6c0-.1-.1-.3-.3-.2l-11.7 2.4h-.1L2 9H2C1.3 8.4.2 5.4 2 3.5m0 0 8.5 2.4h.1L23 3.7c.3 0 .3-.5 0-.5L15.3 1H15l-13 2.5Z" stroke-width="2" stroke-linecap="round"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Personalized Paths</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Personalized Paths for your goals</span></div></div></div><div id="Projects" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 22 22" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 2.1C6.1 1.1 7.2.5 9 .5c1.7 0 2.8.6 3.5 1.6.2.4.4 1 .4 1.4H16.3c.3 0 .8.2 1.2.5.3.4.4.9.5 1.2v3.3c.4.1 1 .2 1.5.5.5.2 1 .7 1.3 1.3.4.6.5 1.3.5 2.2 0 .9-.1 1.6-.5 2.2-.3.6-.8 1-1.3 1.3-.5.2-1 .4-1.5.4V19.8c0 .3-.2.8-.5 1.2a2 2 0 0 1-1.2.5H2a2 2 0 0 1-1.2-.3c-.4-.3-.6-.6-.7-1l-.2-.9v-4.8h1c.5 0 1.1 0 1.6-.3.2 0 .4-.2.5-.5.2-.2.3-.6.3-1.2s-.1-1-.3-1.3c0-.2-.3-.3-.5-.4-.4-.3-1-.3-1.6-.3H0V5.2C0 5 .2 4.4.5 4a2 2 0 0 1 1.2-.5H5c.1-.4.2-1 .5-1.4Zm1.7 1C7 3.5 7 4 7 4.5v1H2v3c.5 0 1 .2 1.6.5.5.3 1 .7 1.3 1.3.3.6.5 1.3.5 2.2 0 .9-.2 1.6-.5 2.2-.4.6-.9 1-1.4 1.3-.5.3-1 .4-1.5.4v3.1h14v-5h1c.5 0 1 0 1.6-.3l.5-.5.2-1.2c0-.6 0-1-.2-1.2l-.5-.5c-.5-.3-1.1-.3-1.6-.3h-1v-5h-5v-1c0-.5 0-1-.2-1.4-.2-.2-.6-.6-1.8-.6-1.3 0-1.6.4-1.8.6Zm9 16.4Zm-14.3 0Z" fill="current"/><path fill-rule="evenodd" clip-rule="evenodd" d="m9.2 8 4.4 4.4L9.3 17 8 15.5l3-3-3.1-3L9.2 8Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Projects</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Build real world applications</span></div></div></div><div id="Answers" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5" viewbox="0 0 24 24" class="w-full"><path clip-rule="evenodd" d="M4.4 2.6c-1 0-1.8.8-1.8 2v9.1c0 1.1.8 2 1.8 2h10.1c.2 0 .4 0 .6.2l3.5 2.5V4.6c0-1.2-.9-2-1.8-2H4.4Zm-3.8 2c0-2.2 1.6-4 3.8-4h12.4c2.1 0 3.8 1.8 3.8 4v15.8a1 1 0 0 1-1.6.8l-4.8-3.5H4.4a3.9 3.9 0 0 1-3.8-4V4.6Z" fill="currentColor" fill-rule="evenodd"/><path clip-rule="evenodd" d="M6.5 5.2 10 8.5a.9.9 0 0 1 0 1.3l-3.8 3.3-1.1-1.4 3-2.6-2.8-2.6 1.2-1.3Z" fill="currentColor" fill-rule="evenodd"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">Answers</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Trusted Answers to Developer Questions</span></div></div></div></div></div></div></button></div><div class="flex cursor-pointer flex-row "><button class="m-0 text-default relative rounded-sm px-3 pb-2 pt-3 font-bold leading-6 "><div class="flex gap-x-2">Pricing</div><div class="absolute left-0 top-14 z-20 mt-2 hidden"><div class="-mt-0.5 flex rounded border border-solid border-gray-200 bg-white shadow-lg dark:border-gray-A700 dark:bg-dark-60"><div class="flex flex-col py-4 shadow-md"><div id="For Enterprise" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 20 14" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 7a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-7 5.3c0-2.4 4.7-3.6 7-3.6s7 1.2 7 3.6V14H0v-1.8Zm7-1.6c-1.8 0-3.8.7-4.7 1.3h9.4A9.6 9.6 0 0 0 7 10.7Zm1.5-7.2a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM14 8.8c1.2.8 2 2 2 3.4V14h4v-1.8c0-2-3.5-3.1-6-3.4Zm2.5-5.3a3.5 3.5 0 0 1-5 3.2 5.4 5.4 0 0 0 0-6.4L13 0c2 0 3.5 1.6 3.5 3.5Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">For Enterprise</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Tailored for your team</span></div></div></div><div id="For Individuals" class="group flex w-full cursor-pointer items-center bg-white px-4 py-3 hover:bg-gray-100 dark:bg-dark-60 dark:hover:bg-gray-A400 "><div class="flex flex-row w-full items-start dark:text-dark-contrastText"><div class="flex h-10 w-10 items-center justify-center rounded bg-gray-50 group-hover:bg-primary-lightP2 dark:bg-gray-A200 dark:group-hover:bg-primary-lightP1"><div class="flex h-6 w-6 items-center justify-center fill-current stroke-current text-gray-A200 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-black"><svg viewbox="0 0 16 16" fill="current" stroke="none" xmlns="http://www.w3.org/2000/svg" class="w-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm2 4a2 2 0 0 0-2-2 2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2Zm4 10c-.2-.7-3.3-2-6-2s-5.8 1.3-6 2h12ZM0 14c0-2.7 5.3-4 8-4s8 1.3 8 4v2H0v-2Z" fill="current"/></svg></div></div><div class="ml-4 flex flex-col text-left"><span class="m-0 flex h-max items-center"><span style="letter-spacing:0.5px" class="mb-1 text-base font-bold leading-6 text-gray-A900 dark:text-dark-contrastText">For Individuals</span></span><span style="letter-spacing:0.5px" class="text-xs font-semibold leading-5 text-gray-800 dark:text-gray-600">Stay ahead of the curve</span></div></div></div></div></div></div></button></div></div></div><div class="flex h-full flex-auto items-center justify-end"><button class="tailwind-hidden lg:flex text-default gap-x-2.5"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" style="min-width:24px" class="show-enterprise-nav text-white dark:text-gray-200 fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" style="min-width:24px" class="hide-enterprise-nav dark:text-dark-contrastText fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><span class="show-enterprise-nav text-white dark:text-gray-200">Search</span><span class="hide-enterprise-nav dark:text-dark-contrastText">Search</span></button><button aria-label="search" class="icon-default rounded-none lg:hidden" disabled="" name="search-icon"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="show-enterprise-nav text-white dark:text-gray-200 fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="hide-enterprise-nav dark:text-dark-contrastText fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg></button><div class="show-enterprise-nav"><div class="h-8 border-0 border-l border-solid border-gray-A200 tailwind-hidden mx-4 sm:block"/></div><div class="hide-enterprise-nav"><div class="h-8 border-0 border-l border-solid border-gray-200 dark:border-dark-70 tailwind-hidden mx-4 sm:block"/></div><div class="tailwind-hidden sm:flex"><button class="text-default m-0 h-full rounded-none p-4 px-2 sm:px-4"><svg viewbox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="mx-2 flex text-primary dark:text-primary-light mb-0.5 h-5 w-4 stroke-current"><path d="M1 18.5A2.5 2.5 0 0 1 3.5 16H17" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 1H17v20H3.5A2.5 2.5 0 0 1 1 18.5v-15A2.5 2.5 0 0 1 3.5 1v0Z" stroke="current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="text-black dark:text-dark-contrastText">Courses</span></button></div><div class="logged-in mr-2"><div class="relative w-full"><div class="ml-2 flex cursor-pointer items-center p-1" aria-label="open profile menu" role="button"><svg width="30" height="30" viewbox="-4 -4 32 32" fill="#fff" class="rounded-full bg-gray-400 dark:bg-gray-900 flex-shrink-0 "><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg></div></div></div><div class="logged-out h-full"><div class="flex h-full items-center"><button class="m-0 h-full rounded-none p-4 text-default"><span class="text-default">Log In</span></button><button class="ml-2 mr-4 h-auto max-h-11 rounded-sm px-3 py-2.5 sm:px-4 contained-primary">Join<span class="tailwind-hidden sm:flex"> for free</span><div class="tailwind-hidden sm:flex"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" class="icon-right fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 11H4v2h12v3l4-4-4-4z"/></svg></div></button></div></div></div></nav><div class="sticky z-20 sm:z-10" style="top:var(--header-height);grid-area:ed-grid-header2"><div class="bg-utils-cookieBanner text-white"/></div><div class="hidden &#10; fixed cursor-pointer bg-gray-100 items-center rounded-full dark:bg-dark-90 border border-solid border-gray-200 dark:border-gray-A400 h-7 stroke-current&#10; justify-center w-7&#10; lg:opacity-0 opacity-100" id="sidebar-caret-collapse-main" aria-label="toggle sidebar" style="left:calc(5rem * var(--sidebar));transition:width 200ms ease-in-out, left 200ms ease-in-out;top:76px;z-index:12" role="navigation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transform stroke-current transition duration-500 text-gray-900 dark:text-gray-300 rotate-0"><polyline points="15 18 9 12 15 6"/></svg></div><nav class="no-scrollbar overflow-x-hidden overscroll-y-contain ed-grid-sidebar no-scrollbar z-30 overflow-visible dark:bg-dark-80 hidden lg:!flex " style="transition:max-width 200ms, width 200ms ease-in-out;max-width:calc(6rem * var(--sidebar));width:calc(6rem * var(--sidebar))"><div class="flex h-full w-full flex-col" style="width:6rem"><div class="flex h-full w-full flex-col items-center bg-gray-100 dark:bg-dark-90 justify-between overflow-visible pb-6"><div class="flex flex-col items-center"><div class="my-3 flex flex-col items-center space-y-2"><div class="h-6 w-6 animate-pulse bg-gray-200 dark:bg-dark-80"/><div class="h-4 w-14 animate-pulse bg-gray-200 dark:bg-dark-80"/></div><div class="my-3 flex flex-col items-center space-y-2"><div class="h-6 w-6 animate-pulse bg-gray-200 dark:bg-dark-80"/><div class="h-4 w-14 animate-pulse bg-gray-200 dark:bg-dark-80"/></div><div class="my-3 flex flex-col items-center space-y-2"><div class="h-6 w-6 animate-pulse bg-gray-200 dark:bg-dark-80"/><div class="h-4 w-14 animate-pulse bg-gray-200 dark:bg-dark-80"/></div><div class="my-3 flex flex-col items-center space-y-2"><div class="h-6 w-6 animate-pulse bg-gray-200 dark:bg-dark-80"/><div class="h-4 w-14 animate-pulse bg-gray-200 dark:bg-dark-80"/></div></div><div class="my-3 flex flex-col items-center space-y-2"><div class="h-6 w-6 animate-pulse bg-gray-200 dark:bg-dark-80"/><div class="h-4 w-14 animate-pulse bg-gray-200 dark:bg-dark-80"/></div></div></div></nav><div class="ed-grid-main lesson-page tablet lg:desktop"><div class="flex w-full flex-col"><div class="mx-auto flex w-full flex-col bg-white dark:bg-dark dark:text-dark-contrastText" style="max-width:59.5rem"><div class="w-full lg:hidden"><div class="z-10 flex h-16 flex-1 flex-row items-center justify-between border-0 border-b border-t border-solid border-gray-200 bg-gray-50 py-2 dark:border-gray-A700 dark:bg-dark-80"><div class="flex flex-row items-center px-2"><div class="flex flex-row items-center text-gray-900 dark:text-white"><div class="block h-6 dark:hidden"><svg width="103" height="24" viewbox="0 0 103 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 3.6c-1 0-1.8.8-1.8 2v9.1c0 1.1.8 2 1.8 2H16c.2 0 .4 0 .6.2l3.5 2.5V5.6c0-1.2-.8-2-1.8-2H5.8ZM2 5.6c0-2.2 1.7-4 3.8-4h12.4c2.1 0 3.8 1.8 3.8 4v15.8a1 1 0 0 1-1.6.8l-4.8-3.5H5.8a3.9 3.9 0 0 1-3.8-4V5.6Z" fill="#5553FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m8 6.2 3.4 3.3a.9.9 0 0 1 0 1.3l-3.8 3.3-1.1-1.4 3-2.6-2.8-2.6 1.2-1.3Z" fill="#5553FF"/><path d="M32 13.9c0-.6.2-1.1.5-1.6.4-.4.8-.8 1.4-1 .6-.3 1.3-.4 2.1-.4a9.3 9.3 0 0 1 2.5.4v-.6a2 2 0 0 0-.6-1.6c-.4-.3-1-.5-1.7-.5-.6 0-1 0-1.5.3-.5.1-1 .4-1.5.7l-.7-1.3 1.9-1 2-.2c1.2 0 2.2.3 3 1 .7.6 1 1.6 1 2.8v3.5l.1.5.5.1v1.6a4.3 4.3 0 0 1-.9.1c-.4 0-.7 0-1-.3-.2-.2-.3-.4-.3-.7v-.5a4.6 4.6 0 0 1-3.5 1.7c-.7 0-1.2-.2-1.7-.5a3 3 0 0 1-1.2-1c-.3-.5-.4-1-.4-1.5Zm6 .6.3-.5.2-.4v-1.1l-1.1-.3-1.1-.1c-.7 0-1.3.1-1.8.4-.4.3-.6.7-.6 1.2a1.6 1.6 0 0 0 .8 1.4c.3.2.7.3 1.1.3a3.1 3.1 0 0 0 2.2-1ZM51.3 16.6h-2v-5.2c0-1-.1-1.6-.4-2-.3-.4-.7-.6-1.3-.6-.4 0-.7.1-1.1.3l-1 .8-.7 1.1v5.6h-2V7.2h1.8v2c.3-.5.6-.9 1-1.2a4.5 4.5 0 0 1 2.9-1c.5 0 1 .2 1.4.4.3.2.6.4.8.8l.5 1.2v7.2ZM57 16.8c-.9 0-1.6-.1-2.3-.4-.7-.2-1.3-.6-1.8-1.1l.7-1.4c.5.5 1 .9 1.6 1 .6.3 1.1.4 1.7.4.5 0 1-.1 1.3-.3.4-.2.5-.5.5-1 0-.2 0-.5-.2-.6l-.8-.4-1.3-.3-1.6-.7a2.1 2.1 0 0 1-1.4-2c0-.7.1-1.2.5-1.6a3 3 0 0 1 1.3-1c.5-.2 1.2-.3 1.9-.3s1.3 0 1.9.3a4 4 0 0 1 1.5 1l-.8 1.3c-.4-.4-.9-.7-1.3-.9a3.6 3.6 0 0 0-2.2-.1c-.3 0-.5.1-.7.3-.2.2-.3.4-.3.7 0 .3.1.5.3.7l.6.3 1 .4 2 .7c.5.2.9.4 1.1.8.3.3.5.7.5 1.3 0 1-.4 1.6-1 2.2-.7.5-1.6.7-2.8.7ZM74 7.2h1.9l-4 9.4h-1.7l-1.7-4.2-1.7 4.2h-1.7l-4-9.4h2l3 7.5 1.3-3.5-1.6-4h1.7l1 3 1-3h1.7l-1.6 4 1.4 3.5 3-7.5ZM82.2 16.8h-2a5 5 0 0 1-3-2 5.1 5.1 0 0 1-.7-4.3 4.7 4.7 0 0 1 3.7-3.3c1-.2 1.9-.1 2.6.2.8.3 1.5.7 2 1.4a4.9 4.9 0 0 1 1.2 2.9l-7.4 1.5c.1.5.4 1 .7 1.3.4.4.8.6 1.3.8h1.3a3 3 0 0 0 1.4-.7c.4-.3.7-.7.8-1.2l1.7.2c0 .4-.3 1-.6 1.4a4.7 4.7 0 0 1-3 1.8Zm-4-4.9 5.7-1.1c-.2-.6-.4-1-.8-1.3-.3-.4-.7-.6-1.2-.8-.4-.1-1-.2-1.4 0-.5 0-1 .3-1.3.6l-.8 1.1a3 3 0 0 0-.1 1.5ZM94 9.2c-.8 0-1.5.2-2 .5-.7.3-1 .8-1.3 1.4V17h-2V7.5h1.8v2c.3-.6.8-1 1.3-1.5a3 3 0 0 1 1.7-.6h.5v1.8ZM98.8 17c-.8 0-1.6 0-2.3-.3-.7-.3-1.3-.7-1.8-1.2l.7-1.3c.6.5 1.1.8 1.7 1 .5.2 1 .3 1.6.3.5 0 1 0 1.3-.3.4-.2.6-.5.6-.9 0-.3-.1-.5-.3-.7l-.8-.3-1.2-.4-1.7-.6c-.5-.3-.8-.5-1-.9-.3-.3-.4-.7-.4-1.2 0-.6.2-1.1.5-1.6a3 3 0 0 1 1.3-1c.5-.2 1.2-.3 2-.3l1.8.3a4 4 0 0 1 1.6 1l-.9 1.3c-.4-.4-.8-.7-1.3-.8a3.6 3.6 0 0 0-2.2-.2c-.3 0-.5.2-.7.4l-.2.7c0 .2 0 .4.2.6.1.2.3.3.6.4l1.1.4 1.9.6c.5.2.9.5 1.2.8.2.3.4.8.4 1.4 0 .9-.4 1.6-1 2.1-.7.5-1.6.8-2.7.8Z" fill="#000"/></svg></div><div class="tailwind-hidden h-6 dark:block"><svg width="103" height="25" viewbox="0 0 103 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 3.7c-1 0-1.8.9-1.8 2v9.2c0 1 .8 1.9 1.8 1.9H16c.2 0 .4 0 .6.2l3.5 2.5V5.7c0-1.1-.8-2-1.8-2H5.8ZM2 5.7c0-2.2 1.7-4 3.8-4h12.4c2.1 0 3.8 1.8 3.8 4v15.8a1 1 0 0 1-1.6.8l-4.8-3.5H5.8a3.9 3.9 0 0 1-3.8-4V5.8Z" fill="#CCCBFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m8 6.3 3.4 3.3a.9.9 0 0 1 0 1.4l-3.8 3.2-1.1-1.4 3-2.6-2.8-2.6 1.2-1.3Z" fill="#CCCBFF"/><path d="M32 14c0-.6.2-1.1.5-1.6.4-.4.8-.8 1.4-1 .6-.3 1.3-.4 2.1-.4a9.3 9.3 0 0 1 2.5.4v-.6a2 2 0 0 0-.6-1.5c-.4-.4-1-.6-1.7-.6-.6 0-1 0-1.5.3-.5.2-1 .4-1.5.8l-.7-1.4 1.9-1 2-.2c1.2 0 2.2.3 3 1 .7.7 1 1.6 1 2.8v3.5l.1.5.5.2v1.6a4.3 4.3 0 0 1-.9 0c-.4 0-.7 0-1-.3-.2-.2-.3-.4-.3-.7v-.5c-.5.5-1 1-1.6 1.2-.7.3-1.3.4-2 .4-.6 0-1.1 0-1.6-.3a3 3 0 0 1-1.2-1.1c-.3-.4-.4-1-.4-1.5Zm6 .6c.1-.2.3-.3.3-.5l.2-.4v-1l-1.1-.4h-1.1c-.7 0-1.3 0-1.8.4-.4.2-.6.6-.6 1.1a1.6 1.6 0 0 0 .8 1.4c.3.2.7.3 1.1.3a3.1 3.1 0 0 0 2.2-1ZM51.3 16.8h-2v-5.3c0-.9-.1-1.5-.4-2-.3-.3-.7-.6-1.3-.6-.4 0-.7.1-1.1.3l-1 .8-.7 1.2v5.6h-2V7.3h1.8v2a4.5 4.5 0 0 1 3.8-2c.6-.1 1.1 0 1.5.2l.8.8.5 1.3V16.8ZM57 17c-.9 0-1.6-.2-2.3-.4-.7-.3-1.3-.7-1.8-1.2l.7-1.3c.5.4 1 .8 1.6 1 .6.2 1.1.3 1.7.3.5 0 1 0 1.3-.3.4-.2.5-.5.5-1 0-.2 0-.4-.2-.6l-.8-.4-1.3-.3-1.6-.6c-.5-.3-.8-.6-1-.9-.3-.3-.4-.7-.4-1.2 0-.6.1-1.2.5-1.6a3 3 0 0 1 1.3-1c.5-.2 1.2-.3 1.9-.3s1.3 0 1.9.3a4 4 0 0 1 1.5 1l-.8 1.3c-.4-.4-.9-.7-1.3-.9a3.6 3.6 0 0 0-2.2-.1c-.3 0-.5.2-.7.3-.2.2-.3.5-.3.8l.3.6.6.4 1 .3 2 .7c.5.2.9.5 1.1.8.3.3.5.8.5 1.3 0 1-.4 1.7-1 2.2-.7.5-1.6.7-2.8.7ZM74 7.3h1.9l-4 9.5h-1.7l-1.7-4.3-1.7 4.3h-1.7l-4-9.5h2l3 7.5 1.3-3.4-1.6-4h1.7l1 2.9 1-3h1.7l-1.6 4 1.4 3.5 3-7.5ZM82.2 16.9c-.7.1-1.4.2-2 0a5 5 0 0 1-3-2 5.1 5.1 0 0 1-.7-4.3 4.7 4.7 0 0 1 3.7-3.3c1-.2 1.9-.1 2.6.2.8.3 1.5.7 2 1.4a4.9 4.9 0 0 1 1.2 2.9l-7.4 1.5c.1.5.4 1 .7 1.4l1.3.7c.4.1.9.2 1.3 0a3 3 0 0 0 1.4-.6c.4-.4.7-.8.8-1.3l1.7.2c0 .5-.3 1-.6 1.4a4.7 4.7 0 0 1-3 1.8Zm-4-4.9L84 11c-.2-.5-.4-1-.8-1.3-.3-.4-.7-.6-1.2-.8h-1.4c-.5 0-1 .3-1.3.6-.3.3-.6.7-.8 1.2a3 3 0 0 0-.1 1.4ZM94 9.3c-.8 0-1.5.2-2 .5-.7.4-1 .8-1.3 1.4V17h-2V7.6h1.8v2.1c.3-.7.8-1.2 1.3-1.6a3 3 0 0 1 1.7-.6h.5v1.8ZM98.8 17.2c-.8 0-1.6-.1-2.3-.4-.7-.3-1.3-.6-1.8-1.2l.7-1.3c.6.5 1.1.8 1.7 1 .5.3 1 .4 1.6.4.5 0 1-.1 1.3-.3.4-.2.6-.6.6-1 0-.3-.1-.5-.3-.6l-.8-.4-1.2-.4-1.7-.6a2.1 2.1 0 0 1-1.4-2c0-.7.2-1.2.5-1.6a3 3 0 0 1 1.3-1c.5-.3 1.2-.4 2-.4.6 0 1.2.1 1.8.4a4 4 0 0 1 1.6 1l-.9 1.2-1.3-.8A3.6 3.6 0 0 0 98 9c-.3 0-.5.2-.7.4l-.2.7c0 .3 0 .5.2.6.1.2.3.3.6.4l1.1.4 1.9.6c.5.2.9.5 1.2.8.2.4.4.8.4 1.4 0 .9-.4 1.6-1 2.1-.7.5-1.6.8-2.7.8Z" fill="#fff"/></svg></div></div><span class="caption-text sm:body-small ml-4 font-semibold tracking-wide text-gray-A400 dark:text-gray-600 sm:font-normal sm:tracking-normal">Trusted answers to developer questions</span></div></div></div><div class="flex max-w-full justify-center"><div class="z-0 mb-12 box-border flex w-full max-w-full flex-col bg-white px-4 py-12 dark:bg-dark-90 sm:mb-10 sm:px-6 sm:py-14 lg:px-10 lg:pb-2 lg:pt-14" style="max-width:59.5rem;min-width:320px"><h1 class="heading-one mb-9 mt-0 break-words text-left">What is the isAfter() method in Moment.js?</h1><div class="w-full"><div class="rounded-md dark:border dark:border-solid dark:border-dark-70"><div class="rounded-md rounded-b-none" style="background:linear-gradient(105.48deg, rgba(85, 83, 255, 0.9) 1.36%, rgba(25, 24, 146, 0.9) 100%)"><p class="eyebrow text-left h-1.5 mb-0 uppercase text-white"/></div><div class="relative overflow-hidden bg-gradient-to-b from-primary-lightP2 via-primary-lightP2 to-primary-lightP1 p-4 dark:from-dark-90 dark:to-dark-90 sm:bg-gradient-to-r lg:px-6 lg:py-4 &#10; w-full rounded-md rounded-t-none sm:flex sm:flex-row lg:block"> <div class="sm:flex sm:flex-1 sm:flex-col"><div class="mb-2 flex justify-between lg:justify-start"><div class="items-center tailwind-hidden lg:block "/><div class="flex flex-col justify-between mt-1"><div><p class="heading-five mb-2 text-left">Free System Design Interview Course</p><div class="mb-2 text-left text-base leading-7 text-gray-A700 dark:text-gray-400"><p>Many candidates are rejected or down-leveled due to poor performance in their System Design Interview. Stand out in System Design Interviews and get hired in 2023 with this popular free course.</p> </div></div><div class="tailwind-hidden mt-2 lg:block"><button class="contained-primary h-9 w-full sm:w-max">Get Free Course</button></div></div><div class="items-center tailwind-hidden sm:block lg:hidden"/></div><div class="lg:hidden"><button class="contained-primary h-9 w-full sm:w-max">Get Free Course</button></div></div><div class="sm:hidden"/></div></div></div><div class="block " style="min-height:335px"><div class="mt-5 clear-both relative"><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-V8wp6Og_XsCdADPQqgDAP" class=""><div class="h-auto w-full whitespace-normal after:clear-both after:table after:content-none markdown-container-div"><div class="markdownViewer select-text markdown-default markdown-table markdown-viewer markdown-viewer-slate markdown-viewer-heading" role="none"><h2>Overview</h2><p>The <code><strong>isAfter()</strong></code><strong> method</strong> of the Moment.js time library is used to check if one time occurs later than another time. It returns a boolean that indicates if one time comes after another.</p><h3>Syntax</h3></div></div></div></div></div></div></div></div></div><div class="mt-5 clear-both relative"><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-38yzm6Ol3wVFdet_B4ytx" class=""><div class=""><div><pre class="overflow-scroll pl-0 pt-0 dark:border-dark-60" style="height:35px;background:#1e1e1e;color:#e9e9e9"><div style="height:21px;margin-left:59px;font-size:14px">time1.isAfter(time2)</div></pre></div><div class="mt-2"><div class="mt-2.5 flex items-center justify-center"><span data-testid="caption-text" class="flex rounded bg-gray-100 px-5 py-1 text-center font-normal text-black focus:outline-none dark:bg-dark-90 dark:text-dark-contrastText">The isAfter() method of Moment.js</span></div></div></div></div></div></div></div></div></div></div><div class="mt-5 clear-both relative"><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-Jo-Bn_IUiMHfOA72-1hk1" class=""><div class="h-auto w-full whitespace-normal after:clear-both after:table after:content-none markdown-container-div"><div class="markdownViewer select-text markdown-default markdown-table markdown-viewer markdown-viewer-slate markdown-viewer-heading" role="none"><h3>Parameters</h3><ul><li><code><strong>time1</strong></code> and <code><strong>time2</strong></code>: These are the times we want to compare. We compare <code>time2</code> against <code>time1</code>.</li></ul><h3>Return value</h3><p>The returned value is a boolean.</p><h3>Example</h3></div></div></div></div></div></div></div></div></div><div class="mt-5 clear-both relative"><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-7QCK90l-hecRtaUJsyvXQ" class=""><div class="code-container "><div/><div class=""><div><pre class="overflow-scroll pl-0 pt-0 dark:border-dark-60" style="height:449px;background:#1e1e1e;color:#e9e9e9"><div style="height:21px;margin-left:59px;font-size:14px">// require the moment module</div><div style="height:21px;margin-left:59px;font-size:14px">const moment = require("moment")</div><div style="height:21px;margin-left:59px;font-size:14px"/><div style="height:21px;margin-left:59px;font-size:14px">// create some dates and time</div><div style="height:21px;margin-left:59px;font-size:14px">const time1 = moment(new Date) // current date and time</div><div style="height:21px;margin-left:59px;font-size:14px">const time2 = moment([2010, 1, 14, 10, 25, 50, 125])</div><div style="height:21px;margin-left:59px;font-size:14px">const time3 = moment(1318781876406)</div><div style="height:21px;margin-left:59px;font-size:14px">const time4 = moment({hour: 20, minute: 20, second: 34})</div><div style="height:21px;margin-left:59px;font-size:14px">const time5 = moment([2022, 5, 17])</div><div style="height:21px;margin-left:59px;font-size:14px">const time6 = moment([2025, 4, 18])</div><div style="height:21px;margin-left:59px;font-size:14px">const time7 = moment().add(25, "seconds");</div><div style="height:21px;margin-left:59px;font-size:14px"/><div style="height:21px;margin-left:59px;font-size:14px">// get the difference between one time and another</div><div style="height:21px;margin-left:59px;font-size:14px">console.log(time1.isAfter(time2)) // true</div><div style="height:21px;margin-left:59px;font-size:14px">console.log(time2.isAfter(time3)) // false</div><div style="height:21px;margin-left:59px;font-size:14px">console.log(time3.isAfter(time4)) // false</div><div style="height:21px;margin-left:59px;font-size:14px">console.log(time4.isAfter(time5)) // false</div><div style="height:21px;margin-left:59px;font-size:14px">console.log(time6.isAfter(time5)) // true</div><div style="height:21px;margin-left:59px;font-size:14px">console.log(time7.isAfter(time2)) // true</div></pre></div><span class="tailwind-hidden sm:inline "><div class="z-9 absolute right-3.5 top-1 flex cursor-pointer"><div aria-label="copy-code-button" role="button" class="flex h-6 items-center justify-center rounded border-none bg-white text-black opacity-30 shadow-md duration-200 hover:opacity-100 hover:shadow-lg focus:opacity-100 focus:shadow-lg dark:bg-dark-80 dark:text-dark-contrastText"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-7 h-7 hover:text-primary dark:hover:text-primary-light focus:text-primary dark:focus:text-primary-light p-2 duration-200" title="Copy To Clipboard" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg></div></div></span></div><div><div><div class="sm:flex-no-wrap flex flex-wrap items-center justify-center px-4 border border-solid border-gray-300 dark:border-dark-70 bg-gray-100 dark:bg-dark-90 justify-between border-t-0" style="min-height:57px"><div class="flex items-center"><button class="contained-primary m-0 py-2" aria-label="run code" title=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 self-center sm:hidden"><polygon points="5 3 19 12 5 21 5 3"/></svg><div class="tailwind-hidden sm:flex">Run</div></button></div><div class="flex items-center"><div class="cursor-pointer dark:hover:text-primary-light hover:text-primary duration-200 flex hover:scale-110 ml-auto sm:block tailwind-hidden transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg></div></div></div><div/></div></div><div class="mt-2.5 flex items-center justify-center"><span data-testid="caption-text" class="flex rounded bg-gray-100 px-5 py-1 text-center font-normal text-black focus:outline-none dark:bg-dark-90 dark:text-dark-contrastText">Using the isAfter() method in Moment.js to compare times</span></div></div></div></div></div></div></div></div></div><div class="mt-5 clear-both relative"><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-Mudv1_ETuRs4_Q_4CW6b-" class=""><div class="h-auto w-full whitespace-normal after:clear-both after:table after:content-none markdown-container-div"><div class="markdownViewer select-text markdown-default markdown-table markdown-viewer markdown-viewer-slate markdown-viewer-heading" role="none"><h3>Explanation</h3><ul><li>Line 2: We <code>require</code> the <code>moment</code> library.</li><li>Line 5–11: We create some time variables using the library.</li><li>Line 14–19: Using the <code>isAfter()</code> method, we compare the times and print the results to the console.</li></ul></div></div></div></div></div></div></div></div></div></div><div class="mb-8 mt-3 w-full"><div class="border-0 border-b border-solid border-gray-200 dark:border-dark-70 "/></div><div class="mb-5"><p class="eyebrow m-0 mb-2 text-gray-A100 dark:text-dark-contrastText">RELATED TAGS</p><div class="flex flex-wrap"><div class="mr-2 mt-2 font-semibold"><span class="caption-text inline-block cursor-pointer rounded-2xl border border-solid border-gray-200 bg-gray-50 px-3 py-0.5 align-top text-gray-A200 hover:border-accent3-contrastText hover:bg-gray-100 dark:border-gray-A400 dark:bg-dark-90 dark:text-gray-600 dark:hover:border-dark-contrastText dark:hover:bg-dark-70">moment.js</span></div></div></div><div class="mb-6 flex w-full max-w-3xl flex-col py-0 text-gray-A400 dark:text-dark-contrastText"><div class="mt-1 w-11/12"><p class="eyebrow m-0 mb-2 text-gray-A100 dark:text-dark-contrastText">CONTRIBUTOR</p><div class="flex items-center space-x-2"><img class="rounded-full bg-gray-400 dark:bg-gray-900 flex-shrink-0 " width="24" height="24" src="https://lh3.googleusercontent.com/a/AAcHTtdpAgDlGph45LKqQlV3421fK4ezAzp7mJcgdK46voNsX-I=s96-c?googlesso" title="Theodore Kelechukwu Onyejiaku" loading="lazy" alt=""/><span class="body-small cursor-pointer hover:text-primary dark:hover:text-primary-light">Theodore Kelechukwu Onyejiaku</span></div></div><div class="w-full text-gray-A100 dark:text-gray-200"><div class="border-0 border-b border-solid border-gray-200 dark:border-dark-70 my-6 w-full"/><div class="body-small max-w-xs sm:max-w-none" id="shot-license">License: <a class="transform text-current duration-200 hover:cursor-pointer hover:text-primary focus:cursor-pointer focus:text-primary dark:hover:text-primary-light dark:focus:text-primary-light" target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons-Attribution-ShareAlike 4.0 (CC-BY-SA 4.0)</a></div></div></div><div class="-ml-1.5 flex w-full space-x-1"><button class="icon-default !p-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 cursor-pointer stroke-current text-gray-500" aria-label="Like this answer"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg></button><button class="icon-default !p-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-gray-500" aria-label="Bookmark this answer"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg></button><div><button class="icon-default !p-2" aria-label="more options"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 stroke-current text-gray-500"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg></button><ul class="hidden absolute z-50 m-0 list-none rounded bg-white p-0 shadow-xl dark:bg-dark-70"><li class="rounded-sm cursor-pointer px-4 py-1.5 leading-6 bg-white dark:bg-dark-80 dark:hover:bg-dark-70 hover:bg-gray-buttonHover"><button aria-label="facebook" class="react-share__ShareButton social transition-none" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-500"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></button></li><li class="rounded-sm cursor-pointer px-4 py-1.5 leading-6 bg-white dark:bg-dark-80 dark:hover:bg-dark-70 hover:bg-gray-buttonHover"><button aria-label="linkedin" class="react-share__ShareButton social transition-none" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-500"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></button></li><li class="rounded-sm cursor-pointer px-4 py-1.5 leading-6 bg-white dark:bg-dark-80 dark:hover:bg-dark-70 hover:bg-gray-buttonHover"><button aria-label="twitter" class="react-share__ShareButton social transition-none" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-500"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"/></svg></button></li><li class="rounded-sm cursor-pointer px-4 py-1.5 leading-6 bg-white dark:bg-dark-80 dark:hover:bg-dark-70 hover:bg-gray-buttonHover"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-500"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg></li></ul></div><span class="text-transform: text-sm font-semibold uppercase tracking-widest"><button class="icon-default !p-2" aria-label="give feedback"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 cursor-pointer"><path d="M22 11.006C22 9.41555 21.2267 7.98057 20 7V15C21.2267 14.0314 22 12.5964 22 11.006Z" fill="#B0B0B7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1547 13L16 16.5532V6.37989L11.2461 10.5H3V13H11.1547ZM10.5 15L16.4086 19.333C17.0692 19.8174 18 19.3457 18 18.5266V4.18993C18 3.333 16.9926 2.87301 16.3451 3.43424L10.5 8.49997H2C1.44772 8.49997 1 8.94768 1 9.49997V14C1 14.5522 1.44772 15 2 15H5.5V22H7.5V15H10.5Z" fill="#B0B0B7"/></svg></button></span><div/></div></div></div></div><div class="mt-8 flex w-full scroll-mt-14 flex-col-reverse bg-white pb-24 dark:bg-dark lg:mt-24 lg:flex-col" id="related-content-div"><div class="h-full dark:bg-dark"><div class="mb-12 h-2 px-6 py-2"><span class="heading-four tracking-wide"><div class="mx-0 mb-5 mt-6 bg-gray-300 dark:bg-dark-60" style="padding:1px 50%"/><div class="m-auto -mt-10 w-max flex-initial justify-center bg-white px-3 text-gray-A400 dark:bg-dark dark:text-dark-contrastText lg:bg-gray-50">Keep Exploring</div></span></div><div class="mt-16"><div class="flex w-full justify-center mb-24"><div class="align-self border-box inline-block rounded-full border-0 border-l-2 border-t-2 border-solid Spinner_spinner__Qreww text-utils-loader dark:text-primary-lightP1" style="margin-right:3px;height:40px;width:40px" data-testid="spinner"/></div></div></div><div class="dark:bg-dark dark:text-dark-contrastText"><div class="mb-20 lg:mb-0" style="height:556px"><div class="mb-12 h-2 px-6 py-2"><span class="heading-four"><div class="mx-0 mb-5 mt-6 bg-gray-300 dark:bg-dark-60" style="padding:1px 50%"/><div class="m-auto -mt-10 w-max flex-initial justify-center bg-white px-3 text-gray-A400 dark:bg-dark dark:text-dark-contrastText lg:bg-gray-50">Related Courses</div></span></div><div class="mt-24"><div class="flex w-full justify-center mb-24"><div class="align-self border-box inline-block rounded-full border-0 border-l-2 border-t-2 border-solid Spinner_spinner__Qreww text-utils-loader dark:text-primary-lightP1" style="margin-right:3px;height:40px;width:40px" data-testid="spinner"/></div></div></div></div></div><div class="relative mt-auto flex w-full pt-0"><div class="flex w-full flex-col justify-center bg-utils-footerLight px-4 py-10 dark:bg-utils-footerDark lg:px-6"><div class="flex w-full flex-col items-start justify-between self-center" style="max-width:1140px"><div class="flex w-full flex-col justify-between"><div class="my-4 flex flex-col items-start text-left sm:mt-14"><a aria-label="educative.io" href="/"><div class="flex items-center text-white"><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="20px"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="ml-2 h-4"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div></a><div class="mt-4 leading-6 text-gray-100 dark:text-dark-contrastText"><p class="text-base">Learn in-demand tech skills in half the time</p></div></div></div><div class="w-full self-center"><div class="border-0 border-b border-solid border-gray-50 dark:border-gray-500 "/></div><div class="grid w-full grid-cols-2 content-center gap-x-[calc(50%-75px)] overflow-hidden sm:grid-cols-3 sm:gap-x-[calc(33.3%-90px)] lg:grid-cols-4 lg:gap-x-[calc(25%-176px)]"><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">PRODUCTS</div><div class="flex"><a aria-label="Learning" href="/explore"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Learning</p></a></div><div class="flex"><a aria-label="Onboarding" href="/onboarding"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Onboarding</p></a></div><div class="flex"><a aria-label="Skill Assessments" href="/assessments"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Skill Assessments</p></a></div><div class="flex"><a aria-label="Projects" href="/projects"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Projects</p></a></div></div><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">Pricing</div><div class="flex"><a aria-label="For Individuals" href="/unlimited"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">For Individuals</p></a></div><div class="flex"><a aria-label="Free Trial" href="/trial"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Free Trial</p></a></div></div><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">LEGAL</div><div class="flex"><a aria-label="Privacy Policy" href="/privacy"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Privacy Policy</p></a></div><div class="flex"><a aria-label="Cookie Policy" href="/cookie-policy"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Cookie Policy</p></a></div><div id="ed-cookie-settings" class="flex"><span class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Cookie Settings</span></div><div class="flex"><a aria-label="Terms of Service" href="/terms"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Terms of Service</p></a></div><div class="flex"><a aria-label="Business Terms of Service" href="/enterprise-terms"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Business Terms of Service</p></a></div><div class="flex"><a aria-label="Data Processing Agreement" href="/data-processing-agreement"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Data Processing Agreement</p></a></div></div><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">CONTRIBUTE</div><div class="flex"><a aria-label="Become an Author" href="https://educative.io/m/become-an-educative-author"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Become an Author</p></a></div><div class="flex"><a aria-label="Become an Affiliate" href="/affiliate"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Become an Affiliate</p></a></div></div><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">RESOURCES</div><div class="flex"><a aria-label="Blog" href="/blog"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Blog</p></a></div><div class="flex"><a aria-label="Sessions" href="https://www.youtube.com/channel/UCT_8FqzTIr2Q1BOtvX_DPPw"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Sessions</p></a></div><div class="flex"><a aria-label="Answers" href="/answers"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Answers</p></a></div></div><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">ABOUT US</div><div class="flex"><a aria-label="Our Team" href="/team"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Our Team</p></a></div><div class="flex"><a aria-label="Careers" href="/careers"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Careers</p></a><div class="inline-flex h-5 items-center justify-center px-1 align-middle bg-primary dark:bg-primary-light text-white dark:text-black font-bold tracking-wide caption-text rounded-sm&#10; &#10; ml-2" style="min-width:20px">Hiring</div></div><div class="flex"><a aria-label="Frequently Asked Questions" href="/courses/educative-faq"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Frequently Asked Questions</p></a></div><div class="flex"><a aria-label="Contact Us" href="/contactUs"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Contact Us</p></a></div><div class="flex"><a aria-label="Press" href="/press"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Press</p></a></div></div><div class="mt-12 max-w-[186px] sm:max-w-[156px] lg:max-w-[186px]"><div class="mb-4 text-xs font-semibold uppercase leading-5 tracking-widest text-white dark:text-dark-contrastText" style="letter-spacing:2.5px">MORE</div><div class="flex"><a aria-label="GitHub Students Scholarship" href="/github-students"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">GitHub Students Scholarship</p></a></div><div class="flex"><a aria-label="Course Catalog" href="/explore"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Course Catalog</p></a></div><div class="flex"><a aria-label="Early Access Courses" href="/explore/early-access"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Early Access Courses</p></a></div><div class="flex"><a aria-label="Earn Referral Credits" href="/refer-a-friend"><p class="mb-4 font-normal leading-6 text-gray-500 hover:cursor-pointer hover:text-white focus:cursor-pointer focus:text-white dark:text-gray-600">Earn Referral Credits</p></a></div></div></div><div class="mt-6 flex w-full self-center bg-gray-A400"><div class="border-0 border-b border-solid border-gray-200 dark:border-dark-70 "/></div><div class="mb-4 mt-10 flex w-full flex-col items-center justify-center self-center sm:mt-4 lg:mb-14 lg:flex-row lg:items-start lg:justify-between" style="max-width:1140px"><div class="ml-4 mt-4 flex items-center justify-start lg:ml-0"><a href="//facebook.com/educativeinc" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="mb-4 fill-current text-gray-50 hover:cursor-pointer hover:text-primary focus:cursor-pointer focus:text-primary dark:hover:text-primary-light dark:focus:text-primary-light"><span class="mr-1 flex h-12 w-12 justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></span></a><a href="//linkedin.com/company/educative-inc/" target="_blank" rel="noopener noreferrer" aria-label="Linkedin" class="mb-4 fill-current text-gray-50 hover:cursor-pointer hover:text-primary focus:cursor-pointer focus:text-primary dark:hover:text-primary-light dark:focus:text-primary-light"><span class="mr-1 flex h-12 w-12 justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></span></a><a href="//twitter.com/educativeinc" target="_blank" rel="noopener noreferrer" aria-label="Twitter" class="mb-4 fill-current text-gray-50 hover:cursor-pointer hover:text-primary focus:cursor-pointer focus:text-primary dark:hover:text-primary-light dark:focus:text-primary-light"><span class="mr-1 flex h-12 w-12 justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"/></svg></span></a><a href="//www.youtube.com/channel/UCT_8FqzTIr2Q1BOtvX_DPPw/?sub_confirmation=1" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="mb-4 fill-current text-gray-50 hover:cursor-pointer hover:text-primary focus:cursor-pointer focus:text-primary dark:hover:text-primary-light dark:focus:text-primary-light"><span class="mr-1 flex h-12 w-12 justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"/><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"/></svg></span></a><a href="//educativesessions.podbean.com" target="_blank" rel="noopener noreferrer" aria-label="Podcast" class="mb-4 fill-current text-gray-50 hover:cursor-pointer hover:text-primary focus:cursor-pointer focus:text-primary dark:hover:text-primary-light dark:focus:text-primary-light"><span class="mr-1 flex h-12 w-12 justify-center"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" class="h-5 w-5"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 14a3 3 0 003-3V5a3 3 0 10-6 0v6a3 3 0 003 3zm-1.2-9.1c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v6.2a1.2 1.2 0 11-2.4 0V4.9zm6.5 6.1c0 3-2.5 5.1-5.3 5.1S6.7 14 6.7 11H5a7 7 0 006 6.7V21h2v-3.3a7 7 0 006-6.7h-1.7z"/></svg></span></a></div><div class="-mt-2 flex flex-col-reverse items-center text-left text-gray-500 lg:mt-0 lg:flex-row"><p class="m-0 mt-2 text-xs font-semibold tracking-wide lg:mt-0">Copyright ©2023 Educative, Inc. All rights reserved.</p><img src="/static/imgs/soc2.svg" loading="lazy" alt="soc2" class="m-2 h-12 w-12 lg:m-0 lg:ml-5"/></div></div></div></div></div><div class="fixed bottom-0 right-0 z-20 mb-8 mr-6"><div class="flex h-10 w-10 transform cursor-pointer items-center justify-center rounded-full border-gray-800 bg-gray-50 transition duration-500 ease-in-out hover:-translate-y-1 hover:border hover:border-solid dark:border-dark-contrastText dark:bg-dark-80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dark:hidden w-5 h-5 text-gray-800 dark:text-dark-contrastText "><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg><svg width="21" height="21" viewbox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="tailwind-hidden dark:block w-5 h-5 text-gray-800 dark:text-dark-contrastText "><path d="M10.5 7.2c1.81 0 3.3 1.49 3.3 3.3 0 1.81-1.49 3.3-3.3 3.3a3.31 3.31 0 0 1-3.3-3.3c0-1.81 1.49-3.3 3.3-3.3Zm0-2.2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2.86 11.45H.96A.96.96 0 0 1 0 10.5c0-.53.43-.95.95-.95h1.91c.53 0 .96.42.96.95s-.43.95-.96.95ZM20.05 11.45h-1.91a.96.96 0 0 1-.96-.95c0-.53.43-.95.96-.95h1.9c.53 0 .96.42.96.95s-.43.95-.95.95ZM9.55 2.86V.96c0-.53.42-.96.95-.96s.95.43.95.95v1.91c0 .53-.42.96-.95.96a.96.96 0 0 1-.95-.96ZM9.55 20.05v-1.91c0-.53.42-.96.95-.96s.95.43.95.96v1.9c0 .53-.42.96-.95.96a.96.96 0 0 1-.95-.95ZM3.42 3.42a.95.95 0 0 1 1.34 0l1.02 1c.37.37.36.98 0 1.36a.95.95 0 0 1-1.35 0L3.42 4.76a.95.95 0 0 1 0-1.34ZM15.22 15.22a.95.95 0 0 1 1.35 0l1.01 1.02a.95.95 0 1 1-1.34 1.34l-1.01-1a.95.95 0 0 1 0-1.35ZM17.58 3.42c.38.36.38.97 0 1.34l-1 1.02a.95.95 0 1 1-1.35-1.35l1-1.01a.95.95 0 0 1 1.35 0ZM5.78 15.22c.37.37.37.98 0 1.35l-1.02 1.01a.95.95 0 1 1-1.35-1.35l1.02-1a.95.95 0 0 1 1.35 0Z" fill="currentColor"/></svg></div></div><div class="fixed -bottom-20 left-1/2 flex h-12 -translate-x-1/2 items-center justify-center rounded-3xl border bg-primary-lightP2 px-6 shadow-md duration-300 dark:border-solid dark:border-gray-A400 dark:bg-dark-70 ease-out" style="transition-property:bottom"><span class="tailwind-hidden body-medium w-max text-primary-darkN1 dark:text-primary-lightP2 sm:block">Did you find this helpful?</span><svg width="24" height="24" viewbox="0 0 24 24" fill="#2320CC" xmlns="http://www.w3.org/2000/svg" class="hover:-translate-y-1 sm:ml-4 fill-current text-primary-dark dark:text-primary-lightP1 cursor-pointer transition-all duration-300"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 9H14.69L15.64 4.43L15.67 4.11C15.67 3.7 15.5 3.32 15.23 3.05L14.17 2L7.59 8.59C7.22 8.95 7 9.45 7 10V20C7 21.1 7.9 22 9 22H18C18.83 22 19.54 21.5 19.84 20.78L22.86 13.73C22.95 13.5 23 13.26 23 13V11C23 9.9 22.1 9 21 9ZM21 13L18 20H9V10L13.34 5.66L12.23 11H21V13ZM5 10H1V22H5V10Z" fill="current"/></svg><svg width="24" height="24" viewbox="0 0 24 24" fill="#2320CC" xmlns="http://www.w3.org/2000/svg" class="ml-6 hover:translate-y-1 fill-current text-primary-dark dark:text-primary-lightP1 cursor-pointer transition-all duration-300"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2H6C5.17 2 4.46 2.5 4.16 3.22L1.14 10.27C1.05 10.5 1 10.74 1 11V13C1 14.1 1.9 15 3 15H9.31L8.36 19.57L8.33 19.89C8.33 20.3 8.5 20.68 8.77 20.95L9.83 22L16.42 15.41C16.78 15.05 17 14.55 17 14V4C17 2.9 16.1 2 15 2ZM15 14L10.66 18.34L12 13H3V11L6 4H15V14ZM23 2H19V14H23V2Z" fill="current"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewbox="0 0 24 24" class="ml-4 h-5 w-5 cursor-pointer fill-current text-gray-800 dark:text-gray-700"><path d="M6.4 19 5 17.6 10.6 12 5 6.4 6.4 5 12 10.6 17.6 5 19 6.4 13.4 12 19 17.6 17.6 19 12 13.4Z"/></svg></div></div></div></div></div>