diff --git a/images/Course Module.png b/images/Course Module.png
new file mode 100644
index 0000000..fda0d7f
Binary files /dev/null and b/images/Course Module.png differ
diff --git a/index.html b/index.html
index d8c1c38..e680290 100644
--- a/index.html
+++ b/index.html
@@ -21,11 +21,15 @@
     <!-- header part start -->
     <section>
       <header>
-        <div class="bg-[#050111] lg:py-4 py-6 ">
+        <div class="bg-[#050111] lg:py-4 py-6">
           <div class="max-w-container mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex flex-row items-center gap-y-3 justify-between">
               <div class="flex sm:justify-center lg:justify-start">
-                <img src="images/logo.png" alt="logo.png" class="lg:w-full w-[60%]"/>
+                <img
+                  src="images/logo.png"
+                  alt="logo.png"
+                  class="lg:w-full w-[60%]"
+                />
               </div>
               <!-- Mobile icon -->
               <div
@@ -37,7 +41,7 @@
               <!-- Mobile icon -->
               <nav class="sm:mx-auto lg:mx-0 hidden lg:block">
                 <ul
-                  class="flex flex-col sm:flex-col gap-x-10 lg:flex-row gap-y-4 text-white text-base font-semibold font-roboto lg:py-5 "
+                  class="flex flex-col sm:flex-col gap-x-10 lg:flex-row gap-y-4 text-white text-base font-semibold font-roboto lg:py-5"
                 >
                   <li><a href="#">Home</a></li>
                   <li><a href="#">About</a></li>
@@ -46,9 +50,18 @@
                   <li><a href="#">Blog</a></li>
                 </ul>
               </nav>
-              <button class="relative px-4 py-2.5 rounded-[10px] border border-[#7451FD] overflow-hidden group cursor-pointer hidden lg:block">
-                <span class="absolute inset-0 bg-gradientNew opacity-0 group-hover:opacity-100 transition-opacity duration-300">
-                </span> <p class="relative z-10 font-medium font-roboto text-base text-white">Get Enroll <i class="fa-solid fa-arrow-right-long"></i></p>
+              <button
+                class="relative px-4 py-2.5 rounded-[10px] border border-[#7451FD] overflow-hidden group cursor-pointer hidden lg:block"
+              >
+                <span
+                  class="absolute inset-0 bg-gradientNew opacity-0 group-hover:opacity-100 transition-opacity duration-300"
+                >
+                </span>
+                <p
+                  class="relative z-10 font-medium font-roboto text-base text-white"
+                >
+                  Get Enroll <i class="fa-solid fa-arrow-right-long"></i>
+                </p>
               </button>
             </div>
             <!-- Mobile Device -->
@@ -56,7 +69,7 @@
               class="absolute left-1/2 -translate-x-1/2 top-20 opacity-0 scale-95 pointer-events-none transition-all duration-300 ease-out origin-top lg:hidden flex-col items-center text-center gap-y-3 py-6 mt-5 mx-auto rounded-xl bg-[#1D1E4F]/80 shadow-xl backdrop-blur-xl border border-white/20 w-full justify-center z-99 lg:z-0"
               id="mobile-menu"
             >
-              <nav class="sm:mx-auto lg:mx-0 ">
+              <nav class="sm:mx-auto lg:mx-0">
                 <ul
                   class="flex flex-col sm:flex-col gap-x-10 lg:flex-row gap-y-10 text-white text-base font-semibold font-roboto lg:py-5"
                 >
@@ -67,7 +80,6 @@
                   <li><a href="#">Blog</a></li>
                 </ul>
               </nav>
-<<<<<<< HEAD
               <div
                 class="bg-linear-to-r mt-6 lg:mt-0 mx-auto from-[#9d50bb] to-[#6e72fc] cursor-pointer py-2.5 px-4 rounded-[10px] border-2 border-white/50 duration-200 w-fit sm:mx-auto lg:mx-0"
               >
@@ -77,21 +89,6 @@
                   Get Enroll <i class="fa-solid fa-arrow-right-long"></i>
                 </button>
               </div>
-=======
-             <button
-                    class="relative p-4 rounded-[10px] border border-[#7451FD] overflow-hidden group cursor-pointer"
-                  >
-                    <span
-                      class="absolute inset-0 bg-gradientNew opacity-0 group-hover:opacity-100 transition-opacity duration-300"
-                    >
-                    </span>
-                    <p
-                      class="relative z-10 font-medium font-roboto text-[18px] text-white"
-                    >
-                      Get Enroll<i class="fa-solid fa-arrow-right-long ml-2"></i>
-                    </p>
-                  </button>
->>>>>>> 45fa502e07b1ce882943511dea687f534d6730b3
             </div>
             <!-- Mobile Device -->
           </div>
@@ -161,7 +158,7 @@
               <!-- small badge -->
               <div class="pt-5">
                 <p
-                  class="text-[#A9B0B8] lg:text-[18px] text-sm font-roboto lg:w-xl lg:leading-[150%] text-center lg:text-left"
+                  class="text-[#A9B0B8] text-[58px] font-roboto lg:w-xl lg:leading-[150%] text-center lg:text-left"
                 >
                   Lorem ipsum dolor sit amet consectetur. Orci est elit
                   tincidunt eu est at non suscipit. Felis posuere maecenas
@@ -211,11 +208,9 @@
             <div class="right">
               <!-- input field -->
               <div
-                class="relative p-0.75 w-full rounded-[10px] overflow-hidden  shadow-newShadow"
+                class="relative p-0.75 w-full rounded-[10px] overflow-hidden shadow-newShadow"
               >
-                <div
-                  class="absolute inset-0 linearInput"
-                ></div>
+                <div class="absolute inset-0 linearInput"></div>
                 <div class="relative bg-[#050111] rounded-[9px] p-6 z-10">
                   <div class="text text-white pb-8">
                     <h3
@@ -334,36 +329,55 @@
     <section class="pt-15 pb-30 bg-[#050111]">
       <div class="lg:bg-[url('/images/pVideo.png')] bg-no-repeat bg-center">
         <div class="max-w-container mx-auto px-3">
-          
-          <h3 class="lg:text-[56px] text-[35px] font-extrabold text-center text-white leading-[130%]">
+          <h3
+            class="lg:text-[56px] text-[35px] font-extrabold text-center text-white leading-[130%]"
+          >
             Here Will Be
-            <span class="bg-linear-to-r from-[#4E95FF] to-[#7F5CFF] bg-clip-text text-transparent italic">
+            <span
+              class="bg-linear-to-r from-[#4E95FF] to-[#7F5CFF] bg-clip-text text-transparent italic"
+            >
               Promotion Video
             </span>
           </h3>
-          <p class="text-[#A9B0B8] lg:text-lg text-sm leading-[150%] text-center lg:w-202.5 w-full mx-auto pt-4 pb-10">
+          <p
+            class="text-[#A9B0B8] text-sm lg:text-lg leading-[150%] text-center lg:w-202.5 w-full mx-auto pt-4 pb-10"
+          >
             Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu
             est at non suscipit. Felis posuere maecenas interdum sit cras.
             Egestas sed nunc sodales arcu mi ut volutpat lobortis.
           </p>
 
-          <div class="relative p-2 rounded-2xl bg-linear-to-r from-[#4E95FF] to-[#7F5CFF] mx-auto w-fit">
-            
+          <div
+            class="relative p-2 rounded-2xl bg-linear-to-r from-[#4E95FF] to-[#7F5CFF] mx-auto w-fit"
+          >
             <div class="relative rounded-2xl overflow-hidden bg-[#050111]">
-              <img src="images/pv.png" class="mx-auto block" alt="Promotion Video" />
-              
-              <a href="https://www.youtube.com/watch?v=TD_N2VR3P1s" target="_blank"
+              <img
+                src="images/pv.png"
+                class="mx-auto block"
+                alt="Promotion Video"
+              />
+
+              <a
+                href="https://www.youtube.com/watch?v=TD_N2VR3P1s"
+                target="_blank"
                 class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center justify-center w-16 h-16 lg:w-20 lg:h-20"
               >
-                <span class="absolute inline-flex h-full w-full rounded-full bg-white/70 animate-ping"></span>
-                <div class="relative z-10 w-full h-full bg-white rounded-full flex items-center justify-center shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:scale-105 transition-transform duration-300">
-                  <svg class="lg:w-15 lg:h-15 w-10 h-10 text-[#E50914] ml-1" fill="currentColor" viewBox="0 0 24 24">
+                <span
+                  class="absolute inline-flex h-full w-full rounded-full bg-white/70 animate-ping"
+                ></span>
+                <div
+                  class="relative z-10 w-full h-full bg-white rounded-full flex items-center justify-center shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:scale-105 transition-transform duration-300"
+                >
+                  <svg
+                    class="lg:w-15 lg:h-15 w-10 h-10 text-[#E50914] ml-1"
+                    fill="currentColor"
+                    viewBox="0 0 24 24"
+                  >
                     <path d="M8 5v14l11-7z" />
                   </svg>
                 </div>
               </a>
             </div>
-            
           </div>
           <div class="flex flex-col lg:flex-row gap-y-5 justify-between mt-8">
             <div class="">
@@ -397,16 +411,15 @@ <h5 class="text-white text-xl font-semibold">
               </p>
             </div>
           </div>
-          
         </div>
       </div>
     </section>
     <!-- Promotion Video -->
 
     <!-- course module -->
-    <section class="bg-[#050111]">
+    <!-- <section class="bg-[#050111]">
       <div
-        class="bg-[url('/images/coursemodulBg.png')] bg-no-repeat bg-center bg-cover pt-26.25 pb-32.5"
+        class="bg-[url('/images/Course\ Module.png')] bg-no-repeat bg-center bg-cover pt-26.25 pb-32.5"
       >
         <div class="lg:w-container w-full mx-auto px-4 lg:px-0">
           <div class="text-center">
@@ -420,7 +433,7 @@ <h5 class="text-white text-xl font-semibold">
               >
             </h2>
             <p
-              class="font-roboto font-normal text-[18px] text-[#A9B0B8] leading-[150%] lg:w-202.25 w-full mx-auto"
+              class="font-roboto font-normal lg:text-[18px] !text-[16px] text-[#A9B0B8] leading-[150%] lg:w-202.25 w-full mx-auto"
             >
               Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu
               est at non suscipit. Felis posuere maecenas interdum sit cras.
@@ -692,7 +705,348 @@ <h5 class="text-white text-xl font-semibold">
           </div>
         </div>
       </div>
+    </section>  -->
+    <section class="relative bg-[#050111] overflow-hidden">
+      <div
+        class="absolute inset-0 z-0 pointer-events-none opacity-100"
+        style="
+          background-image: url(&quot;/images/Course\ Module.png&quot;);
+          background-repeat: no-repeat;
+          background-position: center top;
+          background-size: cover;
+        "
+      ></div>
+
+      <div
+        class="relative z-10 lg:w-container w-full mx-auto px-4 lg:px-0 md:px-8 pt-16 md:pt-20 lg:pt-26 pb-20 md:pb-24"
+      >
+        <div class="text-center">
+          <h2
+            class="font-inter font-extrabold lg:text-[56px] md:text-[45px] text-[35px] text-white leading-[120%] pb-4 capitalize"
+          >
+            Here will be
+            <span
+              class="bg-linear-to-r from-[#7F5CFF] to-[#4E95FF] bg-clip-text text-transparent italic"
+            >
+              Course Module
+            </span>
+          </h2>
+          <p
+            class="font-roboto lg:text-[18px] text-sm text-[#A9B0B8] leading-[150%] lg:w-202.25 w-full mx-auto"
+          >
+            Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu
+            est at non suscipit. Felis posuere maecenas interdum sit cras.
+            Egestas sed nunc sodales arcu mi ut volutpat lobortis.
+          </p>
+        </div>
+
+        <div
+          class="my-8 md:my-12 grid lg:grid-cols-2 grid-cols-1 gap-6 md:gap-8 items-start"
+        >
+          <div class="space-y-6">
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#FBFF8D] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#EDB5FF] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#7DD8FF] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#A5D0B4] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+          </div>
+          <div class="space-y-6">
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#96FFA2] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#FFC081] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#ABBED0] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+            <div
+              class="module-card relative p-4 w-full rounded-[10px] border border-[#7451FD] bg-[#1A2130] cursor-pointer hover:bg-[#232d42] transition-all duration-300"
+            >
+              <div class="flex gap-3">
+                <div class="bg-[#F68787] p-1 rounded-[5px] shrink-0 h-8 w-8">
+                  <img
+                    src="/images/courseModuleElement.png"
+                    alt="icon"
+                    class="w-6 h-6"
+                  />
+                </div>
+                <div class="w-full">
+                  <h5
+                    class="font-roboto font-semibold md:text-[18px] text-[16px] text-white leading-[150%] pt-[6px]"
+                  >
+                    Module title will be here
+                  </h5>
+                </div>
+                <div class="flex items-center justify-center">
+                  <i
+                    class="fa-solid fa-angle-down text-[#A9B0B8] absolute right-4 top-5 transition-transform duration-300"
+                  ></i>
+                </div>
+              </div>
+              <p
+                class="module-content hidden font-roboto font-normal text-sm text-[#A9B0B8] leading-[150%] mt-3 w-full"
+              >
+                Lorem ipsum dolor sit amet consectetur. Est lectus eu turpis
+                adipiscing sed mauris sapien. Lacus tempus nec sit nec facilisis
+                velit. Et egestas arcu nibh in pulvinar sit. Ullamcorper turpis
+                laoreet in ultricies at pretium ullamcorper aliquet lobortis.
+                Facilisi felis eget cras in vitae. Semper ut nisl faucibus
+                mattis est et.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div class="flex items-center justify-center">
+          <button
+            class="relative p-4 rounded-[10px] border border-[#7451FD] overflow-hidden group cursor-pointer"
+          >
+            <span
+              class="absolute inset-0 bg-gradientNew opacity-0 group-hover:opacity-100 transition-opacity duration-300"
+            >
+            </span>
+            <p
+              class="relative z-10 font-medium font-roboto text-[18px] text-white"
+            >
+              Load More<i class="fa-solid fa-angle-down text-white"></i>
+            </p>
+          </button>
+        </div>
+      </div>
     </section>
+
     <!-- course module -->
 
     <!-- Bonus Track Part Start Here -->
@@ -700,7 +1054,7 @@ <h5 class="text-white text-xl font-semibold">
       <div
         class="bg-[url('/images/bonusTrackbg.png')] bg-no-repeat bg-center bg-cover py-25"
       >
-        <div class="lg:w-container w-full mx-auto px-4 lg:px-0">
+        <div class="xl:w-container w-full mx-auto px-4 lg:px-0">
           <!-- Bonus Track Heading Start -->
           <div class="text-center">
             <h2
@@ -723,7 +1077,7 @@ <h5 class="text-white text-xl font-semibold">
           <!-- Bonus Track Heading End -->
 
           <!-- Bonus Track Card Start -->
-          <div class="mt-8 grid lg:grid-cols-4 gap-3">
+          <div class="mt-8 grid xl:grid-cols-4 grid-cols-2 gap-3">
             <!-- Card One -->
             <div
               class="py-6 px-2.5 rounded-[10px] bg-[#050111] border border-b-[#FBFF8D] transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(251,255,141,0.4)] cursor-pointer"
@@ -922,128 +1276,142 @@ <h4>Woo-commerce platform</h4>
     </section>
     <!-- Projects Part End -->
 
-  <!-- Roadmap Part Start -->
-  <section id="roadmapPart">
-    <div class="roadmap">
-      <div class="max-w-container mx-auto px-3">
-        <div class="heading roadmapHead">
-          <h3>An exciting <span>journey roadmap</span></h3>
-          <p>
-            Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu
-            est at non suscipit. Felis posuere maecenas interdum sit cras.
-            Egestas sed nunc sodales arcu mi ut volutpat lobortis.
-          </p>
-        </div>
-        <div class="allRoadmaps">
-          <div class="allRoadmapsFlex">
-            <div
-              class=" bg-linear-to-br from-[#CCA3FF] via-[#050111] via-50% to-[#050111] p-0.5 lg:w-[31%] rounded-[20px]">
-              <div class="roadmapContent roadmapContentFirst w-full!">
-                <div class="serial">
-                  <div class="serialNum">
-                    <span>1</span>
+    <!-- Roadmap Part Start -->
+    <section id="roadmapPart">
+      <div class="roadmap">
+        <div class="max-w-container mx-auto px-3">
+          <div class="heading roadmapHead">
+            <h3>An exciting <span>journey roadmap</span></h3>
+            <p>
+              Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu
+              est at non suscipit. Felis posuere maecenas interdum sit cras.
+              Egestas sed nunc sodales arcu mi ut volutpat lobortis.
+            </p>
+          </div>
+          <div class="allRoadmaps">
+            <div class="allRoadmapsFlex">
+              <div
+                class="bg-linear-to-br from-[#CCA3FF] via-[#050111] via-50% to-[#050111] p-0.5 lg:w-[31%] rounded-[20px]"
+              >
+                <div class="roadmapContent roadmapContentFirst w-full!">
+                  <div class="serial">
+                    <div class="serialNum">
+                      <span>1</span>
+                    </div>
+                    <div class="line lineOne"></div>
                   </div>
-                  <div class="line lineOne"></div>
+                  <h4>Journey Title will be here</h4>
+                  <p>
+                    Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+                    ultricies eget amet faucibus diam. Dictum pharetra nisi
+                    donec neque ut mauris nulla eros.
+                  </p>
                 </div>
-                <h4>Journey Title will be here</h4>
-                <p>
-                  Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
-                  ultricies eget amet faucibus diam. Dictum pharetra nisi donec
-                  neque ut mauris nulla eros.
-                </p>
               </div>
-            </div>
-            <div
-              class=" bg-linear-to-tr from-[#36FF6C] via-[#050111] via-50% to-transparent p-0.5 lg:w-[31%] rounded-[20px]">
-              <div class="roadmapContent roadmapContentFirst w-full!">
-                <div class="serial">
-                  <div class="serialNum">
-                    <span>2</span>
+              <div
+                class="bg-linear-to-tr from-[#36FF6C] via-[#050111] via-50% to-transparent p-0.5 lg:w-[31%] rounded-[20px]"
+              >
+                <div class="roadmapContent roadmapContentFirst w-full!">
+                  <div class="serial">
+                    <div class="serialNum">
+                      <span>2</span>
+                    </div>
+                    <div class="line lineTwo"></div>
                   </div>
-                  <div class="line lineTwo"></div>
+                  <h4>Journey Title will be here</h4>
+                  <p>
+                    Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+                    ultricies eget amet faucibus diam. Dictum pharetra nisi
+                    donec neque ut mauris nulla eros.
+                  </p>
                 </div>
-                <h4>Journey Title will be here</h4>
-                <p>
-                  Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
-                  ultricies eget amet faucibus diam. Dictum pharetra nisi donec
-                  neque ut mauris nulla eros.
-                </p>
               </div>
-            </div>
-            <div
-              class=" bg-linear-to-bl from-[#FFB265] via-[#050111] via-50% to-[#050111] p-0.5 lg:w-[31%] rounded-[20px]">
-              <div class="roadmapContent roadmapContentFirst w-full!">
-                <div class="serial">
-                  <div class="serialNum">
-                    <span>3</span>
+              <div
+                class="bg-linear-to-bl from-[#FFB265] via-[#050111] via-50% to-[#050111] p-0.5 lg:w-[31%] rounded-[20px]"
+              >
+                <div class="roadmapContent roadmapContentFirst w-full!">
+                  <div class="serial">
+                    <div class="serialNum">
+                      <span>3</span>
+                    </div>
+                    <div class="line lineThree"></div>
                   </div>
-                  <div class="line lineThree"></div>
+                  <h4>Journey Title will be here</h4>
+                  <p>
+                    Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+                    ultricies eget amet faucibus diam. Dictum pharetra nisi
+                    donec neque ut mauris nulla eros.
+                  </p>
                 </div>
-                <h4>Journey Title will be here</h4>
-                <p>
-                  Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
-                  ultricies eget amet faucibus diam. Dictum pharetra nisi donec
-                  neque ut mauris nulla eros.
-                </p>
               </div>
-            </div>
-            <div
-              class=" bg-linear-to-tr from-[#FF6767] via-[#050111] via-50% to-transparent p-0.5 lg:w-[48%] rounded-[20px]">
-              <div class="roadmapContent w-full!">
-                <div class="serial">
-                  <div class="serialNum">
-                    <span>4</span>
+              <div
+                class="bg-linear-to-tr from-[#FF6767] via-[#050111] via-50% to-transparent p-0.5 lg:w-[48%] rounded-[20px]"
+              >
+                <div class="roadmapContent w-full!">
+                  <div class="serial">
+                    <div class="serialNum">
+                      <span>4</span>
+                    </div>
+                    <div class="line lineFour"></div>
                   </div>
-                  <div class="line lineFour"></div>
+                  <h4>Journey Title will be here</h4>
+                  <p>
+                    Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+                    ultricies eget amet faucibus diam. Dictum pharetra nisi
+                    donec neque ut mauris nulla eros.
+                  </p>
                 </div>
-                <h4>Journey Title will be here</h4>
-                <p>
-                  Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
-                  ultricies eget amet faucibus diam. Dictum pharetra nisi donec
-                  neque ut mauris nulla eros.
-                </p>
               </div>
-            </div>
-            <div
-              class=" bg-linear-to-tl from-[#5BA7FF] via-[#050111] via-50% to-[#050111] p-0.5 lg:w-[48%] rounded-[20px]">
-              <div class="roadmapContent w-full!">
-                <div class="serial">
-                  <div class="serialNum">
-                    <span>5</span>
+              <div
+                class="bg-linear-to-tl from-[#5BA7FF] via-[#050111] via-50% to-[#050111] p-0.5 lg:w-[48%] rounded-[20px]"
+              >
+                <div class="roadmapContent w-full!">
+                  <div class="serial">
+                    <div class="serialNum">
+                      <span>5</span>
+                    </div>
+                    <div class="line lineFive"></div>
                   </div>
-                  <div class="line lineFive"></div>
+                  <h4>Journey Title will be here</h4>
+                  <p>
+                    Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+                    ultricies eget amet faucibus diam. Dictum pharetra nisi
+                    donec neque ut mauris nulla eros.
+                  </p>
                 </div>
-                <h4>Journey Title will be here</h4>
-                <p>
-                  Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
-                  ultricies eget amet faucibus diam. Dictum pharetra nisi donec
-                  neque ut mauris nulla eros.
-                </p>
               </div>
             </div>
-
           </div>
         </div>
       </div>
-    </div>
-  </section>
-  <!-- Roadmap Part End -->
+    </section>
+    <!-- Roadmap Part End -->
 
     <!--Our Students & Stories Part start-->
     <section class="py-20 lg:py-24 bg-[#050111] px-4 sm:px-6 lg:px-10">
       <div class="text-center mb-12 lg:mb-16">
-        <h2 class="text-white text-[35px] lg:text-[56px] font-extrabold font-Inter">
+        <h2
+          class="text-white text-[35px] lg:text-[56px] font-extrabold font-Inter"
+        >
           Our Students
-          <span class="bg-linear-to-r from-[#7F5CFF] to-[#4E95FF] bg-clip-text text-transparent italic">Shared Their Stories</span>
+          <span
+            class="bg-linear-to-r from-[#7F5CFF] to-[#4E95FF] bg-clip-text text-transparent italic"
+            >Shared Their Stories</span
+          >
         </h2>
         <p class="text-[#A9B0B8] font-Roboto text-lg max-w-2xl mx-auto mt-4">
-          Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu est at non suscipit.
+          Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt eu est
+          at non suscipit.
         </p>
       </div>
 
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto">
+      <div
+        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto"
+      >
         <!-- Card One -->
-        <div class="bg-[#FDF5E6] flex flex-col sm:flex-row items-stretch rounded-3xl overflow-hidden p-3 min-h-75 sm:min-h-70">
+        <div
+          class="bg-[#FDF5E6] flex flex-col sm:flex-row items-stretch rounded-3xl overflow-hidden p-3 min-h-75 sm:min-h-70"
+        >
           <div class="w-full sm:w-[40%]">
             <img
               src="images/Rafi.png"
@@ -1051,23 +1419,33 @@ <h2 class="text-white text-[35px] lg:text-[56px] font-extrabold font-Inter">
               class="w-full h-full object-cover rounded-[18px]"
             />
           </div>
-          <div class="w-full sm:w-[60%] pl-4 flex flex-col justify-center py-4 sm:py-2">
+          <div
+            class="w-full sm:w-[60%] pl-4 flex flex-col justify-center py-4 sm:py-2"
+          >
             <div class="flex items-center gap-1 mb-2">
               <span class="font-bold text-lg">5.0</span>
               <div class="text-[#FF9B03] flex text-xs">
-                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
+                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
+                ><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
+                ><i class="fa-solid fa-star"></i>
               </div>
             </div>
             <p class="text-[#38435C] text-[13px] leading-relaxed mb-4">
-              Lorem ipsum dolor sit amet consectetur. Lectus et lobortis ultricies eget amet faucibus diam. Dictum pharetra nisi donec neque ut mauris nulla eros.
+              Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+              ultricies eget amet faucibus diam. Dictum pharetra nisi donec
+              neque ut mauris nulla eros.
             </p>
             <h5 class="text-[18px] font-bold text-[#050111]">Mesbaul Haque</h5>
-            <p class="text-[12px] text-[#38435C] font-medium">Batch - FDR 2504</p>
+            <p class="text-[12px] text-[#38435C] font-medium">
+              Batch - FDR 2504
+            </p>
           </div>
         </div>
 
         <!-- Card Two -->
-        <div class="bg-[#EFF8F2] flex flex-col sm:flex-row items-stretch rounded-3xl overflow-hidden p-3 min-h-75 sm:min-h-70">
+        <div
+          class="bg-[#EFF8F2] flex flex-col sm:flex-row items-stretch rounded-3xl overflow-hidden p-3 min-h-75 sm:min-h-70"
+        >
           <div class="w-full sm:w-[40%]">
             <img
               src="images/majharul.jpg"
@@ -1075,23 +1453,33 @@ <h5 class="text-[18px] font-bold text-[#050111]">Mesbaul Haque</h5>
               class="w-full h-full object-cover rounded-[18px]"
             />
           </div>
-          <div class="w-full sm:w-[60%] pl-4 flex flex-col justify-center py-4 sm:py-2">
+          <div
+            class="w-full sm:w-[60%] pl-4 flex flex-col justify-center py-4 sm:py-2"
+          >
             <div class="flex items-center gap-1 mb-2">
               <span class="font-bold text-lg">5.0</span>
               <div class="text-[#FF9B03] flex text-xs">
-                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
+                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
+                ><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
+                ><i class="fa-solid fa-star"></i>
               </div>
             </div>
             <p class="text-[#38435C] text-[13px] leading-relaxed mb-4">
-              Lorem ipsum dolor sit amet consectetur. Lectus et lobortis ultricies eget amet faucibus diam. Dictum pharetra nisi donec neque ut mauris nulla eros.
+              Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+              ultricies eget amet faucibus diam. Dictum pharetra nisi donec
+              neque ut mauris nulla eros.
             </p>
             <h5 class="text-[18px] font-bold text-[#050111]">Majharul Islam</h5>
-            <p class="text-[12px] text-[#38435C] font-medium">Batch - FDR 2504</p>
+            <p class="text-[12px] text-[#38435C] font-medium">
+              Batch - FDR 2504
+            </p>
           </div>
         </div>
 
         <!-- Card Three -->
-        <div class="bg-white flex flex-col sm:flex-row items-stretch rounded-3xl overflow-hidden p-3 min-h-75 sm:min-h-70">
+        <div
+          class="bg-white flex flex-col sm:flex-row items-stretch rounded-3xl overflow-hidden p-3 min-h-75 sm:min-h-70"
+        >
           <div class="w-full sm:w-[40%]">
             <img
               src="images/Shoumen Biswas.jpg"
@@ -1099,18 +1487,26 @@ <h5 class="text-[18px] font-bold text-[#050111]">Majharul Islam</h5>
               class="w-full h-full object-cover rounded-[18px]"
             />
           </div>
-          <div class="w-full sm:w-[60%] pl-4 flex flex-col justify-center py-4 sm:py-2">
+          <div
+            class="w-full sm:w-[60%] pl-4 flex flex-col justify-center py-4 sm:py-2"
+          >
             <div class="flex items-center gap-1 mb-2">
               <span class="font-bold text-lg">5.0</span>
               <div class="text-[#FF9B03] flex text-xs">
-                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
+                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
+                ><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
+                ><i class="fa-solid fa-star"></i>
               </div>
             </div>
             <p class="text-[#38435C] text-[13px] leading-relaxed mb-4">
-              Lorem ipsum dolor sit amet consectetur. Lectus et lobortis ultricies eget amet faucibus diam. Dictum pharetra nisi donec neque ut mauris nulla eros.
+              Lorem ipsum dolor sit amet consectetur. Lectus et lobortis
+              ultricies eget amet faucibus diam. Dictum pharetra nisi donec
+              neque ut mauris nulla eros.
             </p>
             <h5 class="text-[18px] font-bold text-[#050111]">Shoumen Biswas</h5>
-            <p class="text-[12px] text-[#38435C] font-medium">Batch - FDR 2504</p>
+            <p class="text-[12px] text-[#38435C] font-medium">
+              Batch - FDR 2504
+            </p>
           </div>
         </div>
       </div>
@@ -1167,9 +1563,7 @@ <h3 class="text-brand">Start Your Career</h3>
                 <div
                   class="relative p-0.75 lg:w-115.25 rounded-[10px] overflow-hidden shadow-newShadow"
                 >
-                  <div
-                    class="absolute inset-0 linearInput"
-                  ></div>
+                  <div class="absolute inset-0 linearInput"></div>
                   <div class="relative bg-[#050111] rounded-[9px] p-6 z-10">
                     <div class="text text-white pb-8">
                       <h3
@@ -1302,7 +1696,7 @@ <h3 class="text-brand">Start Your Career</h3>
     <!-- Development Banner Part -->
 
     <!-- Faq part -->
-   <section class="lg:py-[120px] py-[50px] relative bg-[#050111]">
+    <section class="lg:py-[120px] py-[50px] relative bg-[#050111]">
       <!-- Container -->
       <!-- BG Image -->
       <img
@@ -1339,28 +1733,33 @@ <h3 class="text-brand">Start Your Career</h3>
         <div
           class="lg:w-[872px] w-full mx-auto flex-col lg:gap-y-6 gap-y-4 flex max-width"
         >
-        <div class="w-full lg:w-218">
-          <div class="relative rounded-2xl p-[2px]">
-            <div class="rounded-2xl bg-[#100F28] p-6 relative cursor-pointer">
-              <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
-                Title wil be here for the frequently asked question
-              </h3>
-              <p
-              class="leading-[150%] mt-4 lg:w-[760px] w-[320px] lg:text-lg text-[13px] text-[#A9B0B8]"
-              >
-              Lorem ipsum dolor sit amet consectetur. Orci est elit tincidunt
-              eu est at non suscipit. Felis posuere maecenas interdum sit
-              cras. Egestas sed nunc sodales arcu mi ut volutpat lobortis.
-            </p>
-            <i
-            class="fa-solid fa-minus absolute lg:top-1 top-3 right-4 text-2xl text-transparent bg-clip-text bg-linear-to-r from-[#4E95FF] to-[#7F5CFF]"
-            ></i>
+          <div class="w-full lg:w-218">
+            <div class="relative rounded-2xl p-[2px]">
+              <div class="rounded-2xl bg-[#100F28] p-6 relative cursor-pointer">
+                <h3
+                  class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full"
+                >
+                  Title wil be here for the frequently asked question
+                </h3>
+                <p
+                  class="leading-[150%] mt-4 lg:w-[760px] w-[320px] lg:text-lg text-[13px] text-[#A9B0B8]"
+                >
+                  Lorem ipsum dolor sit amet consectetur. Orci est elit
+                  tincidunt eu est at non suscipit. Felis posuere maecenas
+                  interdum sit cras. Egestas sed nunc sodales arcu mi ut
+                  volutpat lobortis.
+                </p>
+                <i
+                  class="fa-solid fa-minus absolute lg:top-1 top-3 right-4 text-2xl text-transparent bg-clip-text bg-linear-to-r from-[#4E95FF] to-[#7F5CFF]"
+                ></i>
+              </div>
+            </div>
           </div>
-        </div>
-      </div>
           <div class="relative rounded-2xl p-[2px]">
             <div class="rounded-2xl bg-[#100F28] p-6 relative cursor-pointer">
-              <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
+              <h3
+                class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full"
+              >
                 Title wil be here for the frequently asked question
               </h3>
               <p
@@ -1378,7 +1777,9 @@ <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
           </div>
           <div class="relative rounded-2xl p-[2px]">
             <div class="rounded-2xl bg-[#100F28] p-6 relative cursor-pointer">
-              <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
+              <h3
+                class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full"
+              >
                 Title wil be here for the frequently asked question
               </h3>
               <p
@@ -1396,7 +1797,9 @@ <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
           </div>
           <div class="relative rounded-2xl p-[2px]">
             <div class="rounded-2xl bg-[#100F28] p-6 relative cursor-pointer">
-              <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
+              <h3
+                class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full"
+              >
                 Title wil be here for the frequently asked question
               </h3>
               <p
@@ -1414,7 +1817,9 @@ <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
           </div>
           <div class="relative rounded-2xl p-[2px]">
             <div class="rounded-2xl bg-[#100F28] p-6 relative cursor-pointer">
-              <h3 class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full">
+              <h3
+                class="text-white font-semibold lg:text-lg text-sm lg:w-full w-full"
+              >
                 Title wil be here for the frequently asked question
               </h3>
               <p
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
index fb5d219..0d1aa80 100644
--- a/node_modules/.package-lock.json
+++ b/node_modules/.package-lock.json
@@ -84,6 +84,258 @@
         "@parcel/watcher-win32-x64": "2.5.6"
       }
     },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "cpu": [
+        "arm"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "cpu": [
+        "arm"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+      "cpu": [
+        "ia32"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/@parcel/watcher-win32-x64": {
       "version": "2.5.6",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
@@ -160,6 +412,206 @@
         "@tailwindcss/oxide-win32-x64-msvc": "4.2.1"
       }
     },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.1.tgz",
+      "integrity": "sha512-eZ7G1Zm5EC8OOKaesIKuw77jw++QJ2lL9N+dDpdQiAB/c/B2wDh0QPFHbkBVrXnwNugvrbJFk1gK2SsVjwWReg==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.1.tgz",
+      "integrity": "sha512-q/LHkOstoJ7pI1J0q6djesLzRvQSIfEto148ppAd+BVQK0JYjQIFSK3JgYZJa+Yzi0DDa52ZsQx2rqytBnf8Hw==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.1.tgz",
+      "integrity": "sha512-/f/ozlaXGY6QLbpvd/kFTro2l18f7dHKpB+ieXz+Cijl4Mt9AI2rTrpq7V+t04nK+j9XBQHnSMdeQRhbGyt6fw==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.1.tgz",
+      "integrity": "sha512-5e/AkgYJT/cpbkys/OU2Ei2jdETCLlifwm7ogMC7/hksI2fC3iiq6OcXwjibcIjPung0kRtR3TxEITkqgn0TcA==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.1.tgz",
+      "integrity": "sha512-Uny1EcVTTmerCKt/1ZuKTkb0x8ZaiuYucg2/kImO5A5Y/kBz41/+j0gxUZl+hTF3xkWpDmHX+TaWhOtba2Fyuw==",
+      "cpu": [
+        "arm"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.1.tgz",
+      "integrity": "sha512-CTrwomI+c7n6aSSQlsPL0roRiNMDQ/YzMD9EjcR+H4f0I1SQ8QqIuPnsVp7QgMkC1Qi8rtkekLkOFjo7OlEFRQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.1.tgz",
+      "integrity": "sha512-WZA0CHRL/SP1TRbA5mp9htsppSEkWuQ4KsSUumYQnyl8ZdT39ntwqmz4IUHGN6p4XdSlYfJwM4rRzZLShHsGAQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.1.tgz",
+      "integrity": "sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.1.tgz",
+      "integrity": "sha512-5r1X2FKnCMUPlXTWRYpHdPYUY6a1Ar/t7P24OuiEdEOmms5lyqjDRvVY1yy9Rmioh+AunQ0rWiOTPE8F9A3v5g==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.1.tgz",
+      "integrity": "sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.1",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.1.tgz",
+      "integrity": "sha512-YlUEHRHBGnCMh4Nj4GnqQyBtsshUPdiNroZj8VPkvTZSoHsilRCwXcVKnG9kyi0ZFAS/3u+qKHBdDc81SADTRA==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
     "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.1.tgz",
@@ -263,6 +715,216 @@
         "lightningcss-win32-x64-msvc": "1.31.1"
       }
     },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz",
+      "integrity": "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz",
+      "integrity": "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz",
+      "integrity": "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz",
+      "integrity": "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz",
+      "integrity": "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==",
+      "cpu": [
+        "arm"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz",
+      "integrity": "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz",
+      "integrity": "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz",
+      "integrity": "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz",
+      "integrity": "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==",
+      "cpu": [
+        "x64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.31.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz",
+      "integrity": "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "ideallyInert": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/lightningcss-win32-x64-msvc": {
       "version": "1.31.1",
       "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz",
diff --git a/src/input.css b/src/input.css
index debe463..c939cf7 100644
--- a/src/input.css
+++ b/src/input.css
@@ -59,7 +59,7 @@
   @apply italic bg-linear-to-r from-[#4E95FF] to-[#7F5CFF] bg-clip-text text-transparent;
 }
 .heading p {
-  @apply lg:w-202.5 mx-auto text-[#A9B0B8] lg:text-lg text-sm font-roboto pt-4 px-2 lg:px-0;
+  @apply lg:w-202.5 mx-auto text-[#A9B0B8] lg:text-lg !text-[16px] font-roboto pt-4 px-2 lg:px-0;
 }
 /* Common End */