<section class="menu-section">
  <div class="container">
    <div class="row g-0">
      <div class="col-md-8 col-9">
        <nav class="menu">

            <input type="checkbox" id="mobilemenu-active" class="mobilema">
            <label class="showmenu" for="mobilemenu-active">
                <svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 -960 960 960" width="36px" fill="#000000"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>
            </label>

            <label for="mobilemenu-active" id="overlay"></label>
            <div class="link-container">
                <label class="hidemenu" for="mobilemenu-active">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e39e1c"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
                </label>
                
                <a href="./" class="d-block d-md-none">Home</a>
                <div class="dropdown">
                    <input type="checkbox" id="dropdown-toggle">
                    <label for="dropdown-toggle">
                        Who We Are
                        <i class="bi bi-chevron-down"></i>
                    </label>
                   <div class="dropdown-content">
                        <a href="about-wipe-tears-africa">About WTA</a>
                        <a href="our-objectives">Our Objectives</a>
                        <a href="founder-message">Founder's Message</a>
                        <a href="team">Support Team</a>
                        <a href="#">Partners & Sponsors</a>
                       
                    </div>
                </div>
                <div class="dropdown">
                    <input type="checkbox" id="dropdown-toggle1">
                    <label for="dropdown-toggle1">
                        What We Do
                        <i class="bi bi-chevron-down"></i>
                    </label>
                    <div class="dropdown-content">
                        <a href="education">Education</a>
                        <a href="health">Health</a>
                        <a href="girl-child-empowerment">Girl Child Empowerment</a>
                        <a href="skills-development">Skills Development</a>
                        <a href="counselling-guidance">Counselling & Guidance</a>
                    </div>
                </div>
                <div class="dropdown">
                    <input type="checkbox" id="dropdown-toggle2">
                    <label for="dropdown-toggle2">
                        Get Involved
                        <i class="bi bi-chevron-down"></i>
                    </label>
                    <div class="dropdown-content">
                        <a href="donate">Donate</a>
                        <a href="volunteer-with-us">Volunteer With Us</a>
                        <a href="sponsor-a-child">Sponsor a Child</a>
                        <a href="partner-with-us">Partner with Us</a>
                        <a href="little-angel-choir">Wipe Tears Africa Children's Choir</a>
                        <a href="join-our-mission">Join Our MIssion Today</a>
                        
                    </div>
                </div>
                <a href="contact-us" class="d-block d-md-none">Contact Us</a>
            </div>
            <a href="./" class="logo"><img src="assets/images/logo-wipe-tears-africa.png" alt="Wipe Tears Africa" title="Wipe Tears Africa"></a>
        </nav>
      </div><!-- menu & logo !-->
      
      <div class="col-md-4 col-3">
        <div class="bd-highlight d-flex">
            <div class="bd-highlight flex-grow-1 d-none d-md-block">
              <nav class="menu">
                <a href="contact-us">Contact Us</a>
              </nav>
            </div>

            <!-- SOCIAL ICONS -->
            <div class="bd-highlight flex-grow-1 top-socials d-none d-md-block">
                <ul>
                    <li><a href="https://twitter.com/YOUR_TWITTER" target="_blank" rel="noopener"><i class="bi bi-twitter"></i></a></li>
                    <li><a href="https://www.facebook.com/childrencareeafrica" target="_blank" rel="noopener"><i class="bi bi-facebook"></i></a></li>
                    <li><a href="https://www.instagram.com/YOUR_INSTAGRAM" target="_blank" rel="noopener"><i class="bi bi-instagram"></i></a></li>
                    <li><a href="https://www.tiktok.com/@YOUR_TIKTOK" target="_blank" rel="noopener"><i class="bi bi-tiktok"></i></a></li>
                </ul>
            </div>
<div class="header-actions">
   <a href="https://wa.me/2567XXXXXXX" class="whatsapp-btn">
      <i class="fab fa-whatsapp"></i>
   </a>
            <!-- DONATE BUTTON -->
            <div class="bd-highlight top-donate">
              <a href="donate" class="btn btn-success">
                <i class="bi bi-heart d-none d-mb-block"></i> DONATE NOW
              </a>
            </div>
        </div>
      </div><!-- socials and button !-->
    </div>
  </div>
</section>
