   <div class="preloader">
     <div class="loader">
       <div class="pre-shadow"></div>
       <div class="pre-box"></div>
     </div>
   </div><!--====== End Preloader ======--><!--====== Start Hero Section ======-->
   <header class="header-area header-one">
     <!--====== Header Top Bar ======-->

     <!--=== Header Navigation ===-->
     <div class="header-navigation">
       <div class="nav-overlay"></div>
       <div class="container-fluid container-xl">
         <div class="primary-menu">
           <!--=== Site Branding ===-->
           <div class="site-branding">
             <a href="index.php" class="brand-logo"><img src="assets/images/logo/kaapan.png" alt="Logo"></a>
           </div>
           <!--=== Nav Menu ===-->
           <div class="nav-menu">
             <!--=== Site Branding ===-->
             <div class="mobile-logo mb-30 d-block d-lg-none">
               <a href="index.php" class="brand-logo"><img src="assets/images/footer/Kaapan.png" alt="Site Logo"></a>
             </div>
             <!--=== Nav Search ===-->
             <div class="nav-search mb-30 d-block d-lg-none ">
               <form>
                 <div class="form_group">
                   <input type="email" class="form_control" placeholder="search for your need...." name="text" required>
                   <button class="search-btn"> <img class="img-fluid" src="../assets/images/search.png" alt=""></button>
                 </div>
               </form>
             </div>
             <!--=== Main Menu ===-->
             <nav class="main-menu">
               <ul>
                 <li class="menu-item "><a href="index.php">Home</a>
                 <li><a href="about.php">About Us</a></li>

                 </li>
                 <!-- Mobile -->
                 <li class="menu-item has-children d-block d-lg-none">
                   <a href="#">Insurance Products</a>
                   <ul class="sub-menu">

                     <!-- Our Insurance -->
                     <li class="has-children">
                       <a href="#">Life Insurance</a>
                       <ul class="sub-menu">
                         <li><a href="healthinsurance.php">Whole Life Insurance</a></li>
                         <li><a href="healthinsurance.php">Endowment Plans </a></li>
                         <li><a href="healthinsurance.php">Accidental Death Benefit Rider</a></li>
                         <li><a href="healthinsurance.php">Return of Premium Plans</a></li>
                       </ul>
                     </li>

                     <!-- Insurance Details -->
                     <li class="has-children">
                       <a href="#">Health Insurance</a>
                       <ul class="sub-menu">
                         <li><a href="healthinsurance.php">Family Health Insurance</a></li>
                         <li><a href="healthinsurance.php">Senior Citizen Health Insurance </a></li>
                         <li><a href="healthinsurance.php">Maternity Insurance</a></li>
                         <li><a href="healthinsurance.php">Mediclaim Policy</a></li>

                       </ul>
                     </li>
                     <!-- Travel Insurance Details -->
                     <li class="has-children">
                       <a href="#">Motor Insurance</a>
                       <ul class="sub-menu">
                         <li><a href="healthinsurance.php">CarInsurance</a></li>
                         <li><a href="healthinsurance.php">Bike Insurance </a></li>
                         <li><a href="healthinsurance.php">Third Party Insurance</a></li>
                         <li><a href="healthinsurance.php">E-bike Insurance</a></li>
                       </ul>
                     </li>
                     <!-- Travel Insurance Details -->
                     <li class="has-children">
                       <a href="#">Travel Insurance</a>
                       <ul class="sub-menu">
                         <li><a href="healthinsurance.php">Domestic Travel Insurance</a></li>
                         <li><a href="healthinsurance.php">International Travel Insurance </a></li>
                         <li><a href="healthinsurance.php">Marine Travel Insurance</a></li>
                       </ul>
                     </li>

                   </ul>
                 </li>
                 <!-- Desktop -->

                 <li class="menu-item has-children " id="insurance-menu-desktop">
                   <a href="#">Insurance Products</a>
                   <div class="sub-menu mega-menu">
                     <div class="mega-menu-content">
                       <!--1  -->
                       <div class="column">
                         <h4> <img class="img-fluid" src="../assets/images/menu-icons/life.png" alt="" srcset="">Life Insurance</h4>
                         <ul>
                           <li><a href="healthinsurance.php">Whole Life Insurance </a></li>
                           <li><a href="healthinsurance.php">Endowment Plans </a></li>
                           <li><a href="healthinsurance.php">Accidental Death Benefit Rider</a></li>
                           <li><a href="healthinsurance.php">Return of Premium Plans</a></li>

                         </ul>
                       </div>
                       <!--2  -->
                       <div class="column">
                         <h4> <img class="img-fluid" src="../assets/images/menu-icons/health.png" alt="" srcset="">Health Insurance</h4>
                         <ul>
                           <li><a href="healthinsurance.php">Family Health Insurance</a></li>
                           <li><a href="healthinsurance.php">Senior Citizen Health Insurance </a></li>
                           <li><a href="healthinsurance.php">Maternity Insurance</a></li>
                           <li><a href="healthinsurance.php">Mediclaim Policy</a></li>

                         </ul>
                       </div>
                       <!-- 3 -->
                       <div class="column">
                         <h4> <img class="img-fluid" src="../assets/images/menu-icons/car.png" alt="" srcset="">Motor Insurance</h4>
                         <ul>
                           <li><a href="healthinsurance.php">CarInsurance</a></li>
                           <li><a href="healthinsurance.php">Bike Insurance </a></li>
                           <li><a href="healthinsurance.php">Third Party Insurance</a></li>
                           <li><a href="healthinsurance.php">E-bike Insurance</a></li>
                         </ul>
                       </div>

                       <!-- 4 -->
                       <div class="column">
                         <h4> <img class="img-fluid" src="../assets/images/menu-icons/travel.png" alt="" srcset="">Travel Insurance</h4>
                         <ul>
                           <li><a href="healthinsurance.php">Domestic Travel Insurance</a></li>
                           <li><a href="healthinsurance.php">International Travel Insurance </a></li>
                           <li><a href="healthinsurance.php">Marine Travel Insurance</a></li>
                         </ul>
                       </div>

                       <!-- 5 -->
                       <div class="column">
                         <h4> <img class="img-fluid" src="../assets/images/menu-icons/term.png" alt="" srcset="">Employee Group Health Insurance</h4>
                         <ul>
                           <li><a href="healthinsurance.php">Hospitalization Coverage</a></li>
                           <li><a href="healthinsurance.php">Pre & Post Hospitalization</a></li>
                           <li><a href="healthinsurance.php">COVID-19 Treatment</a></li>

                         </ul>
                       </div>

                       <!-- 6 -->
                       <div class="column">
                         <h4> <img class="img-fluid" src="../assets/images/menu-icons/others.png" alt="" srcset="">Other Insurance</h4>
                         <ul>
                           <li><a href="healthinsurance.php">General Insurance</a></li>
                           <li><a href="healthinsurance.php">Cyber Insurance </a></li>
                           <li><a href="healthinsurance.php">Fire Insurance</a></li>

                         </ul>
                       </div>
                     </div>
                   </div>
                 </li>
                 <li class="menu-item has-children " id="insurance-menu-desktop">
                   <a href="#">Renew Your Policy</a>
                   <div class="sub-menu mega-menu">
                     <div class="mega-menu-content">
                       <!--1  -->
                       <div class="column-renew">
                         <h4><img class="img-fluid" src="../assets/images/menu-icons/term.png" alt="">
                           <a href="healthinsurance.php">Term Life Insurance</a>
                         </h4>
                         <p>Provides financial protection for a fixed term in case of death.</p>
                       </div>

                       <div class="column-renew">
                         <h4><img class="img-fluid" src="../assets/images/menu-icons/life.png" alt="">
                           <a href="healthinsurance.php">Investment Renewal</a>
                         </h4>
                         <p>Renew your investment policy to continue growing your savings.</p>
                       </div>

                       <div class="column-renew">
                         <h4><img class="img-fluid" src="../assets/images/menu-icons/health.png" alt="">
                           <a href="healthinsurance.php">Health Renewal</a>
                         </h4>
                         <p>Extend your health insurance to stay protected against medical costs.</p>
                       </div>

                       <div class="column-renew">
                         <h4><img class="img-fluid" src="../assets/images/menu-icons/car.png" alt="">
                           <a href="healthinsurance.php">Motor Renewal</a>
                         </h4>
                         <p>Renew motor insurance to stay legally and financially covered.</p>
                       </div>

                       <div class="column-renew">
                         <h4><img class="img-fluid" src="../assets/images/menu-icons/car.png" alt="">
                           <a href="healthinsurance.php">Two Wheeler Renewal</a>
                         </h4>
                         <p>Extend coverage for your two-wheeler against damage or loss.</p>
                       </div>

                       <div class="column-renew">
                         <h4><img class="img-fluid" src="../assets/images/menu-icons/office.png" alt="">
                           <a href="healthinsurance.php">House Insurance Renewal</a>
                         </h4>
                         <p>Protect your home and belongings by renewing your policy.</p>
                       </div>


                     </div>
                   </div>
                 </li>



                 <li><a href="contact.php">Join Us</a></li>

               </ul>
             </nav>
             <!--=== Menu Button ===-->
             <div class="menu-button mt-40 d-lg-none">
               <a href="contact.php" class="main-btn secondary-btn">Get a Quote<i class="fas fa-arrow-right"></i></a>
             </div>
           </div>
           <!--=== Nav Right Item ===-->
           <div class="nav-right-item ">
             <div class="menu-button d-flex ">
               <a href="contact.php" class="btn-readmore">Call Us</a>
             </div>

             <div class="navbar-toggler">
               <span></span>
               <span></span>
               <span></span>
             </div>
           </div>
         </div>
       </div>
       <div class="header-search-bar">
         <div class="container">
           <form class="search-form-desktop">
             <div class="form_group">
               <input type="text" class="form_control" placeholder="search for your need...." name="search" required>
               <button class="search-btn"><img class="img-fluid" src="../assets/images/search.png" alt=""></button>
             </div>
           </form>
         </div>
       </div>
     </div>

   </header><!--====== End Header ======-->
   <!--====== Start Hero Section  ======-->

   <!--====== offcanvas-panel ======-->
   <div class="offcanvas-panel">
     <div class="panel-overlay"></div>
     <div class="offcanvas-panel-inner">
       <div class="panel-logo">
         <a href="index.php"><img src="assets/images/logo/logo-black.png" alt="Logo"></a>
       </div>
       <div class="about-us">
         <h5 class="panel-widget-title">About Us</h5>
         <p>At KAAPAN Financial Services, we believe everyone deserves access to clear, reliable, and affordable insurance solutions. Established as an IRDAI-certified company, our mission is to make insurance simple, transparent, and accessible for individuals and families across India.Ut enim ad minima veniam, quis nostrum aliquid commodie buy business insurance the set experience.
         </p>
       </div>
       <div class="contact-us">
         <h5 class="panel-widget-title">Contact Us</h5>
         <form>
           <div class="form_group">
             <input type="text" class="form_control" placeholder="Enter Name" name="name" required>
           </div>
           <div class="form_group">
             <input type="email" class="form_control" placeholder="Enter Email" name="email" required>
           </div>
           <div class="form_group">
             <textarea class="form_control" placeholder="Message" name="message" rows="3"></textarea>
           </div>
           <div class="form_group">
             <button class="main-btn secondary-btn">Submit Now</button>
           </div>
         </form>
       </div>
       <a href="#" class="panel-close"><i class="fal fa-times"></i></a>
     </div>
   </div><!--====== offcanvas-panel ======--><!--====== Search From ======-->
   <div class="modal fade search-modal" id="search-modal">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <form>
           <div class="form_group">
             <input type="search" class="form_control" placeholder="Search here" name="search">
             <label><i class="fa fa-search"></i></label>
           </div>
         </form>
       </div>
     </div>
   </div><!--====== Search From ======--><!--====== Back To Top  ======-->