<?php 
$title = "sponsor a child- Wipe Tears Africa (WTA)";
$tagline = "Bringing hope & a future to the African children in Uganda";
$description = "Wipe Tears Africa (WTA) is a nonprofit organization founded in 2010, dedicated to restoring hope and transforming the lives of vulnerable children and families in Uganda.";
$keywords = "Wipe Tears Africa, WTA, Education, Health, Girl Child Empowerment, Skills Development, Counselling & Guidance";
$featured_image = 'https://www.wipetearsafrica.org/assets/images/wipe-tears-africa-11.jpg';
$featured_image = 'https://www.wipetearsafrica.org/assets/images/wipe-tears-africa-10.jpg';
include "includes/header.php";
?>

<?php include "includes/menu.php"; ?>
<section class="header-services" style="background: linear-gradient(to bottom, rgba(46, 178, 23, 0.763), rgba(46, 178, 23, 0.963)), url('assets/images/slides/wipe-tears-africa-4.jpg') no-repeat;background-size: cover;background-position: center;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col text-center" data-aos="fade-up">
                <h1>Sponsor a Child</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="./">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Sponsor</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

<section class="home-intro-mid">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6 mb-3">
        <img src="assets/images/wipe-tears-africa-11.jpg" alt="Wipe Tears Africa" class="iprog img-fluid" data-aos="fade-up" style="margin: 2px;">
         <img src="assets/images/wipe-tears-africa-10.jpg" alt="Wipe Tears Africa" class="iprog img-fluid" data-aos="fade-up" style="margin: 2px;">
      </div>
      <div class="col-md-6 mb-3">
       <h5 class="tdeco" data-aos="fade-up">Sponsoring a Child with WTA</h5>
       <h2 data-aos="fade-up">Give a child the gift of a brighter future! </h2>
       
        <p data-aos="fade-up">
           Sponsorship provides vulnerable children with access to education, healthcare, and daily essentials. By sponsoring a child, you help break the cycle of poverty and empower them to reach their full potential.
        </p>  
        <h4 data-aos="fade-up" style="color: green;">Your sponsorship covers:</h4>
           <style>
            ol.custom-list {
                list-style: none; /* Remove default numbering */
                padding-left: 0;
            }
        
            ol.custom-list li {
                position: relative;
                 display: flex;
                padding-left: 25px; /* Space for the boxes */
                margin-bottom: 8px;
                font-weight: bold; /* Make text bold */
                color: black; /* Set text color to black */
            }
        
            ol.custom-list li p {
                margin: 0;
               
                padding-left: 5px; /* Reduced space between text and box */
            }
        
            ol.custom-list li::before {
                content: "■"; /* Unicode black box */
                font-size: 18px;
                color: lightgray; /* Back box color */
                position: absolute;
                left: 8px;
                top: 0px;
                
            }
        
            ol.custom-list li::after {
                content: "■"; /* Unicode black box */
                font-size: 16px;
                color: green; /* Front box color */
                position: absolute;
                left: 12px; /* Adjusted to align better */
                top: 0px;
                
            }
        </style>
        
        <ol class="custom-list" data-aos="fade-up">
            <li><p>School fees and scholastic materials.</p></li>
            <li><p>Nutritious meals and medical care.</p></li>
            <li><p>Mentorship and counseling for personal development.</p></li>
        </ol>

        <p data-aos="fade-up">When you sponsor a child, you’ll receive updates on their progress and see the direct impact of your support. <a href="contact-us"  style="text-decoration: none; font-weight: bold; color: black;">Sponsor a child today!</a></p>
      </div>
      
    </div>
  </div>
</section>





<?php include "includes/footer.php"; ?>