<div class="header-top">
      <div class="container">
         <div class="row">
            <div class="col-md-12 col-lg-5">
               <div class="header-top-welcome">
                  <p>Welcome to <?php echo $company_name; ?> The Spiritual Boutique !</p>
               </div>
            </div>
            <div class="col-md-5 col-lg-3">
               <div class="header-top-select">
                  <div class="header-select">
                     <i class="icofont-money"></i>
                     <select class="select" id="mycurrency">
                        <option value="PKR">PKR</option>
                     </select>
                  </div>


               </div>
            </div>
            <div class="col-md-7 col-lg-4">
               <ul class="header-top-list">
                  <li><a href="<?php echo $AaliLINK; ?>/profile">My Order</a></li>
                  <li><a href="<?php echo $AaliLINK; ?>/profile">Profile</a></li>
                  <li><a href="<?php echo $AaliLINK; ?>/contact">contact us</a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
   <style>
      .goog-logo-link {
         display: none !important;
      }

      .goog-te-gadget {
         color: transparent !important;
      }

      #google_translate_element {
         height: 24px !important;
         padding-right: 10px !important;
      }
   </style>
   <style>
      .goog-te-gadget .goog-te-combo {
         background: transparent !important;
         border: none !important;
         color: white !important;
      }

      .goog-te-gadget .goog-te-combo option {
         background: white;
         color: black;

      }
   </style>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script type="text/javascript">
      function doRefresh() {
         $("#cartupdate").load("");
         setTimeout(function () {
            doRefresh();
         }, 1000);
      }
      $(document).ready(function () {
         doRefresh();
      });
   </script>
   <script type="text/javascript">
      function doRefresh3() {
         $("#minicart").load("");
         setTimeout(function () {
            doRefresh3();
         }, 5000);
      }
      $(document).ready(function () {
         doRefresh3();
      });

   </script>



   <header class="header-part">
      <div class="container">
         <div class="header-content">
            <div class="header-media-group">
               <button class="header-user">
                  <img src="<?php echo $AaliSYS; ?>/uploads/logos/<?php echo $company_logo; ?>" alt="user">
               </button>
               <a href=""><img src="<?php echo $AaliSYS; ?>/uploads/logos/<?php echo $company_logo; ?>" alt="logo"></a>
               <button class="header-src"><i class="fas fa-search"></i></button>
            </div>
            <a href="" class="header-logo">
                <img src="<?php echo $AaliSYS; ?>/uploads/logos/<?php echo $company_logo; ?>" alt="logo" style="margin-top: -16px;margin-bottom: -12px;height: 50px;">
            </a>
            <a href="" class="header-widget" title="My Account">
               <img src="<?php echo $AaliLINK; ?>/assets/images/user.gif" alt="user">
            </a>
            <select class="select loginsel" onchange="location = this.value;">
               <option selected>My Account</option>
               <option value="<?php echo $AaliLINK; ?>/login">Login</option>
               <option value="<?php echo $AaliLINK; ?>/regiter">Register</option>
            </select>

            <form class="header-form" action="" method="GET">
               <input type="text" name="txtsearchproduct" id="q" placeholder="Search anything..."><button name="search"><i class="fas fa-search"></i></button>
            </form>

            <div class="header-widget-group">
               <!--<a href="" class="header-widget" title="Wishlist"><i class="fas fa-heart"></i><sup>0</sup></a>-->
               <a href="<?php echo $AaliLINK; ?>/cart"><i class="bi bi-shopping-cart"></i>Price</a>
               <!-- class header-cart -->
            </div>
         </div>
      </div>
   </header>

   <!-- cart side bar close-->
   <nav class="navbar-part">
      <div class="container">
         <div class="row">
            <div class="col-lg-12">
               <div class="navbar-content">
                  <ul class="navbar-list">

                     <li class="navbar-item dropdown">
                        <a class="navbar-link" href="<?php echo $AaliLINK; ?>/profile">home</a>
                     </li>
                     
                     <li class="navbar-item dropdown">
                        <a class="navbar-link dropdown-arrow" href="#">Jewellery</a>
                        <ul class="dropdown-position-list">
                           <li><a href="">Achyuta Anklets</a></li>
                        </ul>
                     </li>
                     <li class="navbar-item dropdown">
                        <a class="navbar-link dropdown-arrow" href="#">Accessories</a>
                        <ul class="dropdown-position-list">
                           <li><a href="">Champaklata Pins</a></li>
                        </ul>
                     </li>
                     <li class="navbar-item dropdown">
                        <a class="navbar-link dropdown-arrow" href="#">Turbans</a>
                        <ul class="dropdown-position-list">
                           <li><a href="">Ojjasvi Effulgence</a></li>
                        </ul>
                     </li>
                     <!--<li class="navbar-item dropdown">
                        <a class="navbar-link dropdown-arrow" href="#">Deity Dresses</a>
                        <ul class="dropdown-position-list">
                           <li>
                                <a href="">Gaur Nitai</a>
                                <a href="" style="padding-left: 42px;"><span style="color: #ED4B62;">-</span> 3/4 Dhoti</a>
                            </li>
                            <li><a href="">Jagnnath Baldev Subhadra Maharani</a></li>
                        </ul>
                     </li>-->
                     <li class="navbar-item dropdown">
                        <a class="navbar-link" href="">About Us</a>
                     </li>
                     <li class="navbar-item dropdown">
                        <a class="navbar-link" href="">Contact Us</a>
                     </li>

                  </ul>
                  <div class="navbar-info-group">
                     <div class="navbar-info">
                        <i class="icofont-ui-touch-phone"></i>
                        <p><small>call us</small><span><?php echo $company_mobile; ?></span></p>
                     </div>
                     <div class="navbar-info">
                        <i class="icofont-ui-email"></i>
                        <p><small>email us</small><span><?php echo $company_email; ?></span></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </nav>
   <aside class="category-sidebar">
      <div class="category-header">
         <h4 class="category-title"><i class="fas fa-align-left"></i><span>Categories</span></h4>
         <button class="category-close"><i class="icofont-close"></i></button>
      </div>
      <ul class="category-list">

         <li class="category-item">
            <a class="category-link dropdown-link" href="#"><img src="<?php echo $AaliLINK; ?>/assets/media/category/thumb/861SF%20(33).jpg"
                  style="width: 37px;border-radius: 5px;"> &nbsp <span>Accessories</span></a>
            <ul class="dropdown-list">
               <li><a href="">Champaklata Pins</a></li>

            </ul>
         </li>
         <li class="category-item">
            <a class="category-link dropdown-link" href="#"><img src="<?php echo $AaliLINK; ?>/assets/media/category/thumb/871GN%20KS%2003.jpg"
                  style="width: 37px;border-radius: 5px;"> &nbsp <span>Deity Dresses</span></a>
            <ul class="dropdown-list">
               <li><a href="">Gaur Nitai</a></li>

            </ul>
         </li>
         <li class="category-item">
            <a class="category-link dropdown-link" href="#"><img src="<?php echo $AaliLINK; ?>/assets/media/category/thumb/63RS5.jpg"
                  style="width: 37px;border-radius: 5px;"> &nbsp <span>Jewellery</span></a>
            <ul class="dropdown-list">
               <li><a href="">Achyuta Anklets</a></li>

            </ul>
         </li>
         <li class="category-item">
            <a class="category-link dropdown-link" href="#"><img src="<?php echo $AaliLINK; ?>/assets/media/category/thumb/815OJJASVI%20EFFULGENCES.jpg"
                  style="width: 37px;border-radius: 5px;"> &nbsp <span>Turbans</span></a>
            <ul class="dropdown-list">
               <li><a href="">Ojjasvi Effulgence</a></li>

            </ul>
         </li>

      </ul>
      <div class="category-footer">
         <p>All Rights Reserved by <a href="#">Ashtasakhi</a></p>
      </div>
   </aside>
   <script type="text/javascript">
      function doRefresh4() {
         $("#footercart").load("");
         setTimeout(function () {
            doRefresh4();
         }, 2000);
      }
      $(document).ready(function () {
         doRefresh4();
      });

   </script>
   <div class="mobile-menu">
      <a href="" title="Home Page"><i class="fas fa-home"></i><span>Home</span></a>
      <button title="Category List" class="cate-btn"><i class="fas fa-list"></i><span>category</span></button>
      <!-- class="cate-btn"  -->
      <button title="Cartlist" class="cart-btn"><i class="fas fa-shopping-basket"></i><span>cartlist</span> <sup
            id="footercart"></sup></button> <!-- class="cart-btn" -->
      <a href="#" title="Wishlist"><i class="fas fa-heart"></i><span>wishlist</span><sup>0</sup></a>
      <a href="" title="Compare List"><i class="fas fa-random"></i><span>My Order</span></a>
   </div>