diff --git a/index.html b/index.html
index f62a298..dcbb888 100644
--- a/index.html
+++ b/index.html
@@ -249,7 +249,7 @@ <h3 class="text-2xl font-extrabold">
         <div class="text-center py-8 border-dashed border-y-2">
           <h3 class="text-4xl font-extrabold">Professional Hockeys Club</h3>
           <p
-            class="text-base font-medium text-customGray leading-[26px] mt-6 w-1/2 inline-flex"
+            class="text-base font-medium text-customGray leading-[26px] mt-6 w-10/12 md:w-1/2 inline-flex"
           >
             Dit amet consectetur. Condimentum dignissim adipiscing aliquam
             turpis placerat dolor. Purus urna in sit nullam proin.
@@ -356,13 +356,13 @@ <h6 class="mt-6 mb-4 text-xl font-semibold">Training Ground</h6>
         </div>
       </section>
 
-      <!-- Program Sections -->
+      <!-- Program Section -->
       <section class="mt-24">
         <!-- title -->
         <div class="text-center py-8 border-dashed border-y-2">
           <h3 class="text-4xl font-extrabold">Program Sections</h3>
           <p
-            class="text-base font-medium text-customGray leading-[26px] mt-6 w-1/2 inline-flex"
+            class="text-base font-medium text-customGray leading-[26px] mt-6 w-10/12 md:w-1/2 inline-flex"
           >
             Dit amet consectetur. Condimentum dignissim adipiscing aliquam
             turpis placerat dolor. Purus urna in sit nullam proin.
@@ -383,7 +383,9 @@ <h2 class="text-[28px] font-extrabold">Junior Program</h2>
                   elit enim sagittis turpis in magna. Id et sed euismod natoque
                   amet nunc morbi nulla. Tortor congue sed et in.
                 </p>
-                <button class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white">
+                <button
+                  class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white"
+                >
                   Register Now!
                 </button>
               </div>
@@ -400,7 +402,9 @@ <h2 class="text-[28px] font-extrabold">Senior Program</h2>
                   elit enim sagittis turpis in magna. Id et sed euismod natoque
                   amet nunc morbi nulla. Tortor congue sed et in.
                 </p>
-                <button class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white">
+                <button
+                  class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white"
+                >
                   Register Now!
                 </button>
               </div>
@@ -429,6 +433,116 @@ <h2 class="text-[28px] font-extrabold">Professional Program</h2>
           </div>
         </div>
       </section>
+
+      <!-- Clients Question Seciton -->
+      <section class="mt-24">
+        <!-- title -->
+        <div class="text-center py-8 border-dashed border-y-2">
+          <h3 class="text-4xl font-extrabold">Clients Question</h3>
+          <p
+            class="text-base font-medium text-customGray leading-[26px] mt-6 w-10/12 md:w-1/2 inline-flex"
+          >
+            Dit amet consectetur. Condimentum dignissim adipiscing aliquam
+            turpis placerat dolor. Purus urna in sit nullam proin.
+          </p>
+        </div>
+
+        <!-- hero section -->
+        <div class="mt-12">
+          <div class="hero border rounded-2xl">
+            <div class="hero-content flex-col lg:flex-row gap-10">
+              <img
+                src="images/11.png"
+                class="md:max-w-sm rounded-lg shadow-2xl"
+              />
+              <!-- accordion -->
+              <div>
+                <div class="collapse collapse-plus border-b rounded-none">
+                  <input type="radio" name="my-accordion-3" checked="checked" />
+                  <div class="collapse-title text-xl font-bold">
+                    Our Equipment
+                  </div>
+                  <div class="collapse-content">
+                    <p class="text-base font-normal text-[131318]">
+                      Dolor sit amet consectetur. Ut urna diam quis sagittis. Elit elit enim sagittis turpis in magna.
+                    </p>
+                  </div>
+                </div>
+
+                <div class="collapse collapse-plus border-b rounded-none">
+                  <input type="radio" name="my-accordion-3" checked="checked" />
+                  <div class="collapse-title text-xl font-bold">
+                    Hockey Training
+                  </div>
+                  <div class="collapse-content">
+                    <p class="text-base font-normal text-[131318]">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis ullam, nulla consectetur perspiciatis odit
+                      quidem quibusdam officiis. Minus, molestiae distinctio!
+                    </p>
+                  </div>
+                </div>
+
+                <div class="collapse collapse-plus border-b rounded-none">
+                  <input type="radio" name="my-accordion-3" checked="checked" />
+                  <div class="collapse-title text-xl font-bold">
+                    Private Lessons
+                  </div>
+                  <div class="collapse-content">
+                    <p class="text-base font-normal text-[131318]">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis ullam, nulla consectetur perspiciatis odit
+                      quidem quibusdam officiis. Minus, molestiae distinctio!
+                    </p>
+                  </div>
+                </div>
+
+                <div class="collapse collapse-plus border-b rounded-none">
+                  <input type="radio" name="my-accordion-3" checked="checked" />
+                  <div class="collapse-title text-xl font-bold">
+                    Ski Touring
+                  </div>
+                  <div class="collapse-content">
+                    <p class="text-base font-normal text-[131318]">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis ullam, nulla consectetur perspiciatis odit
+                      quidem quibusdam officiis. Minus, molestiae distinctio!
+                    </p>
+                  </div>
+                </div>
+
+                <div class="collapse collapse-plus">
+                  <input type="radio" name="my-accordion-3" checked="checked" />
+                  <div class="collapse-title text-xl font-bold">
+                    Booking
+                  </div>
+                  <div class="collapse-content">
+                    <p class="text-base font-normal text-[131318]">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis ullam, nulla consectetur perspiciatis odit
+                      quidem quibusdam officiis. Minus, molestiae distinctio!
+                    </p>
+                  </div>
+                </div>
+
+                <div class="collapse collapse-plus">
+                  <input type="radio" name="my-accordion-3" checked="checked" />
+                  <div class="collapse-title text-xl font-bold">
+                    Pricings
+                  </div>
+                  <div class="collapse-content">
+                    <p class="text-base font-normal text-[131318]">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis ullam, nulla consectetur perspiciatis odit
+                      quidem quibusdam officiis. Minus, molestiae distinctio!
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
     </main>
 
     <footer class="mt-96"></footer>