<div id="vw-overlay-bg" class="vw-overlay-canvas"></div>
  <div class="vw-offcanvas-area">
      <div class="vw-offcanvas-header d-flex align-items-center justify-content-between">
          <div class="offcanvas-icon">
              <a id="canva_close" href="#">
                  <i class="fa-light fa-xmark"></i>
              </a>
          </div>
      </div>
     
      <nav class="right_menu_togle mobile-navbar-menu" id="mobile-navbar-menu"></nav>

      <div class="canvas-content-area d-none d-lg-block">
          <div class="contact-info-list">
              <p class="des">
              Join us and boost your brand now
              </p>
              <div class="canvas-title">
                  <h4 class="title">Contact info</h4>
              </div>
              <div class="footer-contact">
                  <ul>
                      <li><i class="flaticon-location"></i>Noida</li>
                      <li>
                          <i class="flaticon-open"></i>
                          <a href="mailto:info@thereferredbrand.com">info@thereferredbrand.com </a>
                          <!-- <a href="mailto:infosolarplus@gmail.com">infosolarplus@gmail.com</a> -->
                      </li>
                      <li>
                          <i class="flaticon-phone"></i><a href="tel:+91 8968645521">+91 8968645521</a>
                          <!-- <a class="d-block" href="tel:1234567890000">123-456-7890000</a> -->
                      </li>
                  </ul>
              </div>
          </div>
          <div class="offcanvas-share">
              <div class="canvas-title">
                  <h4 class="title">Social Icons</h4>
              </div>
              <ul>
                <!-- <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li> -->
                <li><a href="https://wa.me/+91 8968645521"><i class="fa-brands fa-whatsapp"></i></a></li>
                <li><a href="https://www.instagram.com/the_referred_brand?igsh=OHJ5djJ3d3U3Ynk5&utm_source=qr"><i class="fa-brands fa-instagram"></i></a></li>
                <li><a href="https://www.facebook.com/profile.php?id=61571106727346"><i class="fa-brands fa-facebook-f"></i></a></li>
                <li><a href="https://www.linkedin.com/company/106098134/admin/dashboard/"><i class="fa-brands fa-linkedin"></i></a></li>


              </ul>
          </div>
          <div class="contact-map">
              <iframe
                  src="https://maps.google.com/maps?q=manhatan&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed"
                  style="border: 0" allowfullscreen=""></iframe>
          </div>
      </div>
  </div>
  <!-- end: Offcanvas Area -->

  <div class="mainmenu d-none">
    <nav id="main-menu">
      <ul class="list-none">
        <li class="has-dropdown current-menu-item">
          <a href="index.php">Home</a>
          <!-- <ul class="sub-menu">
              <li class="current-menu-item">
                  <a href="index.html">Home One</a>
              </li>
              <li><a href="index-2.html">Home Two</a></li>
              <li><a href="index-3.html">Home Three</a></li>
          </ul> -->
        </li>

        <li class="has-dropdown">
          <a href="#">Know About US</a>
          <ul class="sub-menu">
            <li>
                <a href="about.php">About Us</a>
            </li>
            <li>
                <a href="whatisimp.php">Why it is important?</a>
            </li>
            <li>
                <a href="ourwork.php">Our Work</a>
            </li>
          </ul>
        </li>

        <li class="has-dropdown">
          <a href="#">Services</a>
          <ul class="sub-menu">
            <li>
                <a href="ugccontent.php">UGC Content</a>
            </li>
            <li>
                <a href="feedback_survey.php">Customer Reviews</a>
            </li>
            <li>
                <a href="feedback_referral.php">Customer Referrals</a>
            </li>
            <li>
                <a href="ugc_feedback_survey.php">Social Media Quick Response Teams </a>
            </li>

            <!-- <li>
                <a href="ugc_content_feedback_referral.php">UGC Content + Feedback + Referral</a>
            </li> -->

          </ul>
        </li>

        <li class="has-dropdown"><a href="blog.php">Blog</a> </li>
       
        <li><a href="contact.php">Contact Us</a></li>
      </ul>
    </nav>
  </div>
  <div class="smooth-scrool-animate" id="smooth-animate"></div>
  <div id="smooth-page-wrapper">
    <div id="smooth-page-content">

      <main id="primary" class="site-main">

        <!--header-area-start-->
        <header id="header-sticky" class="header-area header-area-2">
          <div class="container-fluid">
            <div class="row">
              <div class="col-12">
                <div class="header-inner">
                  <div class="logo">
                    <a href="index.php"><img src="assets/images/reff.png" class="hlogo" alt="The Referred Brand" ></a>
                  </div>
                  <div class="header-right">
                    <div class="menu-icon">
                    <a class="canva_expander nav-menu-link" href="#"><i class="icon-menu-icon-2"></i></a>

                      <!-- <a class="canva_expander nav-menu-link" href="#"><i class="icon-menu-icon-2"></i><span>Menu</span></a> -->
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </header>
        <!--header-area-end-->