diff --git a/assets/css/style.css b/assets/css/style.css
index ed18a6a..dd6cf8a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -615,50 +615,6 @@ section {
 /*--------------------------------------------------------------
 # Gallery
 --------------------------------------------------------------*/
-.gallery {
-  overflow: hidden;
-}
-
-.gallery .swiper-slide {
-  transition: 0.3s;
-}
-
-.gallery .swiper-pagination {
-  margin-top: 20px;
-  position: relative;
-}
-
-.gallery .swiper-pagination .swiper-pagination-bullet {
-  width: 12px;
-  height: 12px;
-  background-color: #fff;
-  opacity: 1;
-  border: 1px solid #5777ba;
-}
-
-.gallery .swiper-pagination .swiper-pagination-bullet-active {
-  background-color: #5777ba;
-}
-
-.gallery .swiper-slide-active {
-  text-align: center;
-}
-
-@media (min-width: 992px) {
-  .gallery .swiper-wrapper {
-    padding: 40px 0;
-  }
-
-  .gallery .swiper-slide-active {
-    border: 6px solid #5777ba;
-    padding: 4px;
-    background: #fff;
-    z-index: 1;
-    transform: scale(1.2);
-    margin-top: 10px;
-    border-radius: 25px;
-  }
-}
 
 /*--------------------------------------------------------------
 # Testimonials
diff --git a/index.html b/index.html
index 1abcdb4..c158882 100644
--- a/index.html
+++ b/index.html
@@ -1,32 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>McIndeez Academy</title>
-
-    <!-- Google Fonts -->
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
-
-    <!-- Favicons -->
-    <link href="assets/img/logo.webp" rel="icon">
-    <link href="assets/img/logo.webp" rel="apple-touch-icon">
-  
-    <!-- Vendor CSS Files -->
-    <link href="assets/vendor/aos/aos.css" rel="stylesheet">
-    <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-    <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
-    <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
-    <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
-    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
-
-    <!-- Template Main CSS File -->
-    <link href="assets/css/style.css" rel="stylesheet">
-
-    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
-    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>McIndeez Academy</title>
+
+  <!-- Google Fonts -->
+  <link
+    href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
+    rel="stylesheet">
+
+  <!-- Favicons -->
+  <link href="assets/img/logo.webp" rel="icon">
+  <link href="assets/img/logo.webp" rel="apple-touch-icon">
+
+  <!-- Vendor CSS Files -->
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+
+  <!-- Template Main CSS File -->
+  <link href="assets/css/style.css" rel="stylesheet">
+
+  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
+  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+
+
 
 </head>
+
 <body>
 
   <!-- ======= Header ======= -->
@@ -35,7 +41,7 @@
 
       <div class="logo">
         <!-- <h1><a href="index.html">McIndeez Consultancy</a></h1> -->
-        
+
         <a href="index.html"><img src="assets/img/logo.webp" alt="" class="img-fluid"></a>
       </div>
 
@@ -44,8 +50,13 @@
           <li><a class="nav-link scrollto active" href="index.html">Home</a></li>
           <li class="dropdown"><a href="courses.html"><span>Courses</span> <i class="bi bi-chevron-down"></i></a>
             <ul>
+
+              <li><a href="#" id="kids-link"><span>Cybersquare</span></a>
+
+
               <li ><a href="courses.html?category=kids"><span>Kids</span></a>
                 
+
               </li>
               <li ><a href="courses.html?category=advancedkids"><span>Kids Advanced</span></a>
                 
@@ -75,26 +86,33 @@
 
   <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex align-items-center">
-    <div class="container" >
+    <div class="container">
       <div class="swiper-container">
         <div class="swiper-wrapper">
           <div class="swiper-slide">
             <div class="container">
               <div class="row">
-                <div class="col-lg-6 d-lg-flex flex-lg-column justify-content-center align-items-stretch pt-5 pt-lg-0 order-2 order-lg-1"  >
+                <div
+                  class="col-lg-6 d-lg-flex flex-lg-column justify-content-center align-items-stretch pt-5 pt-lg-0 order-2 order-lg-1">
                   <div>
                     <h1>McIndeez Academy</h1>
+                    <h2>Lorem ipsum dolor sit amet, tota senserit percipitur ius ut, usu et fastidii forensibus
+                      voluptatibus. His ei nihil feugait</h2>
+
                     <h2>Your Gateway to Boundless
                       Learning and Skill Enhancement</h2>
+
                     <!-- <a href="#" class="download-btn"><i class="bx bxl-play-store"></i> Google Play</a>
                     <a href="#" class="download-btn"><i class="bx bxl-apple"></i> App Store</a> -->
                     <form class="d-flex" action="search-results.html" method="get">
-                      <input class="form-control me-1" name="query" type="search" placeholder="Search" aria-label="Search">
-                      <button class="btn btn-outline-primary download-btn" type="submit"><i class="bx bx-search"></i> Search</button>
+                      <input class="form-control me-1" name="query" type="search" placeholder="Search"
+                        aria-label="Search">
+                      <button class="btn btn-outline-primary download-btn" type="submit"><i class="bx bx-search"></i>
+                        Search</button>
                     </form>
                   </div>
                 </div>
-                <div class="col-lg-6 d-lg-flex flex-lg-column align-items-stretch order-1 order-lg-2 hero-img"  >
+                <div class="col-lg-6 d-lg-flex flex-lg-column align-items-stretch order-1 order-lg-2 hero-img">
                   <img src="assets/img/hero-img.png" class="img-fluid" alt="">
                 </div>
               </div>
@@ -104,27 +122,35 @@ <h2>Your Gateway to Boundless
             <!-- Slide 2 content -->
             <div class="container">
               <div class="row">
-                <div class="col-lg-6 d-lg-flex flex-lg-column justify-content-center align-items-stretch pt-5 pt-lg-0 order-2 order-lg-1"  >
+                <div
+                  class="col-lg-6 d-lg-flex flex-lg-column justify-content-center align-items-stretch pt-5 pt-lg-0 order-2 order-lg-1">
                   <div>
                     <h1>McIndeez Academy</h1>
+
+                    <h2>Lorem ipsum dolor sit amet, tota senserit percipitur ius ut, usu et fastidii forensibus
+                      voluptatibus. His ei nihil feugait</h2>
+
                     <h2>Committed to
                       Democratizing Education by Offering
                       World-Class Courses that Empower
                       Individuals to Excel in their Careers
                       and Personal Pursuits</h2>
+
                     <!-- <a href="#" class="download-btn"><i class="bx bxl-play-store"></i> Google Play</a>
                     <a href="#" class="download-btn"><i class="bx bxl-apple"></i> App Store</a> -->
                     <form class="d-flex" action="search-results.html" method="get">
-                        <input class="form-control me-1" name="query" type="search" placeholder="Search" aria-label="Search">
-                        <button class="btn btn-outline-primary download-btn" type="submit"><i class="bx bx-search"></i> Search</button>
-                      </form>
+                      <input class="form-control me-1" name="query" type="search" placeholder="Search"
+                        aria-label="Search">
+                      <button class="btn btn-outline-primary download-btn" type="submit"><i class="bx bx-search"></i>
+                        Search</button>
+                    </form>
                   </div>
                 </div>
-                <div class="col-lg-6 d-lg-flex flex-lg-column align-items-stretch order-1 order-lg-2 hero-img"  >
+                <div class="col-lg-6 d-lg-flex flex-lg-column align-items-stretch order-1 order-lg-2 hero-img">
                   <img src="assets/img/hero.png" class="img-fluid" alt="">
                 </div>
               </div>
-            </div> 
+            </div>
           </div>
           <!-- Add more slides as needed -->
         </div>
@@ -144,6 +170,13 @@ <h2>Committed to
     <!-- ======= Main Courses ======== -->
     <section id="maincourses" class="maincourses">
 
+
+      <div class="section-title">
+        <h2>Courses</h2>
+        <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
+          consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
+          in iste officiis commodi quidem hic quas.</p>
+      </div>
         <div class="section-title">
             <h2>Courses</h2>
             <p>At McIndeez Academy, we're
@@ -212,46 +245,95 @@ <h5 class="card-title">CERTIFIED PROFESSIONAL IN DATA SCIENCE AND BIG DATA ANALY
         
     </section>
 
-    <!-- ======= Gallery Section ======= -->
-    <section id="gallery" class="gallery">
-      <div class="container"  >
 
-        <div class="section-title">
-          <h2>Associates</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
+      <div class="row no-gutters p-5">
+        <!-- <div class="card-deck"> -->
+        <div class="col-md-4">
+          <div class="card">
+            <img src="assets/img/3784896.jpg" class="card-img-top" alt="...">
+
+            <div class="card-body">
+              <h5 class="card-title">Card title</h5>
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional
+                content. This content is a little bit longer.</p>
+            </div>
+            <div class="card-footer">
+              <small class="text-muted">Last updated 3 mins ago</small>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card">
+            <img src="assets/img/3784896.jpg" class="card-img-top" alt="...">
+            <div class="card-body">
+              <h5 class="card-title">Card title</h5>
+              <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
+            </div>
+            <div class="card-footer">
+              <small class="text-muted">Last updated 3 mins ago</small>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card">
+            <img src="assets/img/3784896.jpg" class="card-img-top" alt="...">
+            <div class="card-body">
+              <h5 class="card-title">Card title</h5>
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional
+                content. This card has even longer content than the first to show that equal height action.</p>
+            </div>
+            <div class="card-footer">
+              <small class="text-muted">Last updated 3 mins ago</small>
+            </div>
+          </div>
         </div>
 
+        <!-- </div> -->
       </div>
-
-      <div class="container-fluid"  >
-        <div class="gallery-slider swiper">
-          <div class="swiper-wrapper">
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
-            <div class="swiper-slide"><a href="assets/img/associates/IIT_Madras_Logo.svg.png" class="gallery-lightbox" data-gall="gallery-carousel"><img src="assets/img/associates/IIT_Madras_Logo.svg.png" class="img-fluid" alt=""></a></div>
+      <section id="gallery" class="gallery">
+        <div class="row">
+          <div class="col-md-6" style="padding-left: 0;">
+            <!-- Container for the box_shape image -->
+            <div class="box-shape-container">
+              <img src="uploads/box_shape.png" alt="Box Shape" class="box-shape" style="max-width: 100%; height: auto;">
+            </div>
           </div>
-          <div class="swiper-pagination"></div>
+          
+             
+    <div class=" col-md-6">
+                <div class="section-title">
+                  <h2>Associates</h2>
+                  <p id="text-content">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga
+                    eum
+                    quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit
+                    alias
+                    ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
+                </div>
+              </div>
+            
         </div>
+      </section>
 
       </div>
-    </section><!-- End Gallery Section -->
+    </section>
+
+
+
+    <!-- End Gallery Section -->
 
     <!-- ======= Testimonials Section ======= -->
     <section id="testimonials" class="testimonials section-bg">
-      <div class="container"  >
+      <div class="container">
 
         <div class="section-title">
           <h2>Testimonials</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
+          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
+            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat
+            sit
+            in iste officiis commodi quidem hic quas.</p>
         </div>
 
-        <div class="testimonials-slider swiper"   >
+        <div class="testimonials-slider swiper">
           <div class="swiper-wrapper">
 
             <div class="swiper-slide">
@@ -261,7 +343,9 @@ <h3>Saul Goodman</h3>
                 <h4>Ceo &amp; Founder</h4>
                 <p>
                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                  Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
+                  Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus.
+                  Accusantium
+                  quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                 </p>
               </div>
@@ -274,7 +358,8 @@ <h3>Sara Wilsson</h3>
                 <h4>Designer</h4>
                 <p>
                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                  Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
+                  Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis
+                  quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                 </p>
               </div>
@@ -287,7 +372,8 @@ <h3>Jena Karlis</h3>
                 <h4>Store Owner</h4>
                 <p>
                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                  Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
+                  Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim
+                  tempor labore quem eram duis noster aute amet eram fore quis sint minim.
                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                 </p>
               </div>
@@ -300,7 +386,8 @@ <h3>Matt Brandon</h3>
                 <h4>Freelancer</h4>
                 <p>
                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                  Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
+                  Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit
+                  minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                 </p>
               </div>
@@ -313,7 +400,9 @@ <h3>John Larson</h3>
                 <h4>Entrepreneur</h4>
                 <p>
                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                  Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
+                  Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim
+                  culpa
+                  labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                 </p>
               </div>
@@ -328,46 +417,53 @@ <h4>Entrepreneur</h4>
 
     <!-- ====== Countries ====== -->
     <section id="country" class="country">
-        <div class="container">
-            <div class="section-title">
-                <h2>Country</h2>
-                <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
-            </div>
-            <div class="row">
-                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
-                    <a class="thumbnail" href="#">
-                        <img class="img-responsive"  style="height: 100px;width: 150px;" src="assets/img/countries/bh.jpg" alt="">
-                    </a>
-                </div>
-                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
-                    <a class="thumbnail" href="#">
-                        <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/saudi.jpg" alt="">
-                    </a>
-                </div>
-                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
-                    <a class="thumbnail" href="#">
-                        <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/oman.png" alt="">
-                    </a>
-                </div>
-                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
-                    <a class="thumbnail" href="#">
-                        <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/uae.png" alt="">
-                    </a>
-                </div>
-                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
-                    <a class="thumbnail" href="#">
-                        <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/kuwait.png" alt="">
-                    </a>
-                </div>
-                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
-                    <a class="thumbnail" href="#">
-                        <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/qatar.png" alt="">
-                    </a>
-                </div>
-               
+      <div class="container">
+        <div class="section-title">
+          <h2>Country</h2>
+          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
+            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat
+            sit
+            in iste officiis commodi quidem hic quas.</p>
+        </div>
+        <div class="row">
+          <div class="col-lg-2 col-md-2 col-xs-2 thumb">
+            <a class="thumbnail" href="#">
+              <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/bh.jpg" alt="">
+            </a>
+          </div>
+          <div class="col-lg-2 col-md-2 col-xs-2 thumb">
+            <a class="thumbnail" href="#">
+              <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/saudi.jpg"
+                alt="">
+            </a>
+          </div>
+          <div class="col-lg-2 col-md-2 col-xs-2 thumb">
+            <a class="thumbnail" href="#">
+              <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/oman.png"
+                alt="">
+            </a>
+          </div>
+          <div class="col-lg-2 col-md-2 col-xs-2 thumb">
+            <a class="thumbnail" href="#">
+              <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/uae.png" alt="">
+            </a>
+          </div>
+          <div class="col-lg-2 col-md-2 col-xs-2 thumb">
+            <a class="thumbnail" href="#">
+              <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/kuwait.png"
+                alt="">
+            </a>
+          </div>
+          <div class="col-lg-2 col-md-2 col-xs-2 thumb">
+            <a class="thumbnail" href="#">
+              <img class="img-responsive" style="height: 100px;width: 150px;" src="assets/img/countries/qatar.png"
+                alt="">
+            </a>
+          </div>
+
 
-            </div>
         </div>
+      </div>
     </section>
     <!-- ======= End Countries ====== -->
 
@@ -375,11 +471,14 @@ <h2>Country</h2>
 
     <!-- ======= Contact Section ======= -->
     <section id="contact" class="contact">
-      <div class="container"  >
+      <div class="container">
 
         <div class="section-title">
           <h2>Contact</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
+          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
+            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat
+            sit
+            in iste officiis commodi quidem hic quas.</p>
         </div>
 
         <div class="row">
@@ -410,7 +509,8 @@ <h4>Working Hours</h4>
           </div>
 
           <div class="col-lg-6">
-            <iframe frameborder="0" style="height:500px;width:99%;border:none;" src='https://forms.zohopublic.com/it177/form/ContactForm1/formperma/JtQJn_SwEqyJ09xM3qCARBnuSesQ5autw6b10MT-DTM'></iframe>
+            <iframe frameborder="0" style="height:500px;width:99%;border:none;"
+              src='https://forms.zohopublic.com/it177/form/ContactForm1/formperma/JtQJn_SwEqyJ09xM3qCARBnuSesQ5autw6b10MT-DTM'></iframe>
             <!-- <form action="forms/contact.php" method="post" role="form" class="php-email-form"  >
               <div class="form-group">
                 <input placeholder="Your Name" type="text" name="name" class="form-control" id="name" required>
@@ -520,7 +620,8 @@ <h4>Our Social Networks</h4>
     </div> -->
   </footer><!-- End Footer -->
 
-  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
+      class="bi bi-arrow-up-short"></i></a>
 
   <!-- Vendor JS Files -->
   <script src="assets/vendor/aos/aos.js"></script>
@@ -533,7 +634,7 @@ <h4>Our Social Networks</h4>
   <script src="assets/js/country.js"></script>
 
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script src="assets/js/category.js"></script>
+  <script src="assets/js/category.js"></script>
 
   <script>
     // Initialize Swiper
diff --git a/uploads/box_shape.png b/uploads/box_shape.png
new file mode 100644
index 0000000..1c2e405
Binary files /dev/null and b/uploads/box_shape.png differ
