<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><?php echo $metatitle?></title>

    <meta name="keywords" content= "<?php echo $metakeywords?>">

    <meta name="description" content="<?php echo $meta_disc?>">

  <!--=====FAB ICON=======-->
  <link rel="shortcut icon" href="frontend/img/logo/logo.jpg" type="image/x-icon">
  <!--===== CSS LINK =======-->
  <link rel="stylesheet" href="frontend/css/plugins/bootstrap.min.css">
  <link rel="stylesheet" href="frontend/css/plugins/aos.css">
  <link rel="stylesheet" href="frontend/css/plugins/fontawesome.css">
  <link rel="stylesheet" href="frontend/css/plugins/magnific-popup.css">
  <link rel="stylesheet" href="frontend/css/plugins/mobile.css">
  <link rel="stylesheet" href="frontend/css/plugins/owlcarousel.min.css">
  <link rel="stylesheet" href="frontend/css/plugins/sidebar.css">
  <link rel="stylesheet" href="frontend/css/plugins/slick-slider.css">
  <link rel="stylesheet" href="frontend/css/plugins/nice-select.css">
  <link rel="stylesheet" href="frontend/css/main.css">

  <!--=====  JS SCRIPT LINK =======-->
  <script src="frontend/js/plugins/jquery-3-6-0.min.js"></script>
  <script src="frontend/js/plugins/waypoints.js"></script>
</head>

<body class="homepage3-body">

  <!--===== PROGRESS STARTS=======-->
  <div class="paginacontainer">
    <div class="progress-wrap">
      <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
      </svg>
    </div>
  </div>
  <!--===== PROGRESS ENDS=======-->

    <!--=====HEADER START=======-->
    <header>
        <div class="header-area homepage3 header header-sticky d-none d-lg-block " id="header">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="header-elements">
                            <div class="site-logo">
                                <a href="">Karma<br><span>Detective Agency</span></a>
                            </div>
                            <div class="main-menu">
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="service.html">Services <i class="fa-solid fa-angle-down"></i></a>
                                        <ul class="dropdown-padding">
                                            <li><a href="private-investigation.html">Private Investigation</a></li>
                                            <li><a href="surveillance-investigation.html">Surveillance Investigation</a></li>
                                            <li><a href="pre-post-matrimonial.html">Pre & Post Matrimonial Investigation</a></li>
                                            <li><a href="background-check-investigation.html">Background Verification</a></li>
                                            <li><a href="divorce-case-investigation.html">Divorce Case Investigation</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="blog.html">Our Blog</a></li>
                                    <li><a href="contact-us.html">Contact Us</a></li>
                                </ul>
                            </div>
                            <div class="btn-area">
                                <a href="tel:798520023" class="header-btn4">+91-798520023<span><i
                                            class="fa-solid fa-arrow-right"></i></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--=====HEADER END =======-->
    
    
       <!--===== MOBILE HEADER STARTS =======-->
    <div class="mobile-header mobile-haeder3 d-block d-lg-none">
        <div class="container-fluid">
            <div class="col-12">
                <div class="mobile-header-elements">
                    <div class="mobile-logo">
                        <div class="site-logo">
                                <a href="">Karma<br><span>Detective Agency</span></a>
                            </div>
                    </div>
                    <div class="mobile-nav-icon dots-menu">
                        <i class="fa-solid fa-bars-staggered"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mobile-sidebar mobile-sidebar3">
        <div class="logosicon-area">
            <div class="logos">
                <div class="site-logo">
                                <a href="">Karma<br><span>Detective Agency</span></a>
                            </div>
            </div>
            <div class="menu-close">
                <i class="fa-solid fa-xmark"></i>
            </div>
        </div>
        <div class="mobile-nav mobile-nav1">
            <ul class="mobile-nav-list nav-list1">
                <li><a href="index.html">Home </a></li>
                <li><a href="about-us.html">About Us </a></li>
                <li><a href="service.html">Services</a>
                    <ul class="sub-menu">
                        <li><a href="private-investigation.html">Private Investigation</a></li>
                        <li><a href="surveillance-investigation.html">Surveillance Investigation</a></li>
                        <li><a href="pre-post-matrimonial.html">Pre & Post Matrimonial Investigation</a></li>
                        <li><a href="background-check-investigation.html">Background Verification</a></li>
                        <li><a href="divorce-case-investigation.html">Divorce Case Investigation</a></li>
                    </ul>
                </li>
                <li><a href="blog.html">Our Blog </a></li>
                <li><a href="contact-us.html">Contact Us </a></li>
            </ul>

            <div class="allmobilesection">
                <a href="tel:798520023" class="header-btn4">+91-798520023<span><i
                            class="fa-solid fa-arrow-right"></i></span></a>
                <div class="single-footer">
                    <h3>Contact Info</h3>
                    <div class="footer1-contact-info">
                        <div class="contact-info-single">
                            <div class="contact-info-icon">
                                <i class="fa-solid fa-phone-volume"></i>
                            </div>
                            <div class="contact-info-text">
                                <a href="tel:9407440424">+91-9407440424</a>
                            </div>
                        </div>

                        <div class="contact-info-single">
                            <div class="contact-info-icon">
                                <i class="fa-solid fa-envelope"></i>
                            </div>
                            <div class="contact-info-text">
                                <a href="mailto:karmadectiveagency@gmail.com">karmadectiveagency@gmail.com</a>
                            </div>
                        </div>

                        <div class="single-footer">
                            <h3>Our Location</h3>

                            <div class="contact-info-single">
                                <div class="contact-info-icon">
                                    <i class="fa-solid fa-location-dot"></i>
                                </div>
                                <div class="contact-info-text">
                                    <a href="mailto:info@example.com">183, Mandakini Society
                                        Sarvdharm Colony, Kolar Road
                                        Bhopal, Madhya Pradesh – 462042
                                        India</a>
                                </div>
                            </div>

                        </div>
                        <div class="single-footer">
                            <h3>Social Links</h3>

                            <div class="social-links-mobile-menu">
                                <ul>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--===== MOBILE HEADER STARTS =======-->

