    <div class="kaiti-services-slider-section">
        <div class="services-slider-container">
                        <h2 class="section-title">Our Orphan Stories</h2>
            <p class="section-subtitle">Learn more about the amazing children in our care</p>
                        
            <div class="kaiti-services-slider" 
                 data-autoplay="true"
                 data-speed="3000">
                                <div class="service-slide">
                    <a href="https://lwegatech.net/aliyahorphanage/lare-alain-galtiebe/" class="service-link">
                        <div class="service-image">
                            <img width="300" height="300" src="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Lare.webp" class="service-thumbnail wp-post-image" alt="" srcset="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Lare.webp 300w, https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Lare-150x150.webp 150w" sizes="(max-width: 300px) 100vw, 300px" />                        </div>
                        <div class="service-content">
                            <div class="service-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>                            </div>
                            <h3 class="service-title">Lare Alain Galtiebe</h3>
                            <div class="service-excerpt">
                                (Age: 5) This child is one of the many vulnerable children from Togo who have&hellip;                            </div>
                            <span class="service-btn">Learn More</span>
                        </div>
                    </a>
                </div>
                                <div class="service-slide">
                    <a href="https://lwegatech.net/aliyahorphanage/banfient-abina/" class="service-link">
                        <div class="service-image">
                            <img width="300" height="300" src="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Banfient.webp" class="service-thumbnail wp-post-image" alt="" srcset="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Banfient.webp 300w, https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Banfient-150x150.webp 150w" sizes="(max-width: 300px) 100vw, 300px" />                        </div>
                        <div class="service-content">
                            <div class="service-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>                            </div>
                            <h3 class="service-title">Banfient Abina</h3>
                            <div class="service-excerpt">
                                (Age: 4) This child is one of the many vulnerable children from Togo who have&hellip;                            </div>
                            <span class="service-btn">Learn More</span>
                        </div>
                    </a>
                </div>
                                <div class="service-slide">
                    <a href="https://lwegatech.net/aliyahorphanage/dingue-yendale/" class="service-link">
                        <div class="service-image">
                            <img width="300" height="300" src="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Dingue-1.webp" class="service-thumbnail wp-post-image" alt="" srcset="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Dingue-1.webp 300w, https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Dingue-1-150x150.webp 150w" sizes="(max-width: 300px) 100vw, 300px" />                        </div>
                        <div class="service-content">
                            <div class="service-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>                            </div>
                            <h3 class="service-title">Dingue Yendale</h3>
                            <div class="service-excerpt">
                                (Age: 10) This child is one of the many vulnerable children from Togo who have&hellip;                            </div>
                            <span class="service-btn">Learn More</span>
                        </div>
                    </a>
                </div>
                                <div class="service-slide">
                    <a href="https://lwegatech.net/aliyahorphanage/yalbondja-dampi/" class="service-link">
                        <div class="service-image">
                            <img width="300" height="300" src="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Yalbondja.webp" class="service-thumbnail wp-post-image" alt="" srcset="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Yalbondja.webp 300w, https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Yalbondja-150x150.webp 150w" sizes="(max-width: 300px) 100vw, 300px" />                        </div>
                        <div class="service-content">
                            <div class="service-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>                            </div>
                            <h3 class="service-title">Yalbondja Dampi</h3>
                            <div class="service-excerpt">
                                (Age:7) This child is one of the many vulnerable children from Togo who have been&hellip;                            </div>
                            <span class="service-btn">Learn More</span>
                        </div>
                    </a>
                </div>
                                <div class="service-slide">
                    <a href="https://lwegatech.net/aliyahorphanage/mardja-damessonou/" class="service-link">
                        <div class="service-image">
                            <img width="300" height="300" src="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Damessonou.webp" class="service-thumbnail wp-post-image" alt="" srcset="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Damessonou.webp 300w, https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Damessonou-150x150.webp 150w" sizes="(max-width: 300px) 100vw, 300px" />                        </div>
                        <div class="service-content">
                            <div class="service-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>                            </div>
                            <h3 class="service-title">Mardja Damessonou</h3>
                            <div class="service-excerpt">
                                (Age: 4) This child is one of the many vulnerable children from Togo who have&hellip;                            </div>
                            <span class="service-btn">Learn More</span>
                        </div>
                    </a>
                </div>
                                <div class="service-slide">
                    <a href="https://lwegatech.net/aliyahorphanage/sanlabe-yendame-marcel/" class="service-link">
                        <div class="service-image">
                            <img width="300" height="300" src="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Sanlabe.webp" class="service-thumbnail wp-post-image" alt="" srcset="https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Sanlabe.webp 300w, https://lwegatech.net/aliyahorphanage/wp-content/uploads/2025/06/Sanlabe-150x150.webp 150w" sizes="(max-width: 300px) 100vw, 300px" />                        </div>
                        <div class="service-content">
                            <div class="service-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>                            </div>
                            <h3 class="service-title">Sanlabe Yendame Marcel</h3>
                            <div class="service-excerpt">
                                (Age:4) This child is one of the many vulnerable children from Togo who have been&hellip;                            </div>
                            <span class="service-btn">Learn More</span>
                        </div>
                    </a>
                </div>
                            </div>
            
                        <div class="slider-controls">
                <button class="slider-prev" aria-label="Previous slide">&#10094;</button>
                <button class="slider-next" aria-label="Next slide">&#10095;</button>
            </div>
                        
                        <div class="slider-dots"></div>
                    </div>
    </div>

    <style>
    .kaiti-services-slider-section {
        background-color: #f8f9fa;
        padding: 50px 0;
        text-align: center;
    }
    
    

    .services-slider-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }

    .section-title {
        color: #ca170e;
        font-size: 2.5rem;
        margin-bottom: 15px;
        font-weight: 700;
    }

    .section-subtitle {
        color: #000;
        font-size: 1.2rem;
        margin-bottom: 20px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .kaiti-services-slider {
        display: flex;
        gap: 30px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding: 20px 10px;
        scrollbar-width: none;
    }

    .kaiti-services-slider::-webkit-scrollbar {
        display: none;
    }

    .service-slide {
        flex: 0 0 50%;
        max-width: 50%;
        scroll-snap-align: start;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        height: 450px;
        position: relative;
    }


    .service-link {
        display: block;
        text-decoration: none;
        color: inherit;
        height: 100%;
        position: relative;
    }

    .service-image {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .service-thumbnail {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .service-fallback-image {
        width: 100%;
        height: 100%;
    }

    .service-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(202, 23, 14, 0.7);
        color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 20px;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .service-slide:hover .service-content {
        opacity: 1;
    }

    .service-slide:hover .service-thumbnail {
        transform: scale(1.05);
    }

    .service-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
        background: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .service-icon img {
        width: 60%;
        height: 60%;
        object-fit: contain;
    }

    .service-icon svg {
        width: 60%;
        height: 60%;
        fill: #ca170e;
    }

    .service-title {
        color: white;
        font-size: 1.4rem;
        margin: 0 0 15px;
        line-height: 1.3;
        text-align: center;
    }

    .service-excerpt {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.95rem;
        line-height: 1.5;
        margin-bottom: 20px;
        text-align: center;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .service-btn {
        display: inline-block;
        padding: 8px 20px;
        background: white;
        color: #ca170e;
        border-radius: 30px;
        font-size: 0.9rem;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .service-btn:hover {
        background: #f0f0f0;
    }

    .slider-controls {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none;
    }

    .slider-prev,
    .slider-next {
        pointer-events: auto;
        background: #ca170e;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        cursor: pointer;
        font-size: 18px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    .slider-prev:hover,
    .slider-next:hover {
        background: #000;
        color: white;
    }

    .slider-dots {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 20px;
    }

    .slider-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #000;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .slider-dot.active {
        background: #ca170e;
        transform: scale(1.2);
    }
    
    /* RESPONSIVE: One card per slide on mobile */
@media (max-width: 768px) {
    .service-slide {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
    </style>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const slider = document.querySelector('.kaiti-services-slider');
        const prevBtn = document.querySelector('.slider-prev');
        const nextBtn = document.querySelector('.slider-next');
        const dotsContainer = document.querySelector('.slider-dots');
        const autoplay = slider.dataset.autoplay === 'true';
        const autoplaySpeed = parseInt(slider.dataset.speed) || 3000;
        let autoplayInterval;

        function goToSlide(index) {
            const slideWidth = document.querySelector('.service-slide').offsetWidth + 30;
            slider.scrollTo({
                left: index * slideWidth,
                behavior: 'smooth'
            });
            updateDots(index);
        }

        function updateDots(activeIndex) {
            const dots = document.querySelectorAll('.slider-dot');
            dots.forEach((dot, index) => {
                dot.classList.toggle('active', index === activeIndex);
            });
        }

        if (prevBtn && nextBtn) {
            prevBtn.addEventListener('click', () => {
                slider.scrollBy({ left: -300, behavior: 'smooth' });
                resetAutoplay();
            });

            nextBtn.addEventListener('click', () => {
                slider.scrollBy({ left: 300, behavior: 'smooth' });
                resetAutoplay();
            });
        }

        if (dotsContainer) {
            const slides = document.querySelectorAll('.service-slide');
            slides.forEach((slide, index) => {
                const dot = document.createElement('div');
                dot.classList.add('slider-dot');
                if (index === 0) dot.classList.add('active');
                dot.addEventListener('click', () => {
                    goToSlide(index);
                });
                dotsContainer.appendChild(dot);
            });
        }

        function startAutoplay() {
            if (autoplay) {
                autoplayInterval = setInterval(() => {
                    const scrollAmount = 300;
                    const maxScroll = slider.scrollWidth - slider.clientWidth;

                    if (slider.scrollLeft + scrollAmount >= maxScroll) {
                        slider.scrollTo({ left: 0, behavior: 'smooth' });
                    } else {
                        slider.scrollBy({ left: scrollAmount, behavior: 'smooth' });
                    }
                }, autoplaySpeed);
            }
        }

        function resetAutoplay() {
            clearInterval(autoplayInterval);
            startAutoplay();
        }

        startAutoplay();

        slider.addEventListener('mouseenter', () => {
            if (autoplay) clearInterval(autoplayInterval);
        });

        slider.addEventListener('mouseleave', () => {
            if (autoplay) startAutoplay();
        });
    });
    </script>
    <br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/lweganet/public_html/aliyahorphanage/wp-content/themes/kipya/inc/cards.php:952) in <b>/home/lweganet/public_html/aliyahorphanage/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/lweganet/public_html/aliyahorphanage/wp-content/themes/kipya/inc/cards.php:952) in <b>/home/lweganet/public_html/aliyahorphanage/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
{"id":140,"date":"2025-07-01T06:05:53","date_gmt":"2025-07-01T06:05:53","guid":{"rendered":"https:\/\/lwegatech.net\/aliyahorphanage\/?page_id=140"},"modified":"2025-07-04T11:35:22","modified_gmt":"2025-07-04T11:35:22","slug":"sponsored-children-2","status":"publish","type":"page","link":"https:\/\/lwegatech.net\/aliyahorphanage\/sponsored-children-2\/","title":{"rendered":"Sponsored Children"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group container-xxl\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":24,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"categories":[],"class_list":["post-140","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":5,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/140\/revisions\/281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/media\/24"}],"wp:attachment":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/categories?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}