


<!DOCTYPE html>
<html lang="en">
<head>
    <title>Pray with us - Tearfund</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    
    <meta name="description" content="Join us in prayer for people affected by poverty. Find resources, guides and creative ideas to help you get started." />
    <meta name="Environment" content="SRV1" />

    

    
	<meta name="site" Content="ChU2afuC-1" />
	<meta name="google-site-verification" Content="GZ4tjiG8QY6hsfnPM5RfhY5VD1Lb8eR8Cm9BsiX6Fb8" />
    <meta content="Pray with us" property="og:title" />
<meta content="Join us in prayer for people affected by poverty. Find resources, guides and creative ideas to help you get started." property="og:description" />
<meta content="https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayhubpage_overview_creditwillswansontearfund.jpg?mw=1200" property="ogg:image" />
<meta content="https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayhubpage_overview_creditwillswansontearfund.jpg?mw=1200" property="og:image" />
<meta content="website" property="og:type" />
<meta content="https://www.tearfund.org/get-involved/pray" property="og:url" />
<meta content="Tearfund" property="og:site_name" />
<meta content="Pray with us" property="twitter:title" />
<meta content="Join us in prayer for people affected by poverty. Find resources, guides and creative ideas to help you get started." property="twitter:description" />
<meta content="https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayhubpage_overview_creditwillswansontearfund.jpg?mw=1200" property="twitter:image" />
<meta content="summary_large_image" property="twitter:card" />
<meta content="@tearfund" property="twitter:site" />


    <link rel="preconnect" href="https://res.cloudinary.com">
    <link rel="icon" href="/assets-frontend/icons/favicon.png" sizes="32x32">
    <meta name="theme-color" content="#008CAA">

    <link rel="preload" as="font" href="https://res.cloudinary.com/tearfund/raw/upload/v1664533753/General/Fonts/FSMeWeb-Regular_rcfffc.woff2" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" as="font" href="https://res.cloudinary.com/tearfund/raw/upload/v1664533752/General/Fonts/FSMeWeb-Bold_ce2eoa.woff2" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" as="font" href="https://res.cloudinary.com/tearfund/raw/upload/v1664533753/General/Fonts/TearfundSans-Regular_zpsuhz.woff2" type="font/woff2" crossorigin="anonymous">
    <style>
        [x-cloak] {
            visibility: hidden;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="/assets-frontend/styles/pwyp/pwyp-banner.css?v=1" media="all" />

    
    <link rel="stylesheet" type="text/css" href="/assets-frontend/styles/styles.css?v=90" media="all" />
    <noscript>
        <style>
            .enhanced {
                display: none;
            }
        </style>
    </noscript>
    <script>var exports = {};</script>

    <script nomodule src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine-ie11.min.js" defer></script>

    
        <script type="text/plain" class="optanon-category-C0002" src="https://www.googleoptimize.com/optimize.js?id=GTM-WLZF8RC"></script>
            <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
        <script type="text/plain" class="optanon-category-C0002" id="vwoCode">
            window._vwo_code || (function() {
            var account_id=747068,
            version=2.0,
            settings_tolerance=2000,
            hide_element='body',
            hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
            /* DO NOT EDIT BELOW THIS LINE */
            f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})();
        </script>


    <link rel="canonical" href="https://www.tearfund.org/get-involved/pray" />

    
    

    
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('consent', 'default', {
                'ad_storage': 'denied',
                'analytics_storage': 'denied',
                'wait_for_update': 1000
            });
        </script>
            <script>
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start'
            :new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl+'&gtm_auth=9mZdyxayoDTXteTYlW4VAw&gtm_preview=env-1&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-N5W6CSG');</script>
        </head>
<body class="overflow-x-hidden">

        <noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N5W6CSG&gtm_auth=9mZdyxayoDTXteTYlW4VAw&gtm_preview=env-1&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>






    <a id="skip-to-content" class="bg-yellow block fixed left-0 opacity-0 m-3 p-4 pointer-events-none text-18 text-darkgrey top-0 focus:opacity-100" style="outline-offset: 0; z-index: 51;" href="#main">
            Skip to content
    </a>
    <script>"use strict";document.querySelector("#skip-to-content").addEventListener("click",function(){document.body.classList.remove("using-mouse")});</script>






<a id="skip-link-cookie" class="bg-yellow block fixed left-0 opacity-0 m-3 p-4 pointer-events-none text-18 text-darkgrey top-0 focus:opacity-100" style="outline-offset: 0; z-index: 51;" href="#cookie-banner-text">
	Skip to cookie consent
</a>
    





<header>
<div class="top-nav-org bg-white border-0 border-b-2 border-lightgrey border-solid box-content w-full z-50 lg:h-88 print:relative" data-class="top-nav-org bg-white border-0 border-b-2 border-lightgrey border-solid box-content fixed h-64 w-full z-50 lg:h-88 print:relative" x-data="topNavOrg()" x-init="init()">

    <div class="flex h-full items-center justify-between w-full lg:container">

        
        <a @focus="closeOtherDropdowns()" class="border-0 -left-2 ml-24 p-2 relative rounded-4 z-50 lg:ml-0" href="/">
            <img src="/-/media/metadata/org-common-images/headers/tearfund_logo_blue-01.svg?iar=0" class="block h-40 w-124 lg:h-56 lg:w-174" alt="Tearfund home">
        </a>

        <div class="flex h-full">

            
            <nav class="hidden h-full lg:block" aria-label="primary">

                
                <div class="enhanced absolute bg-white h-88 left-0 right-0 top-0 z-20"></div>

                
                <div @click="toggleLevel1('')" class="desktop-menu__overlay absolute bg-overlay border-0 border-t-2 border-solid border-transparent motion-safe:duration-300 left-0 mt-88 opacity-0 top-0 motion-safe:transition-all w-full" x-cloak :style="level1Selected !== '' ? 'opacity: 1' : 'opacity: 0; pointer-events: none'"></div>

                
                <script type="text/javascript">
                    var style = document.createElement('style');
                    style.type = 'text/css';
                    style.appendChild(document.createTextNode('.temp-hide {display: none;}'));
                    document.head.appendChild(style);
                </script>

                <ul class="flex h-full items-center" role="list">

                    

                        <li class="inline-block" :class="'inline-block relative'">

                            <button @click="toggleLevel1('Campaigns', 0)" @focus="closeOtherDropdowns('Campaigns')" class="enhanced" :class="(level1Selected === 'Campaigns' ? 'bg-darknavy text-white' : 'bg-transparent hover:bg-lightblue') + ' border-0 cursor-pointer enhanced font-bold h-88 p-0 passes-hover relative text-20 top-nav-org__level1 z-50'" style="outline-width: 0;" :aria-expanded="level1Selected === 'Campaigns' ? 'true' : 'false'" aria-controls="dropdown0">
                                <span class="h-64 inline-block mx-8 px-8 pt-18 rounded-6">
                                        <span class="mr-2">Campaigns</span>
                                    <span class="toggle-arrow toggle-arrow--expanded-white" aria-hidden="true">
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                    </span>
                                </span>
                            </button>

                            
                            <div class="top-nav-org__line-animation-container-1 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-1 bg-darknavy h-full" style="width: 0px"></div>
                            </div>
                            <div class="top-nav-org__line-animation-container-2 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-2 bg-darknavy h-full" style="width: 0px"></div>
                            </div>

                            
                            <div id="dropdown0" class="temp-hide absolute ml-[0rem] left-0" :class="(previousSelected === '' || previousSelected === 'Campaigns' ? 'motion-safe:duration-300 motion-safe:transition-all' : '') + ' flex-row absolute flex overflow-hidden rounded-b-10 w-750 z-10 lg:left-auto lg:ml-0'" :style="level1Selected === 'Campaigns' ? 'visibility: visible; top: 5.5rem' : 'visibility: hidden; top: ' + ((($refs.dropdown0.scrollHeight * -1) + 88) / 16) + 'rem'" x-ref="dropdown0">
                                <script type="text/javascript">document.querySelector('#dropdown0').style.visibility = 'hidden';</script>
                                    <div class="mt-48 py-32 w-256" :class="'bg-white mt-0 py-32 lg:w-375'">
                                        <ul x-ref="side10" role="list"  data-ref="desktop-level2">
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Campaigns hub</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns/middle-east-emergency-appeal" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Middle East emergency appeal</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns/lent-devotional" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Get your free Lent devotional emails</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns/no-going-back" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Practise what you pray</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate/ways-to-give/legacy-gift" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Leave a gift in your will</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns/rubbish-campaign" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Rubbish campaign</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns/all-campaigns" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">All campaigns</a>
                                                </li>
                                        </ul>
                                        
                                        <template x-if="showMapGraphic(0)">
                                            <img class="absolute block mt-20" src="/assets-frontend/images/map-graphics/Org_TopNav_Dropdown_0.png" alt="" fetchpriority="low" />
                                        </template>
                                    </div>
                                <div class="bg-blue px-40 py-40 text-white w-375" x-ref="side20" x-cloak>
                                        <template x-if="desktopView">
                                            <div> 
                                                <img src="/-/media/tearfund/images/home/copy-of-legacies_homepage_fullwidthbanner_no-guides.jpg?m=295" class="rounded-10 w-full" alt="Photo of woman holding a crop of sweet potatoes." fetchpriority="low">
                                            </div>
                                        </template>
                                    <p class="font-bold mt-16 text-20">Leave a legacy of lasting transformation for generations to come by giving a gift to Tearfund in your will.</p>
                                    <a class="bg-transparent border-white button mt-32 text-white focus:border-focusblue hover:bg-white hover:text-darkgrey" href="/get-involved/donate/ways-to-give/legacy-gift">Get your free guide today</a>
                                </div>
                            </div>
                        </li>
                        <li class="inline-block" :class="'inline-block relative'">

                            <button @click="toggleLevel1('Giving', 1)" @focus="closeOtherDropdowns('Giving')" class="enhanced" :class="(level1Selected === 'Giving' ? 'bg-darknavy text-white' : 'bg-transparent hover:bg-lightblue') + ' border-0 cursor-pointer enhanced font-bold h-88 p-0 passes-hover relative text-20 top-nav-org__level1 z-50'" style="outline-width: 0;" :aria-expanded="level1Selected === 'Giving' ? 'true' : 'false'" aria-controls="dropdown1">
                                <span class="h-64 inline-block mx-8 px-8 pt-18 rounded-6">
                                        <span class="mr-2">Giving</span>
                                    <span class="toggle-arrow toggle-arrow--expanded-white" aria-hidden="true">
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                    </span>
                                </span>
                            </button>

                            
                            <div class="top-nav-org__line-animation-container-1 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-1 bg-darknavy h-full" style="width: 0px"></div>
                            </div>
                            <div class="top-nav-org__line-animation-container-2 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-2 bg-darknavy h-full" style="width: 0px"></div>
                            </div>

                            
                            <div id="dropdown1" class="temp-hide absolute ml-[16rem] left-0" :class="(previousSelected === '' || previousSelected === 'Giving' ? 'motion-safe:duration-300 motion-safe:transition-all' : '') + ' flex-row absolute flex overflow-hidden rounded-b-10 w-750 z-10 lg:left-auto lg:ml-0'" :style="level1Selected === 'Giving' ? 'visibility: visible; top: 5.5rem' : 'visibility: hidden; top: ' + ((($refs.dropdown1.scrollHeight * -1) + 88) / 16) + 'rem'" x-ref="dropdown1">
                                <script type="text/javascript">document.querySelector('#dropdown1').style.visibility = 'hidden';</script>
                                    <div class="mt-48 py-32 w-256" :class="'bg-white mt-0 py-32 lg:w-375'">
                                        <ul x-ref="side11" role="list"  data-ref="desktop-level2">
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Donate</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate/give-monthly" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Give monthly</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/forms/increase-direct-debit?Appeal=C9C26C04-4AAC-4D68-AD04-C217FFC1A0DB" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Increase Direct Debit</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate/ways-to-give/legacy-gift" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Leave a gift in your will</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/campaigns/in-memory" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Give in memory</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate/ways-to-give" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Ways to give</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate/where-your-money-goes" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Where your money goes</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/donate/giving-faqs" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">FAQs about giving</a>
                                                </li>
                                        </ul>
                                        
                                        <template x-if="showMapGraphic(1)">
                                            <img class="absolute block mt-20" src="/assets-frontend/images/map-graphics/Org_TopNav_Dropdown_1.png" alt="" fetchpriority="low" />
                                        </template>
                                    </div>
                                <div class="bg-blue px-40 py-40 text-white w-375" x-ref="side21" x-cloak>
                                        <template x-if="desktopView">
                                            <div> 
                                                <img src="/-/media/tearfund/images/get-involved/donate/donatepage-smilingchild-overview.jpg?m=295" class="rounded-10 w-full" alt="" fetchpriority="low">
                                            </div>
                                        </template>
                                    <p class="font-bold mt-16 text-20">Help lift more people out of extreme poverty.</p>
                                    <a class="bg-transparent border-white button mt-32 text-white focus:border-focusblue hover:bg-white hover:text-darkgrey" href="/get-involved/donate">Find out more</a>
                                </div>
                            </div>
                        </li>
                        <li class="inline-block" :class="'inline-block relative'">

                            <button @click="toggleLevel1('Stories', 2)" @focus="closeOtherDropdowns('Stories')" class="enhanced" :class="(level1Selected === 'Stories' ? 'bg-darknavy text-white' : 'bg-transparent hover:bg-lightblue') + ' border-0 cursor-pointer enhanced font-bold h-88 p-0 passes-hover relative text-20 top-nav-org__level1 z-50'" style="outline-width: 0;" :aria-expanded="level1Selected === 'Stories' ? 'true' : 'false'" aria-controls="dropdown2">
                                <span class="h-64 inline-block mx-8 px-8 pt-18 rounded-6">
                                        <span class="mr-2">Stories</span>
                                    <span class="toggle-arrow toggle-arrow--expanded-white" aria-hidden="true">
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                    </span>
                                </span>
                            </button>

                            
                            <div class="top-nav-org__line-animation-container-1 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-1 bg-darknavy h-full" style="width: 0px"></div>
                            </div>
                            <div class="top-nav-org__line-animation-container-2 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-2 bg-darknavy h-full" style="width: 0px"></div>
                            </div>

                            
                            <div id="dropdown2" class="temp-hide absolute ml-[32rem] left-0" :class="(previousSelected === '' || previousSelected === 'Stories' ? 'motion-safe:duration-300 motion-safe:transition-all' : '') + ' popup-1 flex-row-reverse absolute flex overflow-hidden rounded-b-10 w-750 z-10 lg:left-auto lg:ml-0'" :style="level1Selected === 'Stories' ? 'visibility: visible; top: 5.5rem' : 'visibility: hidden; top: ' + ((($refs.dropdown2.scrollHeight * -1) + 88) / 16) + 'rem'" x-ref="dropdown2">
                                <script type="text/javascript">document.querySelector('#dropdown2').style.visibility = 'hidden';</script>
                                    <div class="mt-48 py-32 w-256" :class="'bg-white mt-0 py-32 lg:w-375'">
                                        <ul x-ref="side12" role="list"  data-ref="desktop-level2">
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/stories" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Stories hub</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/stories/all-stories?Story%20type=Stories%20from%20around%20the%20world" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Stories from around the world</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/stories/all-stories?Story%20type=Supporter%20stories" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Supporter stories</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/stories/all-stories" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">All stories</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/stories/tear-times-magazine" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Tear Times Magazine</a>
                                                </li>
                                        </ul>
                                        
                                        <template x-if="showMapGraphic(2)">
                                            <img class="absolute block mt-20" src="/assets-frontend/images/map-graphics/Org_TopNav_Dropdown_2.png" alt="" fetchpriority="low" />
                                        </template>
                                    </div>
                                <div class="bg-blue px-40 py-40 text-white w-375" x-ref="side22" x-cloak>
                                        <template x-if="desktopView">
                                            <div> 
                                                <img src="/-/media/tearfund/images/stories/stories-overview-rs117871-credittompricetearfund.jpg?m=295" class="rounded-10 w-full" alt="" fetchpriority="low">
                                            </div>
                                        </template>
                                    <p class="font-bold mt-16 text-20">Read inspirational stories from people who are being empowered to lift themselves out of poverty.</p>
                                    <a class="bg-transparent border-white button mt-32 text-white focus:border-focusblue hover:bg-white hover:text-darkgrey" href="/stories">Read stories</a>
                                </div>
                            </div>
                        </li>
                        <li class="inline-block" :class="'inline-block relative'">

                            <button @click="toggleLevel1('Get Involved', 3)" @focus="closeOtherDropdowns('Get Involved')" class="enhanced" :class="(level1Selected === 'Get Involved' ? 'bg-darknavy text-white' : 'bg-transparent hover:bg-lightblue') + ' border-0 cursor-pointer enhanced font-bold h-88 p-0 passes-hover relative text-20 top-nav-org__level1 z-50'" style="outline-width: 0;" :aria-expanded="level1Selected === 'Get Involved' ? 'true' : 'false'" aria-controls="dropdown3">
                                <span class="h-64 inline-block mx-8 px-8 pt-18 rounded-6">
                                        <span class="mr-2">Get Involved</span>
                                    <span class="toggle-arrow toggle-arrow--expanded-white" aria-hidden="true">
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                    </span>
                                </span>
                            </button>

                            
                            <div class="top-nav-org__line-animation-container-1 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-1 bg-darknavy h-full" style="width: 0px"></div>
                            </div>
                            <div class="top-nav-org__line-animation-container-2 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-2 bg-darknavy h-full" style="width: 0px"></div>
                            </div>

                            
                            <div id="dropdown3" class="temp-hide absolute ml-[48rem] left-0" :class="(previousSelected === '' || previousSelected === 'Get Involved' ? 'motion-safe:duration-300 motion-safe:transition-all' : '') + ' flex-row-reverse right-0 absolute flex overflow-hidden rounded-b-10 w-750 z-10 lg:left-auto lg:ml-0'" :style="level1Selected === 'Get Involved' ? 'visibility: visible; top: 5.5rem' : 'visibility: hidden; top: ' + ((($refs.dropdown3.scrollHeight * -1) + 88) / 16) + 'rem'" x-ref="dropdown3">
                                <script type="text/javascript">document.querySelector('#dropdown3').style.visibility = 'hidden';</script>
                                    <div class="mt-48 py-32 w-256" :class="'bg-white mt-0 py-32 lg:w-375'">
                                        <ul x-ref="side13" role="list"  data-ref="desktop-level2">
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Get involved - overview</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/pray" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Pray</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/take-action" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Take action</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/fundraise" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Fundraise</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/events" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Events</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/resources" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Resources</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/engage-my-church" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Engage my church</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/more-ways-to-get-involved/join-a-community-group/the-well" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">The Well – Black Majority Churches</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/get-involved/more-ways-to-get-involved" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">More ways to get involved</a>
                                                </li>
                                        </ul>
                                        
                                        <template x-if="showMapGraphic(3)">
                                            <img class="absolute block mt-20" src="/assets-frontend/images/map-graphics/Org_TopNav_Dropdown_3.png" alt="" fetchpriority="low" />
                                        </template>
                                    </div>
                                <div class="bg-blue px-40 py-40 text-white w-375" x-ref="side23" x-cloak>
                                        <template x-if="desktopView">
                                            <div> 
                                                <img src="/-/media/tearfund/images/get-involved/fundraise/fundraisinghubpage_runningcelebration_overview_creditemmaboydtearfund.jpg?m=295" class="rounded-10 w-full" alt="" fetchpriority="low">
                                            </div>
                                        </template>
                                    <p class="font-bold mt-16 text-20">Fundraise for Tearfund and make a real difference to people living in poverty.</p>
                                    <a class="bg-transparent border-white button mt-32 text-white focus:border-focusblue hover:bg-white hover:text-darkgrey" href="/get-involved/fundraise">Get started</a>
                                </div>
                            </div>
                        </li>
                        <li class="inline-block" :class="'inline-block relative'">

                            <button @click="toggleLevel1('About Us', 4)" @focus="closeOtherDropdowns('About Us')" class="enhanced" :class="(level1Selected === 'About Us' ? 'bg-darknavy text-white' : 'bg-transparent hover:bg-lightblue') + ' border-0 cursor-pointer enhanced font-bold h-88 p-0 passes-hover relative text-20 top-nav-org__level1 z-50'" style="outline-width: 0;" :aria-expanded="level1Selected === 'About Us' ? 'true' : 'false'" aria-controls="dropdown4">
                                <span class="h-64 inline-block mx-8 px-8 pt-18 rounded-6">
                                        <span class="mr-2">About Us</span>
                                    <span class="toggle-arrow toggle-arrow--expanded-white" aria-hidden="true">
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                        <span class="bg-blue hover:bg-darkgrey"></span>
                                    </span>
                                </span>
                            </button>

                            
                            <div class="top-nav-org__line-animation-container-1 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-1 bg-darknavy h-full" style="width: 0px"></div>
                            </div>
                            <div class="top-nav-org__line-animation-container-2 absolute h-10 z-20" style="bottom: -10px; width: 375px;">
                                <div class="top-nav-org__line-animation-2 bg-darknavy h-full" style="width: 0px"></div>
                            </div>

                            
                            <div id="dropdown4" class="temp-hide absolute ml-[64rem] left-0" :class="(previousSelected === '' || previousSelected === 'About Us' ? 'motion-safe:duration-300 motion-safe:transition-all' : '') + ' flex-row-reverse right-0 absolute flex overflow-hidden rounded-b-10 w-750 z-10 lg:left-auto lg:ml-0'" :style="level1Selected === 'About Us' ? 'visibility: visible; top: 5.5rem' : 'visibility: hidden; top: ' + ((($refs.dropdown4.scrollHeight * -1) + 88) / 16) + 'rem'" x-ref="dropdown4">
                                <script type="text/javascript">document.querySelector('#dropdown4').style.visibility = 'hidden';</script>
                                    <div class="mt-48 py-32 w-256" :class="'bg-white mt-0 py-32 lg:w-375'">
                                        <ul x-ref="side14" role="list"  data-ref="desktop-level2">
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">About us hub</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/what-we-do" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">What we do</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/our-impact/where-we-work" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Where we work</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/our-vision-and-values" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Our vision and values</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/our-impact" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Our impact</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/our-team" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Our team</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/work-with-us" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Work with us</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/about-us/annual-report" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Annual report</a>
                                                </li>
                                                <li class="passes-hover px-24 hover:bg-lightblue">
                                                    <a href="/useful-links/contact-us" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" class="block border-2 border-solid border-transparent px-16 py-8 rounded-6 text-20 text-darkgrey focus:border-focusblue hover:underline">Contact Us</a>
                                                </li>
                                        </ul>
                                        
                                        <template x-if="showMapGraphic(4)">
                                            <img class="absolute block mt-20" src="/assets-frontend/images/map-graphics/Org_TopNav_Dropdown_4.png" alt="" fetchpriority="low" />
                                        </template>
                                    </div>
                                <div class="bg-blue px-40 py-40 text-white w-375" x-ref="side24" x-cloak>
                                        <template x-if="desktopView">
                                            <div> 
                                                <img src="/-/media/tearfund/images/about-us/our-impact/ourimpact_basicbanner.jpg?m=295" class="rounded-10 w-full" alt="Photo of woman accessing a well." fetchpriority="low">
                                            </div>
                                        </template>
                                    <p class="font-bold mt-16 text-20">Find out how effective Tearfund is and how we measure our impact around the world.</p>
                                    <a class="bg-transparent border-white button mt-32 text-white focus:border-focusblue hover:bg-white hover:text-darkgrey" href="/about-us/our-impact">See our impact</a>
                                </div>
                            </div>
                        </li>
                </ul>
            </nav>

            
            <div class="hidden h-full items-center lg:flex" role="search">
                <button @click="toggleLevel1('Search')" @focus="closeOtherDropdowns('Search')" class="top-nav-org__search-desktop button bg-blue border-0 h-64 rounded-6 cursor-pointer ml-12 mr-12 outline-none p-0 relative text-white w-64 z-50 hover:bg-darknavy" :class="level1Selected === 'Search' ? 'selected lg:bg-darknavy lg:border-darknavy lg:h-full lg:mt-0 lg:rounded-none' : ''" :aria-expanded="level1Selected === 'Search' ? 'true' : 'false'" aria-controls="dropdown-search">
                    <span class="block h-full pt-16 rounded-6 w-64">
                        <span class="sr-only">Search</span>
                        <svg x-show="level1Selected !== 'Search'" class="h-32 mr-2 pointer-events-none w-32" height="32" width="32" viewbox="0 0 31 31" focusable="false">
                            <path fill="currentColor" d="M13,1 C19.627417,1 25,6.372583 25,13 C25,15.7634905 24.0658632,18.3088017 22.4961284,20.3373946 L29.4482848,27.2903576 C30.0340712,27.8761441 30.0340712,28.8258915 29.4482848,29.411678 L29.411678,29.4482848 C28.8258915,30.0340712 27.8761441,30.0340712 27.2903576,29.4482848 L20.3373946,22.4961284 C18.3088017,24.0658632 15.7634905,25 13,25 C6.372583,25 1,19.627417 1,13 C1,6.372583 6.372583,1 13,1 Z M13,4 C8.02943725,4 4,8.02943725 4,13 C4,17.9705627 8.02943725,22 13,22 C17.9705627,22 22,17.9705627 22,13 C22,8.02943725 17.9705627,4 13,4 Z"></path>
                        </svg>
                        <template x-if="level1Selected === 'Search'">
                            <svg class="h-24 pointer-events-none mt-16 w-24" width="24" height="24" viewbox="0 0 24 24" focusable="false">
                                <g transform="translate(-0.626 -0.126)">
                                    <path fill="#FFF" d="M1.5,0h29a1.5,1.5,0,0,1,0,3H1.5a1.5,1.5,0,0,1,0-3Z" transform="translate(0.626 22.753) rotate(-45)"></path>
                                    <path fill="#FFF" d="M-1.5,0h-29A1.5,1.5,0,0,0-32,1.5,1.5,1.5,0,0,0-30.5,3h29A1.5,1.5,0,0,0,0,1.5,1.5,1.5,0,0,0-1.5,0Z" transform="translate(25.374 22.753) rotate(45)"></path>
                                </g>
                            </svg>
                        </template>
                    </span>
                </button>

                <div id="dropdown-search" class="temp-hide absolute left-0 ml-40 top-[46rem]" :class="(previousSelected === '' || previousSelected === 'Search' ? 'motion-safe:duration-150 motion-safe:transition-all' : '') + ' absolute bg-yellow border-0 border-darknavy border-solid border-t-10 grid left-0 text-center w-screen lg:ml-0 lg:top-0'" :style="level1Selected === 'Search' ? 'visibility: visible; top: 5.5rem' : 'visibility: hidden; top: ' + ((($refs.dropdownsearch.scrollHeight * -1) + 88) / 16) + 'rem'" x-ref="dropdownsearch" data-cloak>

                        <form class="pb-48 pt-40 span-11 start-8" role="search" action="/search/search-results" method="get" @submit="saveSearch('desktop')">
                        <h2 class="block mb-32 text-30">What are you looking for today?</h2>
                        <div class="flex">
                            <label class="sr-only" for="search-desktop">Search</label>
                            <input class="border-2 border-gold border-solid flex-grow h-64 outline-none placeholder-midgrey px-20 py-16 rounded-6 text-20 active:border-darknavy focus:border-focusblue hover:border-darknavy hover:placeholder-darkgrey" name="q" id="search-desktop" type="text" placeholder="Search" autocomplete="none" />
                            <button class="button button--darknavy ml-8 flex-grow-0 flex-shrink-0 w-160" type="submit">
Search                            </button>
                        </div>
                        </form>

                    
                    <div class="flex items-end justify-end overflow-hidden span-6 start-1" x-cloak>
                        <img class="block" src="/assets-frontend/images/map-graphics/TopNav_Search_Desktop.png" alt="" loading="lazy" fetchpriority="low" />
                    </div>

                </div>
            </div>

            
                    <div class="hidden items-center lg:inline-flex">
                        <a class="bg-yellow border-gold text-darkgrey hover:bg-darknavy hover:border-darknavy hover:text-white button border-2 border-solid h-64 relative rounded-6 cursor-pointer font-bold pt-16 px-20 text-20 text-center z-50" href="/get-involved/donate" @focus="closeOtherDropdowns('')">
                            <span>Donate</span>
                            <span class="hidden lg1280:inline"> now</span>
                        </a>
                    </div>



            
                <a class="ga-topnav-button-donate bg-yellow border-yellow text-darkgrey hover:bg-darknavy hover:border-darknavy hover:text-white border-3 border-solid font-bold h-64 px-12 py-16 text-18 sm:px-16 lg:hidden" style="outline-offset: -0.5rem;"
                    href="/get-involved/donate">
                    <span style="outline: none;">Donate</span>
                    <span class="hidden sm:inline" style="outline: none;"> now</span>
                </a>

            <nav aria-label="primary">
                <button @click="toggleMenu()" class="bg-transparent block border-3 border-solid border-transparent cursor-pointer enhanced h-64 outline-none relative w-64 z-10 lg:hidden focus:border-focusblue" style="outline-offset: -0.5rem;" :aria-expanded="expanded ? 'true' : 'false'" aria-controls="mobile-menu">
                    <span class="sr-only">Show Menu</span>
                    <span class="mobile-menu__bar mobile-menu__bar--1 absolute bg-darkgrey rounded-full"></span>
                    <span class="mobile-menu__bar mobile-menu__bar--2 absolute bg-darkgrey rounded-full"></span>
                    <span class="mobile-menu__bar mobile-menu__bar--3 absolute bg-darkgrey rounded-full"></span>
                </button>

                
                <div class="absolute inset-0 lg:hidden" style="top: 4.125rem;" data-cloak>

                    
                    <div id="mobile-menu" x-show="expanded" class="lg:hidden" :class="'mobile-menu__container absolute motion-safe:duration-300 grid left-0 top-0 motion-safe:transition-all w-full z-50 lg:hidden'" x-transition:enter-start="left-full" x-transition:enter-end="left-0" x-transition:leave-start="left-0" x-transition:leave-end="left-full">

                        <div @click="toggleMenu()" class="span-5 md:span-9"></div>

                        <div class="bg-blue span-20 start-6 md:span-16 md:start-10" :class="'bg-blue overflow-y-auto span-20 start-6 md:span-16 md:start-10'">

                            
                            <form class="top-nav__search-mobile bg-cover bg-lightblue flex px-20 py-20 sm:px-24 sm:py-24 md:px-56 md:py-32" role="search" action="/search/search-results" method="get" @submit="saveSearch('mobile')">
                                <label class="sr-only" for="search-mobile">Search</label>
                                <input class="border-2 border-darknavy border-solid flex-grow h-40 min-w-0 outline-none placeholder-midgrey px-12 py-10 rounded-4 text-16 sm:h-48 focus:border-focusblue" name="q" id="search-mobile" type="text" placeholder="Search" autocomplete="none" />
                                <button class="button button--darknavy flex flex-shrink-0 h-40 items-center justify-center ml-4 p-0 rounded-4 w-40 sm:h-48 sm:w-48" type="submit">
                                    <span class="sr-only">Search</span>
                                    <svg width="1.625rem" height="1.625rem" viewBox="0 0 26 26" focusable="false">
                                        <path fill="#fff" d="M11,1 C16.5228475,1 21,5.4771525 21,11 C21,13.2323856 20.2685002,15.2939203 19.03212,16.9579846 C19.0631793,16.9835319 19.0936388,17.0115343 19.1231567,17.0410522 L24.6754352,22.5933308 C25.2503925,23.168288 25.2503925,24.1004779 24.6754352,24.6754352 C24.1004779,25.2503925 23.168288,25.2503925 22.5933308,24.6754352 L17.0410522,19.1231567 L16.9579846,19.03212 C15.2939203,20.2685002 13.2323856,21 11,21 C5.4771525,21 1,16.5228475 1,11 C1,5.4771525 5.4771525,1 11,1 Z M11,4 C7.13400675,4 4,7.13400675 4,11 C4,14.8659932 7.13400675,18 11,18 C14.8659932,18 18,14.8659932 18,11 C18,7.13400675 14.8659932,4 11,4 Z"></path>
                                    </svg>
                                </button>
                            </form>

                            <ul class="list-none m-0 p-0" role="list">

                                    <li class="mobile-menu__level1item" :class="(isOpen('Campaigns') ? 'open' : '') + ' mobile-menu__level1item border-0 border-b-2 border-compblue border-solid p-0'">
                                        <button @click="toggleLevel1Mobile('Campaigns', 0)" :class="(isOpen('Campaigns') ? 'bg-darknavy' : 'bg-transparent') + ' border-0 cursor-pointer outline-none p-0 text-22 text-white w-full sm:text-26'" style="outline-offset: -0.5rem;" :aria-expanded="isOpen('Campaigns') ? 'true' : 'false'" aria-controls="dropdown-mobile0">
                                            <span class="border-2 border-solid border-transparent flex items-center justify-between mx-12 my-12 px-10 py-4 rounded-4 sm:py-6 md:mx-40 md:px-16 focus:border-focusblue">
                                                <span>Campaigns</span>
                                                <span class="toggle-arrow" aria-hidden="true">
                                                    <span class="bg-white"></span>
                                                    <span class="bg-white"></span>
                                                </span>
                                            </span>
                                        </button>
                                        <div id="dropdown-mobile0" :style="isOpen('Campaigns') ? ('max-height: ' + $refs.level20.scrollHeight + 'px') : 'visibility: hidden'" class="motion-safe:duration-700 max-h-0 overflow-hidden motion-safe:transition-all" x-ref="level20">
                                            <ul class="bg-white list-none m-0 pb-20 pt-24 pl-0" role="list">
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns">Campaigns hub</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns/middle-east-emergency-appeal">Middle East emergency appeal</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns/lent-devotional">Get your free Lent devotional emails</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns/no-going-back">Practise what you pray</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate/ways-to-give/legacy-gift">Leave a gift in your will</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns/rubbish-campaign">Rubbish campaign</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns/all-campaigns">All campaigns</a>
                                                    </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="mobile-menu__level1item" :class="(isOpen('Giving') ? 'open' : '') + ' mobile-menu__level1item border-0 border-b-2 border-compblue border-solid p-0'">
                                        <button @click="toggleLevel1Mobile('Giving', 1)" :class="(isOpen('Giving') ? 'bg-darknavy' : 'bg-transparent') + ' border-0 cursor-pointer outline-none p-0 text-22 text-white w-full sm:text-26'" style="outline-offset: -0.5rem;" :aria-expanded="isOpen('Giving') ? 'true' : 'false'" aria-controls="dropdown-mobile1">
                                            <span class="border-2 border-solid border-transparent flex items-center justify-between mx-12 my-12 px-10 py-4 rounded-4 sm:py-6 md:mx-40 md:px-16 focus:border-focusblue">
                                                <span>Giving</span>
                                                <span class="toggle-arrow" aria-hidden="true">
                                                    <span class="bg-white"></span>
                                                    <span class="bg-white"></span>
                                                </span>
                                            </span>
                                        </button>
                                        <div id="dropdown-mobile1" :style="isOpen('Giving') ? ('max-height: ' + $refs.level21.scrollHeight + 'px') : 'visibility: hidden'" class="motion-safe:duration-700 max-h-0 overflow-hidden motion-safe:transition-all" x-ref="level21">
                                            <ul class="bg-white list-none m-0 pb-20 pt-24 pl-0" role="list">
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate">Donate now</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate/give-monthly">Give monthly</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/forms/increase-direct-debit?Appeal=C9C26C04-4AAC-4D68-AD04-C217FFC1A0DB">Increase your support today</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate/ways-to-give/legacy-gift">Leave a gift in your will</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/campaigns/in-memory">Give in memory</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate/ways-to-give">Ways to give</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate/where-your-money-goes">Where your money goes</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/donate/giving-faqs">FAQs about giving</a>
                                                    </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="mobile-menu__level1item" :class="(isOpen('Stories') ? 'open' : '') + ' mobile-menu__level1item border-0 border-b-2 border-compblue border-solid p-0'">
                                        <button @click="toggleLevel1Mobile('Stories', 2)" :class="(isOpen('Stories') ? 'bg-darknavy' : 'bg-transparent') + ' border-0 cursor-pointer outline-none p-0 text-22 text-white w-full sm:text-26'" style="outline-offset: -0.5rem;" :aria-expanded="isOpen('Stories') ? 'true' : 'false'" aria-controls="dropdown-mobile2">
                                            <span class="border-2 border-solid border-transparent flex items-center justify-between mx-12 my-12 px-10 py-4 rounded-4 sm:py-6 md:mx-40 md:px-16 focus:border-focusblue">
                                                <span>Stories</span>
                                                <span class="toggle-arrow" aria-hidden="true">
                                                    <span class="bg-white"></span>
                                                    <span class="bg-white"></span>
                                                </span>
                                            </span>
                                        </button>
                                        <div id="dropdown-mobile2" :style="isOpen('Stories') ? ('max-height: ' + $refs.level22.scrollHeight + 'px') : 'visibility: hidden'" class="motion-safe:duration-700 max-h-0 overflow-hidden motion-safe:transition-all" x-ref="level22">
                                            <ul class="bg-white list-none m-0 pb-20 pt-24 pl-0" role="list">
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/stories">Stories hub</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/stories/all-stories?Story%20type=Stories%20from%20around%20the%20world">Stories from around the world</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/stories/all-stories?Story%20type=Supporter%20stories">Supporter stories</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/stories/all-stories">All stories</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/stories/tear-times-magazine">Tear Times magazine</a>
                                                    </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="mobile-menu__level1item" :class="(isOpen('Get Involved') ? 'open' : '') + ' mobile-menu__level1item border-0 border-b-2 border-compblue border-solid p-0'">
                                        <button @click="toggleLevel1Mobile('Get Involved', 3)" :class="(isOpen('Get Involved') ? 'bg-darknavy' : 'bg-transparent') + ' border-0 cursor-pointer outline-none p-0 text-22 text-white w-full sm:text-26'" style="outline-offset: -0.5rem;" :aria-expanded="isOpen('Get Involved') ? 'true' : 'false'" aria-controls="dropdown-mobile3">
                                            <span class="border-2 border-solid border-transparent flex items-center justify-between mx-12 my-12 px-10 py-4 rounded-4 sm:py-6 md:mx-40 md:px-16 focus:border-focusblue">
                                                <span>Get Involved</span>
                                                <span class="toggle-arrow" aria-hidden="true">
                                                    <span class="bg-white"></span>
                                                    <span class="bg-white"></span>
                                                </span>
                                            </span>
                                        </button>
                                        <div id="dropdown-mobile3" :style="isOpen('Get Involved') ? ('max-height: ' + $refs.level23.scrollHeight + 'px') : 'visibility: hidden'" class="motion-safe:duration-700 max-h-0 overflow-hidden motion-safe:transition-all" x-ref="level23">
                                            <ul class="bg-white list-none m-0 pb-20 pt-24 pl-0" role="list">
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved">Get involved - overview</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/pray">Pray with us</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/take-action">Take action</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/fundraise">Fundraise</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/events">Events</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/resources">Resources</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/engage-my-church">Engage my church</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/more-ways-to-get-involved/join-a-community-group/the-well">The Well – Black Majority Churches</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/get-involved/more-ways-to-get-involved">More ways to get involved</a>
                                                    </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="mobile-menu__level1item" :class="(isOpen('About Us') ? 'open' : '') + ' mobile-menu__level1item border-0 border-b-2 border-compblue border-solid p-0'">
                                        <button @click="toggleLevel1Mobile('About Us', 4)" :class="(isOpen('About Us') ? 'bg-darknavy' : 'bg-transparent') + ' border-0 cursor-pointer outline-none p-0 text-22 text-white w-full sm:text-26'" style="outline-offset: -0.5rem;" :aria-expanded="isOpen('About Us') ? 'true' : 'false'" aria-controls="dropdown-mobile4">
                                            <span class="border-2 border-solid border-transparent flex items-center justify-between mx-12 my-12 px-10 py-4 rounded-4 sm:py-6 md:mx-40 md:px-16 focus:border-focusblue">
                                                <span>About Us</span>
                                                <span class="toggle-arrow" aria-hidden="true">
                                                    <span class="bg-white"></span>
                                                    <span class="bg-white"></span>
                                                </span>
                                            </span>
                                        </button>
                                        <div id="dropdown-mobile4" :style="isOpen('About Us') ? ('max-height: ' + $refs.level24.scrollHeight + 'px') : 'visibility: hidden'" class="motion-safe:duration-700 max-h-0 overflow-hidden motion-safe:transition-all" x-ref="level24">
                                            <ul class="bg-white list-none m-0 pb-20 pt-24 pl-0" role="list">
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us">About us hub</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/what-we-do">What we do</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/our-impact/where-we-work">Where we work</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/our-vision-and-values">Vision and values</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/our-impact">Our impact</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/our-team">Our team</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/work-with-us">Work with us</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/about-us/annual-report">Annual Report</a>
                                                    </li>
                                                    <li class="passes-hover px-12 py-6 md:px-44 hover:bg-lightblue">
                                                        <a class="block border-2 border-solid border-transparent px-10 text-18 text-darkgrey rounded-6 sm:text-20 focus:border-focusblue hover:underline" style="text-underline-offset: 5px; text-decoration-thickness: 2px;" href="/useful-links/contact-us">Contact us</a>
                                                    </li>
                                            </ul>
                                        </div>
                                    </li>
                            </ul>
                        </div>
                    </div>

                    
                    <div class="mobile-menu__overlay absolute bg-overlay left-0 top-0 w-full z-40 lg:hidden" x-cloak x-show="expanded"></div>

                </div>

            </nav>

        </div>
    </div>

</div>
<div class="pt-64 lg:pt-[54rem]" data-class="pt-64 lg:pt-88"></div>
</header>
<script>!function(){for(var e=document.querySelectorAll("[data-class]"),t=0;t<e.length;t++)e[t].setAttribute("data-class-old",e[t].getAttribute("class")||""),e[t].setAttribute("class",e[t].getAttribute("data-class")||"")}(),function(){for(var e=document.querySelectorAll(".top-nav-org [data-cloak]"),t=0;t<e.length;t++)e[t].style.display="none"}();var animationsAllowed=!window.matchMedia("(prefers-reduced-motion: reduce)").matches,topNavOrg=(window.addEventListener("js-error",function(){for(var e=document.querySelectorAll("[data-class]"),t=0;t<e.length;t++)e[t].setAttribute("class",e[t].getAttribute("data-class-old")||"");for(var o=document.querySelectorAll(".top-nav-org [data-cloak]"),n=0;n<o.length;n++)o[n].style.display="block"}),function(){return{expanded:!1,desktopView:!1,level1Selected:"",previousSelected:"",level1SelectedMobile:[],toggleLevel1Lock:!1,init:function(){for(var t=this,e=document.querySelectorAll(".temp-hide"),o=0;o<e.length;o++)e[o].classList.remove("temp-hide");function n(){t.desktopView=1248<=window.innerWidth}window.addEventListener("resize",n),n(),document.addEventListener("keyup",function(e){"Escape"===e.key&&t.toggleLevel1("")});var l=window.sessionStorage.getItem("search-term");l&&(document.querySelector("#search-desktop").value=l,document.querySelector("#search-mobile").value=l),this.$nextTick(function(){for(var e=document.querySelectorAll(".top-nav-org [data-cloak]"),t=0;t<e.length;t++)e[t].style.display="block"});for(var i=document.querySelectorAll(".top-nav-org a, .top-nav-org button"),s=0;s<i.length;s++)i[s].addEventListener("blur",function(){window.setTimeout(function(){var e;null!=(e=document.querySelector(".top-nav-org"))&&e.contains(document.activeElement)||!t.expanded||t.toggleMenu()},1)})},toggleMenu:function(){if(this.expanded=!this.expanded,this.level1Selected="",this.level1SelectedMobile=[],this.expanded?(this.$el.classList.add("open"),this.$el.classList.remove("close"),document.body.classList.add("noscroll")):(this.$el.classList.remove("open"),this.$el.classList.add("close"),document.body.classList.remove("noscroll")),animationsAllowed)for(var e=document.querySelectorAll(".mobile-menu__level1item ul li"),t=0;t<e.length;t++)e[t].classList.add("list-animation-ready1")},toggleLevel1:function(e,t){var o,n=this,l=(this.toggleLevel1Lock||(this.toggleLevel1Lock=!0,this.level1Selected===e?(this.level1Selected="",window.setTimeout(function(){n.previousSelected=""},1)):(this.level1Selected=e,window.setTimeout(function(){n.previousSelected=e},1),"Search"===e&&window.setTimeout(function(){document.querySelector("#search-desktop").focus()},100)),window.setTimeout(function(){n.toggleLevel1Lock=!1},100)),null==(o=null==(o=document.querySelector("#dropdown".concat(t)))?void 0:o.parentElement)?void 0:o.querySelector(".top-nav-org__line-animation-1")),i=null==(t=null==(o=document.querySelector("#dropdown".concat(t)))?void 0:o.parentElement)?void 0:t.querySelector(".top-nav-org__line-animation-2");document.querySelectorAll(".top-nav-org__line-animation-1, .top-nav-org__line-animation-2").forEach(function(e){e.classList.remove("animate","no-animate")}),l&&i&&this.level1Selected&&(this.previousSelected&&(l.classList.add("no-animate"),i.classList.add("no-animate")),window.setTimeout(function(){l.classList.add("animate"),i.classList.add("animate")},1))},closeOtherDropdowns:function(e){var t;document.body.classList.contains("using-mouse")||(t=this,window.setTimeout(function(){t.level1Selected!==e&&t.toggleLevel1("")},150))},checkMenuFocus:function(){var t;document.body.classList.contains("using-mouse")||(t=this,window.setTimeout(function(){var e;null!=(e=document.querySelector(".top-nav-org"))&&e.contains(document.activeElement)||t.toggleLevel1("")},1))},showMapGraphic:function(e){return this.$refs["side1"+e.toString()].offsetHeight<this.$refs["side2"+e.toString()].offsetHeight-110-20-15},toggleLevel1Mobile:function(e,t){var o,n=this.level1SelectedMobile.indexOf(e);if(-1===n?(o=JSON.parse(JSON.stringify(this.level1SelectedMobile))).push(e):(o=JSON.parse(JSON.stringify(this.level1SelectedMobile))).splice(n,1),this.level1SelectedMobile=o,animationsAllowed){var l=150,i=document.querySelectorAll("#dropdown-mobile".concat(t," li"));if(this.isOpen(e))for(var s=0;s<i.length;s++)!function(e){var t=i[e];t.classList.add("list-animation-ready1"),t.classList.add("list-animation-ready2"),window.setTimeout(function(){t.classList.remove("list-animation-ready1")},e*l)}(s);else window.setTimeout(function(){for(var e=0;e<i.length;e++)i[e].classList.add("list-animation-ready1")},300)}},isOpen:function(e){return-1!==this.level1SelectedMobile.indexOf(e)},saveSearch:function(e){window.sessionStorage.setItem("search-term",document.querySelector("#search-".concat(e)).value)}}});</script>
        <main id="main" >
            
            
            







<section class="overflow-hidden relative">

    
	    <div class="relative w-full md:hidden" style="padding-top: 100%;">
        <picture>
            <source media="(max-width: 375px)" type="image/avif" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,h_375/c_crop,g_north_east,h_375,w_375/f_avif/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/hubbanner_pray.jpg">
            <source media="(max-width: 375px)" type="image/webp" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,h_375/c_crop,g_north_east,h_375,w_375/f_webp/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/hubbanner_pray.jpg">
            <img class="absolute block inset-0 w-full motion-safe:scale-120" src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,h_767/c_crop,g_north_east,h_767,w_767/f_jpg/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/hubbanner_pray.jpg" alt="" loading="lazy" fetchpriority="high">
        </picture>
    </div>

    <div class="bg-darknavy grid pb-48 md:pb-0 relative z-10 md:pt-40 lg:bg-white lg:min-h-[43.75vw] lg:overflow-hidden lg:py-0"> 


        <div class="items-center -mt-40 md:-mb-64 relative span-23 start-2 z-10 md:grid-12 md:mt-0 lg:flex lg:mb-0 lg:py-160 lg:span-11 lg:start-2">

            
            <div class="bg-white h-full hidden mx-16 rounded-8 span-23 start-1 md:block lg:hidden"></div>

            <div class="bg-white px-20 py-28 rounded-6 md:px-0 md:pb-64 md:pt-40 md:span-19 md:start-3 lg:pb-80 lg:px-56 lg:pt-56 lg:rounded-10">
                <h1 class="text-heading-30 md:text-heading-40 lg:text-heading-52">Pray with us</h1>
                <div class="bg-blue h-4 mb-4 mt-18 w-48 md:h-6 md:mt-24 md:w-64"></div>
                <p class="mt-24 py-8 text-20 md:-mb-24 md:pt-12 md:font-normal md:text-22 lg:font-normal lg:text-26">Join us in prayer for people affected by poverty. Find resources, guides and creative ideas to help you get started.</p>
            </div>

        </div>

        
        <picture>
            <source media="(min-width: 1248px)" type="image/avif" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1920/f_avif/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/hubbanner_pray.jpg">
            <img class="absolute hidden h-full inset-0 object-cover span-25 start-1 w-full lg:block motion-safe:scale-120" src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1920/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/hubbanner_pray.jpg" alt="" loading="lazy" fetchpriority="high"/>
        </picture>

    </div>

    
    
    <div class="hub-page-banner__img-container hidden overflow-hidden md:flex lg:hidden justify-end">
        <img class="block flex-grow-0 h-full motion-safe:scale-120" src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1279/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/hubbanner_pray.jpg" alt="" loading="lazy" fetchpriority="high"/>
    </div>

    

    <script>"use strict";!function(){var e=document.querySelector(".hub-page-banner__img-container");if(e){var n=function(){if(window.innerWidth<768)e.style.height="100vw";else if(window.innerWidth<1280){var n=Math.floor(window.innerWidth/16*9);e.style.height=n>614?n+"px":"614px"}else e.style.height="auto"};window.addEventListener("resize",n),n()}}(),function(){var e,n,i=null===(n=null===(e=document.currentScript)||void 0===e?void 0:e.parentNode)||void 0===n?void 0:n.querySelectorAll("img");console.log(i);for(var t=function(e){window.setTimeout(function(){e.style.transitionDuration="3s",e.classList.remove("motion-safe:scale-120")},500)},o=function(e){var n=i[e];n.complete?t(n):n.addEventListener("load",function(){t(n)})},r=0;r<i.length;r++)o(r)}();</script>

</section>






    <div class="body-text container mt-48 md:mt-56 space-below md:grid lg:mt-72 md:no-container">
        <div class="text-18 md:start-4 md:span-19 lg:start-6 lg:span-15 lg:text-20">
            <h3 id="a5d411a99-8838-4c9c-8a0b-ef971c96358b">Join us in prayer</h3>
<p>Prayer is at the heart of everything we do at Tearfund. Our vision is far bigger than what we can achieve alone. We believe in a loving God who hears and responds to our prayers. Your prayers can make a difference &ndash; please join us in praying for an end to extreme poverty and injustice.</p>
<h3 id="a93204f59-a532-4637-bb23-87422c480fc3">Why pray?</h3>
        </div>

        

    </div>




<div class="video pt-48 md:pt-64 space-below">


    <div class="md:grid print:hidden">

        <div class="md:span-19 md:start-4 lg:span-15 lg:start-6">
            <div class="video__container relative">
                <iframe src="https://www.youtube-nocookie.com/embed/9p5OUQwyc-E" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen rel="0" wmode="opaque" loading="lazy"></iframe>
            </div>
        </div>
    </div>

        <div class="px-24 mt-16 md:grid md:px-0 lg:mt-24">
            <div class="md:span-19 md:start-4 lg:span-15 lg:start-6">
                    <div class="flex">
                        <svg class="flex-shrink-0 mr-12" width="1.75rem" height="1.75rem" viewBox="0 0 28 28" focusable="false">
                            <path fill="#008CAA" fill-rule="nonzero" d="M21.5,0 L4.5,0 C2.01471863,0 0,2.01471863 0,4.5 L0,21.5 C0,23.9852814 2.01471863,26 4.5,26 L21.5,26 C23.9852814,26 26,23.9852814 26,21.5 L26,4.5 C26,2.01471863 23.9852814,0 21.5,0 Z M4.5,3 L21.5,3 C22.3284271,3 23,3.67157288 23,4.5 L23,21.5 C23,22.3284271 22.3284271,23 21.5,23 L4.5,23 C3.67157288,23 3,22.3284271 3,21.5 L3,4.5 C3,3.67157288 3.67157288,3 4.5,3 Z"></path>
                            <g stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(1, 6)">
                                <circle fill="#008CAA" cx="7.5" cy="2.5" r="2.5"></circle>
                                <path fill="#008CAA" fill-rule="nonzero" d="M15.6111965,5.19718781 C16.8376089,3.79352714 18.9373586,3.60484002 20.390966,4.73352859 L20.5622068,4.87530819 L24.2477968,8.12642674 L22.2632315,10.3762046 L18.5776414,7.12508602 C18.3912143,6.96219353 18.1209271,6.96091382 17.9355576,7.1086902 L17.8703542,7.17106882 L13.7231778,11.9176193 C12.5742151,13.2326368 10.6412772,13.4928604 9.19107903,12.5565546 L9.02596288,12.4432012 L7.66993392,11.4548499 C7.49797444,11.329516 7.26893023,11.3283448 7.09731641,11.4433383 L7.02761764,11.4997101 L2.08687118,16.2837722 L0,14.1285533 L4.94074646,9.34449113 C6.11477339,8.20769573 7.91055654,8.04008405 9.26945064,8.91559317 L9.43696036,9.03047008 L10.7929893,10.0188214 C10.9761727,10.1523359 11.2220419,10.1440765 11.3948355,10.0092337 L11.46402,9.94373828 L15.6111965,5.19718781 Z"></path>
                            </g>
                        </svg>
                        <p id="video-caption-399958ec-2c85-4759-9c4d-1b876e426bab" class="text-16 text-midgrey lg:text-18">Every prayer is a light in the darkness. Together, our prayers can make a difference. Will you join us?</p>
                    </div>
                <p class="hidden mt-8 text-16 print:block">https://www.youtube.com/watch?v=9p5OUQwyc-E</p>

                
                                    <div class="bg-lightgrey my-16 h-2 w-full lg:my-24"></div>

            </div>
        </div>

</div>



        <div class="promo--inline container pt-48 space-below md:pt-64 md:no-container md:grid lg:block lg:pt-80">
            <div class="overflow-hidden flex-row-reverse md:span-19 md:start-4 lg:grid">

                    <div class="pt-2/3 relative md:pt-16-9 lg:hidden">
                        <div class="absolute flex inset-0 justify-center overflow-hidden rounded-t-6 md:rounded-t-10">
                            <img src="/-/media/tearfund/images/get-involved/pray/prayerhubpage_promocomponent_onevoicesignup.jpg?w=834" class="block flex-shrink-0 h-full" alt="Hands holding a mobile phone">
                        </div>
                    </div>
                    <div class="lg:rounded-l-10 lg:rounded-r-none lg:start-2 promo--in-page__img bg-center bg-cover flex-shrink-0 hidden lg:block lg:span-14 lg:w-auto" style="background-image: url('/-/media/tearfund/images/get-involved/pray/prayerhubpage_promocomponent_onevoicesignup.jpg?w=834')" role="img" aria-label="Hands holding a mobile phone"></div>
                <div class="lg:rounded-l-none lg:rounded-r-10 lg:start-16 bg-darknavy items-center py-32 px-24 rounded-b-6 md:px-40 md:py-48 md:start-1 md:span-1 lg:flex lg:px-56 lg:py-64 lg:span-9 lg:w-auto">
                    <div>
                        <h2 class="text-26 text-white tracking-wide md:text-40">
                            Sign up to our prayer email: One Voice in Prayer
                        </h2>
                        <p class="font-bold mt-16 text-18 text-compbluegrey tracking-wide md:mt-24 md:text-22 lg:text-20">
                            Get weekly updates and prayer requests from Tearfund’s work around the world, alongside creative prayer guides and resources to equip and inspire you to pray for people living in poverty.
                        </p>
<a class="ga-promoted-campaign-button button button--blue-alt mt-24 passes-hover px-32 tracking-wide w-auto md:inline-block md:mt-32" href="/forms/one-voice-in-prayer">Sign up now</a>                    </div>
                </div>
            </div>
        </div>






<div class="grid pt-48 space-below lg:pt-80">



	

    <figure class="flex items-start m-0 span-23 start-2 md:span-19 md:start-4 lg:span-17 lg:pr-40 lg:span-19">

                <svg class="flex-shrink-0 mt-6 text-yellow w-28 md:w-34 lg:w-44" viewbox="0 0 44 84" focusable="false" aria-hidden="true">
                    <path fill="currentColor" d="M24.7008851,29.9899241 C24.9915223,29.5525293 25.3678602,28.8696578 25.6957587,28.4501159 C25.901813,28.1864144 26.5337627,27.7211245 26.7543489,27.4656056 C28.6084653,25.3184286 30.493136,23.9363205 33.3805051,22.6683963 C33.8608017,22.4578814 35.5628926,21.8903096 36.072253,21.7121531 C37.8466305,21.0917665 38.8988863,21.0519696 41.0224012,20.8991046 C42.0768926,20.8232299 42.8873234,19.9320752 42.8873234,18.8765255 L43,13.15134 L42.9473139,10.6147477 L43,8.18415664 L42.8873234,3.03881675 C42.8873234,1.88433251 41.924867,0.949661474 40.7690251,1.00210422 C38.7286027,1.09508781 36.482126,1.32494324 34.5452897,1.67344573 C34.3001111,1.71733399 34.0549325,1.75043614 33.8075182,1.78130669 C32.597275,1.93305591 31.4570828,2.27672326 30.8161905,2.50806643 C30.6328654,2.57464268 30.4491678,2.63303637 30.2621167,2.68808266 C27.980987,3.35942417 25.8176027,4.21375739 23.7764351,5.2239311 C23.6139763,5.30426892 23.4489093,5.38014353 23.2819792,5.45118299 C20.9203654,6.45763736 18.9719781,7.56525787 18.7174843,7.7311406 C18.2982959,8.00414041 17.9040726,8.45455292 17.1942471,9.16717915 C17.02918,9.33306187 16.8577786,9.49410944 16.6815332,9.64883414 C16.4777145,9.8281065 16.1773894,10.0929238 15.8807904,10.3551375 C15.3412484,10.8323293 14.7562479,11.2544748 14.1276517,11.6063247 C13.7058551,11.842503 13.2080457,12.1612507 12.7855039,12.5439712 C12.0782866,13.1844421 10.3881194,14.9012911 8.14984008,18.9494247 C8.0402922,19.1469218 7.92291948,19.3433031 7.80033018,19.5326177 C7.11360658,20.5944903 6.47569512,21.6823983 5.89404805,22.7937382 C4.86787506,24.7538322 4.94314265,25.0859696 4.25418337,27.1550404 C4.07831059,27.684303 2.97687001,29.9125617 2.82335394,30.4462875 C2.70262771,30.8665734 2.58860848,31.2887189 2.4820415,31.7112363 C1.7103624,34.7715122 1.31278557,37.8898098 1.31278557,40.9794685 L1.31241296,40.9794685 L1.31241296,41.3926876 C1.31241296,41.5236085 1.30794162,41.6541574 1.30272505,41.7847064 C1.25316768,42.9897737 1.40929204,48.5650697 1.47449911,50.7721282 C1.49201186,51.3761496 1.45698635,51.9764516 1.36904996,52.5741502 C1.28968364,53.1119672 1.18907844,53.7940948 1.10933951,54.3374909 C1.017677,54.9582494 0.984141935,55.5812394 1.00687126,56.2083207 C1.16709434,60.6674417 1.27887789,65.3884045 1.35302765,70.0643633 C1.36681429,70.9480793 1.54305968,70.8785276 1.55423804,71.7562927 C1.56690684,72.7121639 1.41190032,73.7851946 1.3955054,74.8217756 C1.38134615,75.7188813 1.39326973,76.7543465 1.41078248,77.7760502 L1.41078248,80.8478561 C1.41078248,81.7970325 2.04794872,82.6037582 2.91576167,82.8663438 C3.63602035,83.0664445 4.31380127,82.9827593 4.431174,82.9820154 L6.18654834,82.9712293 C6.86581971,82.9425904 7.69897976,82.774848 8.38868427,82.666987 C10.5856036,82.3225758 10.6269635,82.3225758 10.6269635,82.3225758 L16.2224754,82.9310604 C16.5391955,82.9578397 16.8566608,82.9701135 17.1744987,82.96751 L30.5378494,82.8648561 C36.7858046,82.8648561 41.9379084,78.1952202 42.6902117,72.162073 C42.7289633,71.8544833 42.7420048,71.5439181 42.7472213,71.2337249 L42.9543935,59.073703 C43.1224414,54.0942459 42.7852277,53.8461656 42.604511,51.6707216 C42.5713485,51.2734957 42.561288,50.8732943 42.5739568,50.4753246 L42.8150367,43.0176688 C42.8150367,41.8918235 41.9010199,40.9794685 40.7734964,40.9794685 L37.3014994,41.0486483 C37.1189196,41.0523677 36.9363398,41.0512519 36.75376,41.044929 C34.8594014,40.982444 33.0406831,40.9221906 33.0280143,40.9214468 C32.1389625,40.8563583 29.8626768,41.3175569 29.3749279,41.2383348 L25.8339976,41.0174058 C25.6536535,41.0062478 25.4725642,40.9999249 25.2918474,40.9980652 L23.4343774,40.9794685 C22.2189176,40.9794685 21.2467734,39.9242908 21.4017799,38.721455 C21.7781178,35.792472 22.8765775,32.73294 24.7008851,29.9899241"></path>
                </svg>

        
        <div class="ml-16 lg:ml-24">
            <blockquote class="keep m-0 text-26 md:text-30 lg:text-40" style="word-break: break-word;">‘And pray in the Spirit on all occasions with all kinds of prayers and requests.’</blockquote>
                <figcaption class="mt-8 text-18 md:text-20 lg:mt-12 lg:font-normal lg:text-22">Ephesians 6:18</figcaption>
        </div>

    </figure>
</div>










<section class="navi_cards bg-lightblue pb-48 pt-40 space-above-56 md:pb-56 md:pt-48 md:space-above-64 lg:pb-80 lg:pt-64 lg:space-above-80 overflow-hidden px-24 relative md:px-0 ">

			<div class="md:grid">
				<div class="md:start-4 lg:start-6 lg:span-15 md:span-19">
					<h2 class="text-darknavy text-30 lg:text-40 lg:text-center">Equipping you to pray</h2>
					<div class="bg-blue h-4 mt-12 w-48 lg:h-6 lg:mt-20 lg:w-64 lg:mx-auto"></div>
				</div>
			</div>
			<div class="md:grid">
				<p class="mt-24 text-20 text-darknavy md:mt-24 lg:mt-40 md:span-19 md:start-4 lg:font-normal lg:span-15 lg:text-26 lg:start-6 lg:text-center">Praying for an end to global poverty and injustice can feel overwhelming, so we’ve created some resources and guides to help you get started. You can also sign up to receive regular prayer updates from our work around the world.</p>
			</div>
    <ul class="mt-32 md:hidden" role="list">


		
		





<li class="relative mt-32 z-10 first:mt-0">

<a class="bg-white block border-2 border-compnavy border-solid flex flex-col focus-large h-full overflow-hidden passes-hover relative rounded-6 z-10 lg:rounded-10 lg:hover:shadow-yellow-hover" href="/get-involved/pray/prayer-resources">






<div class="overflow-hidden relative -mt-1 pt-16-9">
    <div class="absolute flex inset-0 justify-center ">
			<picture>
				<source media="(max-width: 2559px)" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg 1x, https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1404/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg 2x">
				<source media="(min-width: 2560px)" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1053/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg 1x, https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_2106/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg 2x">
				<img class="block motion-safe:duration-500 h-full object-cover w-full lg:motion-safe:hover:scale-110" style="margin-left: -1px; width: calc(100% + 2px); " src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg" data-credit="Image credit goes here" data-resource-id="108607" alt="" loading="lazy"/>
			</picture>
    </div>
</div>


<div class="flex flex-col flex-grow justify-between px-20 pb-32 pt-20 lg:px-24">

    <div>



            <h3 class="mt-8 text-26 text-darkgrey lg:mb-4 lg:mt-8 lg:text-30 hover:text-blue">
Prayer                    <span class="inline-block">
                        resources
                    </span>
            </h3>

        <p class="mt-16 text-18 text-midgrey lg:mb-8 lg:mt-20 lg:text-20" data-ref="synopsis">Discover Tearfund’s prayer resources for individuals, families and churches. Join us as we pray for an end to poverty.</p>



    </div>

    <div>

    </div>

</div>

</a>

	

</li>





<li class="relative mt-32 z-10 first:mt-0">

<a class="bg-white block border-2 border-compnavy border-solid flex flex-col focus-large h-full overflow-hidden passes-hover relative rounded-6 z-10 lg:rounded-10 lg:hover:shadow-yellow-hover" href="/get-involved/pray/sign-up-to-prayer-updates">






<div class="overflow-hidden relative -mt-1 pt-16-9">
    <div class="absolute flex inset-0 justify-center ">
			<picture>
				<source media="(max-width: 2559px)" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg 1x, https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1404/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg 2x">
				<source media="(min-width: 2560px)" srcset="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_1053/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg 1x, https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_2106/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg 2x">
				<img class="block motion-safe:duration-500 h-full object-cover w-full lg:motion-safe:hover:scale-110" style="margin-left: -1px; width: calc(100% + 2px); " src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg" data-credit="Image credit goes here" data-resource-id="108607" alt="" loading="lazy"/>
			</picture>
    </div>
</div>


<div class="flex flex-col flex-grow justify-between px-20 pb-32 pt-20 lg:px-24">

    <div>



            <h3 class="mt-8 text-26 text-darkgrey lg:mb-4 lg:mt-8 lg:text-30 hover:text-blue">
Sign up to prayer                    <span class="inline-block">
                        updates
                    </span>
            </h3>

        <p class="mt-16 text-18 text-midgrey lg:mb-8 lg:mt-20 lg:text-20" data-ref="synopsis">Receive prayer points for global issues and updates from our work around the world by email, post, app or text.</p>



    </div>

    <div>

    </div>

</div>

</a>

	

</li>
    </ul>


    
    <ul class="hidden relative mt-40 z-10 md:block lg:hidden" role="list">


		





<li class="grid mt-32 relative first:mt-0">
    <a class="border-2 border-compnavy border-solid focus-large grid-10 overflow-hidden passes-hover rounded-8 span-19 start-4 lg:span-23 lg:start-2 lg:grid-12 z-10 hover:shadow-yellow-hover" href="/get-involved/pray/prayer-resources">









<div class="overflow-hidden pt-16-9 relative span-8 start-1 bg-bg-complightblue">
    <div class="absolute h-full top-0 w-full">
        <img class="block motion-safe:duration-500 mx-auto object-cover motion-safe:hover:scale-110 h-full w-full"  src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg" alt="" loading="lazy"/>
    </div>
</div>


<div class="bg-white items-center px-32 pb-40 pt-32 span-11 start-9 lg:span-15 md:flex lg:pb-48 lg:px-48">
    <div>


            <h3 class="mt-8 text-26 text-darkgrey lg:text-30 hover:text-blue">

				Prayer
                <span class="inline-block">
                    resources
                </span>
            </h3>

            <p class="mt-16 text-18 text-midgrey lg:text-20" data-ref="synopsis">Discover Tearfund’s prayer resources for individuals, families and churches. Join us as we pray for an end to poverty.</p>




    </div>
</div>

</a></li>





<li class="grid mt-32 relative first:mt-0">
    <a class="border-2 border-compnavy border-solid focus-large grid-10 overflow-hidden passes-hover rounded-8 span-19 start-4 lg:span-23 lg:start-2 lg:grid-12 z-10 hover:shadow-yellow-hover" href="/get-involved/pray/sign-up-to-prayer-updates">









<div class="overflow-hidden pt-16-9 relative span-8 start-1 bg-bg-complightblue">
    <div class="absolute h-full top-0 w-full">
        <img class="block motion-safe:duration-500 mx-auto object-cover motion-safe:hover:scale-110 h-full w-full"  src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg" alt="" loading="lazy"/>
    </div>
</div>


<div class="bg-white items-center px-32 pb-40 pt-32 span-11 start-9 lg:span-15 md:flex lg:pb-48 lg:px-48">
    <div>


            <h3 class="mt-8 text-26 text-darkgrey lg:text-30 hover:text-blue">

				Sign up to prayer
                <span class="inline-block">
                    updates
                </span>
            </h3>

            <p class="mt-16 text-18 text-midgrey lg:text-20" data-ref="synopsis">Receive prayer points for global issues and updates from our work around the world by email, post, app or text.</p>




    </div>
</div>

</a></li>
    </ul>


    
        <div class="hidden mt-56 relative lg:block">

            <ul role="list">
                





<li class="grid mt-32 relative first:mt-0">
    <a class="border-2 border-compnavy border-solid focus-large grid-10 overflow-hidden passes-hover rounded-8 span-19 start-4 lg:span-23 lg:start-2 lg:grid-12 z-10 hover:shadow-yellow-hover" href="/get-involved/pray/prayer-resources">









<div class="overflow-hidden pt-16-9 relative span-8 start-1 bg-bg-complightblue">
    <div class="absolute h-full top-0 w-full">
        <img class="block motion-safe:duration-500 mx-auto object-cover motion-safe:hover:scale-110 h-full w-full"  src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerresources_rs97072_credithazelthompsontearfund.jpg" alt="" loading="lazy"/>
    </div>
</div>


<div class="bg-white items-center px-32 pb-40 pt-32 span-11 start-9 lg:span-15 md:flex lg:pb-48 lg:px-48">
    <div>


            <h3 class="mt-8 text-26 text-darkgrey lg:text-30 hover:text-blue">

				Prayer
                <span class="inline-block">
                    resources
                </span>
            </h3>

            <p class="mt-16 text-18 text-midgrey lg:text-20" data-ref="synopsis">Discover Tearfund’s prayer resources for individuals, families and churches. Join us as we pray for an end to poverty.</p>




    </div>
</div>

</a></li>





<li class="grid mt-32 relative first:mt-0">
    <a class="border-2 border-compnavy border-solid focus-large grid-10 overflow-hidden passes-hover rounded-8 span-19 start-4 lg:span-23 lg:start-2 lg:grid-12 z-10 hover:shadow-yellow-hover" href="/get-involved/pray/sign-up-to-prayer-updates">









<div class="overflow-hidden pt-16-9 relative span-8 start-1 bg-bg-complightblue">
    <div class="absolute h-full top-0 w-full">
        <img class="block motion-safe:duration-500 mx-auto object-cover motion-safe:hover:scale-110 h-full w-full"  src="https://res.cloudinary.com/tearfund/image/fetch/c_scale,w_702/f_auto/https://www.tearfund.org/-/media/tearfund/images/get-involved/pray/prayer-resources/assets/prayer-hub-page/prayerhubpage_navcard_prayerupdates_rs130831_credittumuheirwejesustearfund.jpg" alt="" loading="lazy"/>
    </div>
</div>


<div class="bg-white items-center px-32 pb-40 pt-32 span-11 start-9 lg:span-15 md:flex lg:pb-48 lg:px-48">
    <div>


            <h3 class="mt-8 text-26 text-darkgrey lg:text-30 hover:text-blue">

				Sign up to prayer
                <span class="inline-block">
                    updates
                </span>
            </h3>

            <p class="mt-16 text-18 text-midgrey lg:text-20" data-ref="synopsis">Receive prayer points for global issues and updates from our work around the world by email, post, app or text.</p>




    </div>
</div>

</a></li>
            </ul>

            

        </div>


    
    	
</section>

<script>"use strict";!function(){var e=document.querySelectorAll(".navi-cards__img-landscape"),t=function(){for(var t=0;t<e.length;t++)e[t].style.minHeight=Math.floor(e[t].offsetWidth/16*9)+"px"};window.addEventListener("resize",t),t()}();</script>






<section class="grid mb-48 mt-64 md:mb-56 md:my-56 lg:mb-64 lg:mt-72">

    <div class="border-2 border-purple border-solid pb-40 relative rounded-8 span-23 start-2 text-center lg:pb-56 lg:rounded-10 lg:text-left">

        
        <div class="absolute flex justify-center top-0 w-full lg:justify-start">
            <img class="block lg:hidden" style="margin-top: -2.125rem;" src="/assets-frontend/icons/Share-Graphic-84px.svg" alt="" loading="lazy"/>
            <img class="hidden lg:block" style="margin-left: -0.8125rem; margin-top: -2.625rem;" src="/assets-frontend/icons/Share-Graphic-104px.svg" alt="" loading="lazy"/>
        </div>

        <div class="mt-64 pt-4 px-24 md:grid md:grid-12 md:mt-72 lg:mt-48">

            <div class="md:span-19 md:start-3 lg:span-11 lg:start-3">
                <h2 class="text-26 md:text-30 lg:text-40">Share this page</h2>
                <p class="mt-16 text-18 lg:mt-24 lg:text-20">Please share this page with friends and family to invite them to join us in prayer</p>
            </div>

            <div class="hidden justify-center py-8 lg:flex lg:start-15">
                <div class="bg-purple h-full w-2"></div>
            </div>

            <div class="md:row-start-2 md:span-19 md:start-3 lg:flex lg:items-center lg:row-start-1 lg:span-7 lg:start-17">
                <div>
                    <h3 class="font-bold mt-24 text-20 text-purple md:text-22 lg:mt-0">Share on</h3>
                    <ul class="mt-8 lg:mt-12" role="list">
                        <li class="inline-block mr-4">
                            
                            <a class="button block border-0 p-0 rounded-full text-purple hover:text-darknavy" href="mailto:?subject=Tearfund%3a Pray with us&body=Join us in prayer for people affected by poverty. Find resources%2c guides and creative ideas to help you get started.%0d%0asee https%3a%2f%2fwww.tearfund.org%2fget-involved%2fpray">
                                <span class="sr-only">Email - Share this page</span>
                                <svg class="align-bottom h-48 w-48 md:h-60 md:w-60" viewBox="0 0 60 60" focusable="false">
                                    <g transform="translate(2, 2)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <circle fill="currentColor" fill-rule="evenodd" cx="28" cy="28" r="28"></circle>
                                        <path fill="#FFFFFF" fill-rule="nonzero" d="M38.65,16 L17.35,16 C14.9475613,16 13,17.930772 13,20.3125 L13,34.6875 C13,37.069228 14.9475613,39 17.35,39 L38.65,39 C41.0524387,39 43,37.069228 43,34.6875 L43,20.3125 C43,17.930772 41.0524387,16 38.65,16 Z M37.6785,18.875 L28.1785,25.703125 L18.6785,18.875 L37.6785,18.875 Z M38.6,36.125 L17.6,36.125 C16.7715729,36.125 16.1,35.4814093 16.1,34.6875 L16.1,20.671875 L27.2,28.65 C27.4596443,28.8366193 27.7754447,28.9375 28.1,28.9375 C28.4245553,28.9375 28.7403557,28.8366193 29,28.65 L40.1,20.671875 L40.1,34.6875 C40.1,35.4814093 39.4284271,36.125 38.6,36.125 Z"></path>
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="inline-block mr-4">
                            <a class="button block border-0 p-0 rounded-full text-purple hover:text-darknavy" href="https://www.facebook.com/sharer/sharer.php?u=https://www.tearfund.org/get-involved/pray">
                                <span class="sr-only">Facebook - Share this page</span>
                                <svg class="align-bottom h-48 w-48 md:h-60 md:w-60" viewBox="0 0 60 60" focusable="false">
                                    <g transform="translate(2, 2)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <path d="M56,28 C56,43.464 43.464,56 28,56 C12.536,56 0,43.464 0,28 C0,12.536 12.536,0 28,0 C43.464,0 56,12.536 56,28" fill="currentColor"></path>
                                        <path fill="#FFFFFF" d="M38.8994,36.0937 L40.1404,27.9997 L32.3754,27.9997 L32.3754,22.7477 C32.3754,20.5327 33.4604,18.3747 36.9374,18.3747 L40.4684,18.3747 L40.4684,11.4847 C40.4684,11.4847 37.2644,10.9377 34.2014,10.9377 C27.8054,10.9377 23.6254,14.8137 23.6254,21.8307 L23.6254,27.9997 L16.5154,27.9997 L16.5154,36.0937 L23.6254,36.0937 L23.6254,55.6597 C25.0504,55.8837 26.5114,55.9997 28.0004,55.9997 C29.4884,55.9997 30.9494,55.8837 32.3754,55.6597 L32.3754,36.0937 L38.8994,36.0937 Z"></path>
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="inline-block mr-4">
                            <a class="button block border-0 p-0 rounded-full text-purple hover:text-darknavy" href="https://twitter.com/intent/tweet?url=https://www.tearfund.org/get-involved/pray&text=Pray+with+us">
                                <span class="sr-only">X - Share this page</span>
                                <svg class="align-bottom h-48 w-48 md:h-60 md:w-60" viewBox="0 0 60 60" focusable="false">
                                    <g transform="translate(2 3)">
                                        <circle fill="currentColor" class="st3" cx="28" cy="28" r="28"/>
                                        <path fill="#FFFFFF" class="st4" d="m31 26 9.6-11.2h-2.3l-8.3 9.7-6.7-9.7h-7.7l10.1 14.7-10.2 11.7h2.3l8.9-10.2 7.1 10.3h7.7l-10.5-15.3zm-3.2 3.6-1-1.5-8.2-11.7h3.5l6.6 9.4 1 1.5 8.6 12.2h-3.5l-7-9.9z"/>
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="inline-block">
                            <a class="button block border-0 p-0 rounded-full text-purple hover:text-darknavy" href="https://wa.me/?text=https://www.tearfund.org/get-involved/pray">
                                <span class="sr-only">Whats App - Share this page</span>
                                <svg class="align-bottom h-48 w-48 md:h-60 md:w-60" viewBox="0 0 60 60" focusable="false">
                                    <g transform="translate(2, 2)">
                                        <circle fill="currentColor" cx="28" cy="28" r="28"></circle>
                                        <g stroke-width="1" fill="none" transform="translate(13, 12)">
                                            <path fill="#FFFFFF" d="M22.5944129,18.6600172 C22.2088735,18.4671365 20.3134344,17.534473 19.9600048,17.4057379 C19.6065752,17.2770768 19.3495489,17.2127833 19.0925227,17.5986186 C18.8354964,17.9846019 18.0966754,18.8530458 17.871685,19.110442 C17.6468425,19.3676162 17.421926,19.399948 17.0364606,19.2069193 C16.6508473,19.0138907 15.4085537,18.6068215 13.9359427,17.2932057 C12.7897566,16.2709456 12.0160143,15.0084539 11.7910979,14.6223967 C11.5662554,14.2364874 11.7672005,14.0278477 11.9602291,13.8355589 C12.1336516,13.6628024 12.3457685,13.3852081 12.5385012,13.1601437 C12.7313079,12.9350053 12.7955274,12.7740864 12.9240406,12.5169862 C13.0525537,12.25959 12.9883341,12.0344516 12.8919308,11.8414969 C12.7955274,11.6485422 12.0244487,9.75073556 11.7032029,8.97869499 C11.3902434,8.22707446 11.072401,8.32887876 10.8357208,8.31689308 C10.6111002,8.30572124 10.353778,8.3033537 10.0968258,8.3033537 C9.83979952,8.3033537 9.42207637,8.39983103 9.06872076,8.78574033 C8.71529117,9.17179761 7.71929594,10.1045351 7.71929594,12.0021938 C7.71929594,13.8999265 9.10083055,15.7331437 9.29363723,15.9904659 C9.48636993,16.2478621 12.0122411,20.1420243 15.8798425,21.8121031 C16.7997064,22.2093322 17.5178854,22.4466043 18.0777351,22.6241699 C19.0013723,22.9177451 19.8418496,22.8763131 20.5060931,22.7770243 C21.2468377,22.6663418 22.7871456,21.8443609 23.1084654,20.9438072 C23.4297112,20.0431055 23.4297112,19.2712129 23.3333079,19.110442 C23.2369785,18.9495971 22.9799523,18.8530458 22.5944129,18.6600172 M15.5597064,28.2652081 L15.5545274,28.2652081 C13.2532768,28.2643203 10.9961217,27.6460959 9.02699284,26.4775661 L8.55873747,26.1996019 L3.70475895,27.4728955 L5.0003222,22.7403274 L4.69542721,22.2551294 C3.41162768,20.2131986 2.73362291,17.8532773 2.7345837,15.4299504 C2.73739618,8.35884296 8.49067064,2.60601241 15.5648115,2.60601241 C18.9903484,2.60719618 22.2104272,3.94300764 24.6318305,6.36714845 C27.0531599,8.79121527 28.385864,12.0135136 28.3846071,15.4402344 C28.3817208,22.5119337 22.6284463,28.2652081 15.5597064,28.2652081 M26.4746659,4.52512697 C23.5614797,1.60853747 19.6872936,0.0016424821 15.5595585,1.4797136e-05 C7.05468258,1.4797136e-05 0.13273031,6.92144916 0.129326969,15.4289146 C0.128217184,18.1484802 0.838701671,20.8029384 2.18901432,23.1430315 L0,31.1387379 L8.17970883,28.9930053 C10.4334606,30.2222773 12.9709475,30.8702439 15.5534177,30.8711317 L15.5597064,30.8711317 L15.5597804,30.8711317 C24.0637685,30.8711317 30.9863866,23.9489575 30.9897911,15.4412702 C30.9913437,11.3184181 29.387852,7.44164248 26.4746659,4.52512697"></path>
                                        </g>
                                    </g>
                                </svg>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

</section>


            





	<section class="bg-blue grid pb-40 pt-48 relative space-above-48 md:py-56 md:space-above-56 lg:py-80 lg:space-above-80">

		
		<img class="absolute left-0 top-0 lg:hidden" src="/assets-frontend/images/map-graphics/SubscribeTo_Mobile.png" srcset="/assets-frontend/images/map-graphics/SubscribeTo_Mobile.png 212w, /assets-frontend/images/map-graphics/SubscribeTo_Tablet.png 264w" alt="" sizes="(max-width: 767px) 212px, 264px" loading="lazy"/>

		
		<div class="absolute hidden inset-0 lg:grid">
			<div class="overflow-hidden span-10 start-1">
				<div class="items-end flex flex-col"> 
					<picture>
						<source media="(min-width: 1248px)" srcset="/assets-frontend/images/map-graphics/SubscribeTo_Desktop.png 1x, /assets-frontend/images/map-graphics/SubscribeTo_Desktop@2x.png 2x">
						<img class="block" width="850" src="/assets-frontend/images/map-graphics/SubscribeTo_Desktop.png" alt="" loading="lazy"/>
					</picture>
				</div>
			</div>
		</div>

		
		<div class="bg-white pb-32 pt-24 px-24 relative rounded-8 span-23 start-2 text-center z-10 md:grid-10 md:pb-40 md:pt-32 md:px-0 md:span-19 md:start-4 lg:pb-48 lg:pt-40 lg:rounded-10 lg:span-23 lg:start-2">
			<div class="md:span-15 md:start-3">
					<img class="h-96 lg:h-104" src="https://res.cloudinary.com/tearfund/image/fetch/https://tf-s9.netlify.app/assets-frontend/icons/SubscribeTo-Email.svg" alt="" loading="lazy"/>
				<h2 class="mt-16 px-8 text-26 lg:text-40">Get our prayer updates in your inbox</h2>
				<p class="mt-16 prevent-orphans text-18 lg:font-normal lg:mt-24 lg:text-26">Receive prayer points for global issues and updates from our work around the world by email.</p>
<a href="/forms/one-voice-in-prayer" class="button button--darknavy mt-24 mx-auto md:w-224 lg:mt-32 lg:w-296">					<span>Sign up now</span>
					<span class="sr-only"> - Get our prayer updates in your inbox</span>
</a>			</div>
		</div>
	</section>

            <div class="space-above-48 md:space-above-64 lg:space-above-80" aria-hidden="true"></div>
        </main>







<footer>

    <div class="bg-yellow pt-48 relative md:pt-64 md:px-0">

        
        <div class="absolute right-0 top-0 z-0 lg:left-0">
            <img class="md:hidden" src="/assets-frontend/images/map-graphics/Footer_Mobile.png" alt="" loading="lazy"/>
            <img class="hidden md:block lg:hidden" src="/assets-frontend/images/map-graphics/Footer_Tablet.png" alt="" loading="lazy"/>
            <div class="hidden overflow-hidden lg:grid">
                <div class="-ml-40 relative span-7 start-19">
                    <picture>
                        <source media="(min-width: 1248px)" srcset="/assets-frontend/images/map-graphics/Footer_Desktop.png 1x, /assets-frontend/images/map-graphics/Footer_Desktop@2x.png 2x">
                        <img width="530" src="/assets-frontend/images/map-graphics/Footer_Desktop.png" alt="" loading="lazy"/>
                    </picture>
                </div>
            </div>
        </div>

        
        <nav class="px-24 relative z-10 md:grid md:px-0" aria-label="secondary">

            
            <div class="bg-darknavy items-center justify-between px-24 py-32 rounded-8 md:flex md:span-19 md:start-4 lg:hidden">
                <p class="text-heading-26 md:pr-24">
                    
                    <span class="text-yellow">Poverty is not God’s plan. <span class="inline-block">You are. </span></span>
                    <span class="text-white"><span class="inline-block">Support our</span> work and change lives.</span>
                </p>
                <a href="/get-involved/donate" class="button button--yellow flex-shrink-0 inline-block mt-24 px-48 w-auto md:mt-0 md:px-32">Donate now</a>
            </div>

            
            <div class="mt-32 md:mr-24 md:row-start-2 md:span-9 md:start-4 lg:mr-40 lg:mt-0 lg:span-5 lg:start-2" x-data="orgFooterToggle(true)" x-init="init()">
				<h2 class="border-0 border-b-2 border-keylineyellow border-solid font-bold pb-6">
                    <button  x-on:click="expanded = !expanded" class="bg-transparent border-0 flex justify-between p-0 -my-1 rounded-3 text-26 w-full md:hidden" :aria-expanded="expanded" aria-controls="footer-expandable1">
                        <span>Useful links</span>
                        <span class="block mt-8 toggle-arrow" aria-hidden="true">
                            <span class="bg-uielementbrown"></span>
                            <span class="bg-uielementbrown"></span>
                        </span>
                    </button>
                    <span class="hidden text-26 md:block">Useful links</span>
                </h2>
                                <ul id="footer-expandable1" :style="expanded ? ('max-height: ' + $refs.container.scrollHeight + 'px') : 'visibility: hidden; max-height: 0'" x-ref="container" class="motion-safe:duration-700 pb-4 pt-8 overflow-hidden px-24 md:overflow-visible md:px-0" role="list">
                        <li class="px-4 py-1 md:px-0 md:py-4 first:pt-12">
<a href="/useful-links/contact-us" class="inline-block p-4 relative rounded-3 text-18 text-darknavy md:-ml-4">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Contact us</span>
</a>                        </li>
                        <li class="px-4 py-1 md:px-0 md:py-4 first:pt-12">
<a href="/useful-links/media" class="inline-block p-4 relative rounded-3 text-18 text-darknavy md:-ml-4">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Media</span>
</a>                        </li>
                        <li class="px-4 py-1 md:px-0 md:py-4 first:pt-12">
<a href="/about-us/work-with-us" class="inline-block p-4 relative rounded-3 text-18 text-darknavy md:-ml-4">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Jobs</span>
</a>                        </li>
                        <li class="px-4 py-1 md:px-0 md:py-4 first:pt-12">
<a href="/useful-links/general-faqs" class="inline-block p-4 relative rounded-3 text-18 text-darknavy md:-ml-4">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">FAQs</span>
</a>                        </li>
                </ul>
            </div>

            
            <div class="hidden mt-32 mr-24 md:block md:row-start-2 md:span-9 md:start-14 lg:mr-40 lg:mt-0 lg:span-5 lg:start-8">
                <h2 class="border-0 border-b-2 border-keylineyellow border-solid font-bold pb-6 text-26">Our policies</h2>
                                <ul class="pb-4 pt-8 px-0" role="list">
                        <li class="py-4 first:pt-12">
<a href="/our-policies/safeguarding" class="inline-block -ml-4 p-4 relative rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Safeguarding</span>
</a>                        </li>
                        <li class="py-4 first:pt-12">
<a href="/our-policies/privacy" class="inline-block -ml-4 p-4 relative rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Privacy</span>
</a>                        </li>
                        <li class="py-4 first:pt-12">
<a href="/our-policies/quality-standards" class="inline-block -ml-4 p-4 relative rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Standards</span>
</a>                        </li>
                        <li class="py-4 first:pt-12">
<a href="/our-policies/terms-and-conditions" class="inline-block -ml-4 p-4 relative rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Terms and conditions</span>
</a>                        </li>
                        <li class="py-4 first:pt-12">
<a href="/about-us/our-vision-and-values/diversity-and-inclusion/diversity-and-inclusion-statement" class="inline-block -ml-4 p-4 relative rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Diversity and inclusion</span>
</a>                        </li>
                        <li class="py-4 first:pt-12">
<a href="/our-policies" class="inline-block -ml-4 p-4 relative rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">See all policies</span>
</a>                        </li>
                </ul>
            </div>

            
            <h2 class="sr-only">Our other sites</h2>
            <ul class="border-2 border-solid border-uielementbrown pb-32 pt-8 px-32 mt-20 rounded-8 md:px-56 md:row-start-3 md:span-19 md:start-4 lg:border-0 lg:mt-0 lg:p-0 lg:mr-40 lg:span-5 lg:start-14" role="list">
                    <li>
                        <h3 class="mt-24 lg:mt-0">
<a href="/get-involved/more-ways-to-get-involved/join-a-community-group/the-well" class="font-bold relative rounded-3 p-4 -ml-4 text-18 text-darkgrey lg:font-bold lg:text-20">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">The Well</span>
                                    <svg class="align-middle h-20 mb-2 ml-2 text-uielementbrown w-auto" width="14" height="20" viewbox="0 0 14 20" focusable="false">
                                        <g transform="matrix(-1,0,0,1,14.016193,0)" style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round">
                                            <polyline stroke="currentColor" transform="rotate(90,7,10)" points="0 6 7 14 14 6" style="stroke-width:3"></polyline>
                                        </g>
                                    </svg>
</a>                        </h3>
                        <p class="mt-4 text-16 text-textbrown">A powerful initiative working with Black Christians in the UK</p>
                    </li>
                    <li>
                        <h3 class="mt-24 lg:mt-32">
<a href="https://weare.tearfund.org/" rel="noopener noreferrer" class="font-bold relative rounded-3 p-4 -ml-4 text-18 text-darkgrey lg:font-bold lg:text-20" target="_blank">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">We are Tearfund</span>
                                    <svg class="align-middle h-auto mb-2 ml-2 text-uielementbrown w-24 lg:mb-4" width="24" height="24" aria-label="opens in new tab" viewbox="0 0 28 28" focusable="false">
                                        <g stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" transform="translate(3, 3)">
                                            <line x1="22" y1="0" x2="11" y2="11"></line>
                                            <path d="M6.30235283,0 L2,0 C0.8954305,2.02906125e-16 -1.3527075e-16,0.8954305 0,2 L0,20 C1.3527075e-16,21.1045695 0.8954305,22 2,22 L20,22 C21.1045695,22 22,21.1045695 22,20 L22,15.5696869 L22,15.5696869"></path>
                                            <polyline points="13 0 22 0 22 9"></polyline>
                                        </g>
                                    </svg>
</a>                        </h3>
                        <p class="mt-4 text-16 text-textbrown">A movement of young people who are determined to end poverty</p>
                    </li>
                    <li>
                        <h3 class="mt-24 lg:mt-32">
<a href="https://learn.tearfund.org" rel="noopener noreferrer" class="font-bold relative rounded-3 p-4 -ml-4 text-18 text-darkgrey lg:font-bold lg:text-20" target="_blank">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Tearfund Learn</span>
                                    <svg class="align-middle h-auto mb-2 ml-2 text-uielementbrown w-24 lg:mb-4" width="24" height="24" aria-label="opens in new tab" viewbox="0 0 28 28" focusable="false">
                                        <g stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" transform="translate(3, 3)">
                                            <line x1="22" y1="0" x2="11" y2="11"></line>
                                            <path d="M6.30235283,0 L2,0 C0.8954305,2.02906125e-16 -1.3527075e-16,0.8954305 0,2 L0,20 C1.3527075e-16,21.1045695 0.8954305,22 2,22 L20,22 C21.1045695,22 22,21.1045695 22,20 L22,15.5696869 L22,15.5696869"></path>
                                            <polyline points="13 0 22 0 22 9"></polyline>
                                        </g>
                                    </svg>
</a>                        </h3>
                        <p class="mt-4 text-16 text-textbrown">Resources and tools to equip those working to end poverty</p>
                    </li>
            </ul>

            
            <div class="mt-24 md:hidden" x-data="orgFooterToggle()">
                <h2 class="border-0 border-b-2 border-keylineyellow border-solid font-bold pb-6">
                    <button  x-on:click="expanded = !expanded" class="bg-transparent border-0 flex justify-between p-0 -my-1 rounded-3 text-26 w-full" :aria-expanded="expanded" aria-controls="footer-expandable2">
                        <span>Our policies</span>
                        <span class="block mt-8 toggle-arrow" aria-hidden="true">
                            <span class="bg-uielementbrown"></span>
                            <span class="bg-uielementbrown"></span>
                        </span>
                    </button>
                </h2>
                <ul id="footer-expandable2" :style="expanded ? ('max-height: ' + $refs.container.scrollHeight + 'px') : 'visibility: hidden; max-height: 0'" x-ref="container" class="motion-safe:duration-700 pb-4 overflow-hidden px-24" role="list">
                        <li class="px-4 py-1 pt-20">
<a href="/our-policies/safeguarding" class="inline-block p-4 rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Safeguarding</span>
</a>                        </li>
                        <li class="px-4 py-1 ">
<a href="/our-policies/privacy" class="inline-block p-4 rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Privacy</span>
</a>                        </li>
                        <li class="px-4 py-1 ">
<a href="/our-policies/quality-standards" class="inline-block p-4 rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Standards</span>
</a>                        </li>
                        <li class="px-4 py-1 ">
<a href="/our-policies/terms-and-conditions" class="inline-block p-4 rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Terms and conditions</span>
</a>                        </li>
                        <li class="px-4 py-1 ">
<a href="/about-us/our-vision-and-values/diversity-and-inclusion/diversity-and-inclusion-statement" class="inline-block p-4 rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">Diversity and inclusion</span>
</a>                        </li>
                        <li class="px-4 py-1 ">
<a href="/our-policies" class="inline-block p-4 rounded-3 text-18 text-darknavy">                                <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">See all policies</span>
</a>                        </li>
                </ul>
            </div>

            
            <div class="bg-darknavy hidden p-24 rounded-10 lg:block lg:span-5 lg:start-20">
                <p class="text-heading-26">
                    
                    <span class="text-yellow">Poverty is not God’s plan. <span class="inline-block">You are. </span></span>
                    <span class="text-white"><span class="inline-block">Support our</span> work and change lives.</span>
                </p>
                <a href="/get-involved/donate" class="button button--yellow mt-24">Donate now</a>
            </div>

        </nav>

        <div class="hidden -mb-4 mt-40 lg:grid">
            <div class="bg-keylineyellow h-2 span-23 start-2 w-full"></div>
        </div>

        
        <div class="bg-yellow grid pb-24 pt-8 space-above-48 md:pb-32 md:pt-0 md:space-above-56 lg:pb-32 lg:pt-32 lg:space-above-80">
            <div class="items-center justify-between span-23 start-2 md:span-19 md:start-4 lg:flex lg:span-23 lg:start-2">

                
                <div class="flex-shrink-0 hidden lg:flex">
<a href="https://www.fundraisingregulator.org.uk/more-from-us/about-us" class="h-64 -ml-4 py-4 relative rounded-6">                        <img class="block h-56" alt="Registered with Fundraising Regulator" height="56" src="https://res.cloudinary.com/tearfund/image/upload/v1705589232/General/Footers/Footer_logo_-_Fundraising_regulator_-_Colour_-_Desktop_du8ngz.svg" loading="lazy"/>
</a>                    <a class="h-64 ml-40 py-4 relative rounded-6" href="https://www.hqai.org/en/network/audited-partners/certified-partners/tearfund/">
                        <img class="block h-56" alt="Humanitarian Quality Assurance Initiative" height="56" src="https://res.cloudinary.com/tearfund/image/upload/v1707150442/HQAI_Logo_Footer_Legible_iix1bz.svg" loading="lazy"/>
                    </a>
                </div>

                <p class="mt-16 text-14 md:mt-32 md:span-19 md:start-4 md:text-16 lg:mt-0 lg:px-48 lg:text-14">
                    <span>Tearfund has been certified against the CHS for its humanitarian, development and advocacy activities since 2016. &copy;2024 All Rights Reserved. Registered Charity No.265464 (England and Wales) No.SC037624 (Scotland). Tearfund, 100 Church Road, Teddington, TW11 8QE</span>
                    <span class="text-uielementbrown" aria-hidden="true"> | </span>
                    <a class="font-bold rounded-3 text-darkgrey whitespace-nowrap" href="tel:02039063906">
                        <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">020 3906 3906</span>
                    </a>
                    <span class="text-uielementbrown" aria-hidden="true"> | </span>
                    <a class="font-bold rounded-3 text-darkgrey whitespace-nowrap" href="mailto:info@tearfund.org">
                        <span class="border-0 border-b-2 border-solid border-transparent hover:border-darkgrey">info@tearfund.org</span>
                    </a>
                </p>

                <div class="justify-between pt-8 md:flex md:pt-20 md:row-start-2 md:span-19 md:start-4 lg:pt-0">

                    
                    <div class="flex items-center -ml-4 mt-8 lg:hidden md:mt-0">
<a href="https://www.fundraisingregulator.org.uk/more-from-us/about-us" class="block py-4 relative rounded-6">                            <img class="block h-48 md:h-60" alt="Registered with Fundraising Regulator" height="48" src="https://res.cloudinary.com/tearfund/image/upload/v1705589232/General/Footers/Footer_logo_-_Fundraising_regulator_-_Colour_-_Desktop_du8ngz.svg" loading="lazy"/>
</a>                        <a class="block ml-24 py-4 relative rounded-6 md:ml-40" href="https://www.hqai.org/en/network/audited-partners/certified-partners/tearfund/">
                            <img class="block h-48 md:h-60" alt="Humanitarian Quality Assurance Initiative" height="48" src="https://res.cloudinary.com/tearfund/image/upload/v1707150442/HQAI_Logo_Footer_Legible_iix1bz.svg" loading="lazy"/>
                        </a>
                    </div>

                    <ul class="justify-end relative -ml-4 mt-16 md:mt-0 lg:flex lg:w-full" role="list">
                        <li class="inline-block mr-4 lg:mr-8">
<a href="https://www.instagram.com/tearfund/" class="button border-0 p-0 rounded-full text-darknavy hover:text-blue">                                <span class="sr-only">Instagram</span>
                                <svg class="align-bottom h-52 w-52 md:h-60 md:w-60" height="52" width="52" viewbox="0 0 60 60" focusable="false">
                                    <g transform="translate(2, 2)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <circle fill="currentColor" cx="28" cy="28" r="28"></circle>
                                        <g stroke-width="1" fill="none" transform="translate(13, 13)">
                                            <path fill="#FFFFFF" fill-rule="nonzero" d="M15,2.70375 C19.005,2.70375 19.48,2.71875 21.0625,2.79125 C25.1275,2.97625 27.02625,4.905 27.21125,8.94 C27.28375,10.52125 27.2975,10.99625 27.2975,15.00125 C27.2975,19.0075 27.2825,19.48125 27.21125,21.0625 C27.025,25.09375 25.13125,27.02625 21.0625,27.21125 C19.48,27.28375 19.0075,27.29875 15,27.29875 C10.995,27.29875 10.52,27.28375 8.93875,27.21125 C4.86375,27.025 2.975,25.0875 2.79,21.06125 C2.7175,19.48 2.7025,19.00625 2.7025,15 C2.7025,10.995 2.71875,10.52125 2.79,8.93875 C2.97625,4.905 4.87,2.975 8.93875,2.79 C10.52125,2.71875 10.995,2.70375 15,2.70375 L15,2.70375 Z M15,0 C10.92625,0 10.41625,0.0175 8.81625,0.09 C3.36875,0.34 0.34125,3.3625 0.09125,8.815 C0.0175,10.41625 0,10.92625 0,15 C0,19.07375 0.0175,19.585 0.09,21.185 C0.34,26.6325 3.3625,29.66 8.815,29.91 C10.41625,29.9825 10.92625,30 15,30 C19.07375,30 19.585,29.9825 21.185,29.91 C26.6275,29.66 29.6625,26.6375 29.90875,21.185 C29.9825,19.585 30,19.07375 30,15 C30,10.92625 29.9825,10.41625 29.91,8.81625 C29.665,3.37375 26.63875,0.34125 21.18625,0.09125 C19.585,0.0175 19.07375,0 15,0 Z M15,7.2975 C10.74625,7.2975 7.2975,10.74625 7.2975,15 C7.2975,19.25375 10.74625,22.70375 15,22.70375 C19.25375,22.70375 22.7025,19.255 22.7025,15 C22.7025,10.74625 19.25375,7.2975 15,7.2975 Z M15,20 C12.23875,20 10,17.7625 10,15 C10,12.23875 12.23875,10 15,10 C17.76125,10 20,12.23875 20,15 C20,17.7625 17.76125,20 15,20 Z M23.0075,5.19375 C22.0125,5.19375 21.20625,6 21.20625,6.99375 C21.20625,7.9875 22.0125,8.79375 23.0075,8.79375 C24.00125,8.79375 24.80625,7.9875 24.80625,6.99375 C24.80625,6 24.00125,5.19375 23.0075,5.19375 Z"></path>
                                        </g>
                                    </g>
                                </svg>
</a>                        </li>
                        <li class="inline-block mr-4 lg:mr-8">
<a href="https://www.facebook.com/tearfund" rel="noopener noreferrer" class="button border-0 p-0 rounded-full text-darknavy hover:text-blue" target="_blank">                                <span class="sr-only">Facebook</span>
                                <svg class="align-bottom h-52 w-52 md:h-60 md:w-60" height="52" width="52" viewbox="0 0 60 60" focusable="false">
                                    <g transform="translate(2, 2)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <path d="M56,28 C56,43.464 43.464,56 28,56 C12.536,56 0,43.464 0,28 C0,12.536 12.536,0 28,0 C43.464,0 56,12.536 56,28" fill="currentColor"></path>
                                        <path fill="#FFFFFF" d="M38.8994,36.0937 L40.1404,27.9997 L32.3754,27.9997 L32.3754,22.7477 C32.3754,20.5327 33.4604,18.3747 36.9374,18.3747 L40.4684,18.3747 L40.4684,11.4847 C40.4684,11.4847 37.2644,10.9377 34.2014,10.9377 C27.8054,10.9377 23.6254,14.8137 23.6254,21.8307 L23.6254,27.9997 L16.5154,27.9997 L16.5154,36.0937 L23.6254,36.0937 L23.6254,55.6597 C25.0504,55.8837 26.5114,55.9997 28.0004,55.9997 C29.4884,55.9997 30.9494,55.8837 32.3754,55.6597 L32.3754,36.0937 L38.8994,36.0937 Z"></path>
                                    </g>
                                </svg>
</a>                        </li>
                        <li class="inline-block">
<a href="https://twitter.com/tearfund" class="button border-0 p-0 rounded-full text-darknavy hover:text-blue">                                <span class="sr-only">X</span>
                                <svg class="align-bottom h-52 w-52 md:h-60 md:w-60" height="52" width="52" viewbox="0 0 60 60" focusable="false">
                                    <g transform="translate(2 3)">
                                        <circle fill="currentColor" cx="28" cy="28" r="28"/>
                                        <path fill="#FFFFFF" d="m31 26 9.6-11.2h-2.3l-8.3 9.7-6.7-9.7h-7.7l10.1 14.7-10.2 11.7h2.3l8.9-10.2 7.1 10.3h7.7l-10.5-15.3zm-3.2 3.6-1-1.5-8.2-11.7h3.5l6.6 9.4 1 1.5 8.6 12.2h-3.5l-7-9.9z"/>
                                    </g>
                                </svg>
</a>                        </li>

                    </ul>
                </div>

            </div>
        </div>

        <script>"use strict";var orgFooterToggle=function(n){return{expanded:!!n,init:function(){var n=this,e=function(){window.innerWidth>=768&&(n.expanded=!0)};window.addEventListener("resize",e),e()}}};</script>

    </div>

</footer>




<section x-data="cookieBanner()" x-show="showBanner" x-init="init()" x-cloak>

    
    <div x-show="!showPreferences" class="cookie-banner__bottom-panel bg-yellow bottom-0 fixed grid items-center pb-24 pt-28 w-full z-50 md:pb-32 md:pt-32 lg:py-40">
        <p class="prevent-orphans span-23 start-2 text-16 md:px-16 md:text-18 md:text-center lg:px-0 lg:span-13 lg:start-2 lg:text-left" id="cookie-banner-text" tabindex="-1">We use cookies to provide you with personalised content and ensure that we give you the best experience on our website. You can choose which cookies you’re happy for us to use.</p>
        <div class="flex justify-center mt-16 row-start-2 span-23 start-2 md:mt-24 md:row-start-2 md:span-15 md:start-6 lg:mt-0 lg:row-start-1 lg:span-9 lg:start-16">
            <button @click="togglePreferences()" id="cookie-banner-preferences" class="button button--clear-darkgrey flex-grow font-normal mr-8 px-16 py-0 pt-2 text-16 w-auto sm:mr-16 sm:w-full md:max-w-[16rem] md:mr-20 lg:py-12 lg:text-18 hover:bg-blue hover:border-blue" style="min-height: 3rem;">Manage cookies</button>
            <button @click="acceptCookies(true, true, true)" class="ga-cookies-accept-all button button--darknavy flex-grow font-bold pb-0 pt-2 px-16 text-16 w-auto sm:w-full md:max-w-[16rem] lg:py-12 lg:text-18" style="min-height: 3rem;">Accept all</button>
        </div>
    </div>

    
    <div x-show="showPreferences" class="bg-overlay fixed h-full left-0 top-0 w-full z-50" x-cloak></div>

    
    <div x-show="showPreferences" class="fixed grid h-full left-0 top-0 w-full z-50 motion-safe:duration-500 motion-safe:transition-all motion-reduce:duration-500 motion-reduce:transition-opacity" x-cloak x-ref="panel" x-transition:enter-start="left-full motion-reduce:opacity-0" x-transition:enter-end="left-0 opacity-100" x-transition:leave-start="left-0 opacity-100" x-transition:leave-end="left-full motion-reduce:opacity-0">

        
        <div @click="togglePreferences()" class="span-3 md:span-9 lg:span-14"></div>

        
        <div class="bg-white h-full overflow-hidden span-20 start-6 md:span-16 md:start-10 lg:span-10 lg:start-16">
            <div class="bg-white h-full ie-scroll-section-full overflow-y-auto pb-40 pt-32 px-20 sm:pt-40 sm:px-24 md:px-48 md:py-56 lg:px-56 lg:py-64">
                <div class="max-w-[32rem]">

                    <h2 class="text-22 sm:text-26 md:text-40">Cookie preferences</h2>
                    <div class="bg-blue h-4 mt-12 w-40 md:h-6 md:w-64"></div>
                    <div class="body-text text-16 md:text-18"><p>Your privacy and peace of mind are important to us. We are committed to keeping your data safe. We only collect data from people for specific purposes and once that purpose has finished, we won&rsquo;t hold on to the&nbsp;data.</p>
<p>For further information, including a full list of individual cookies, please see our <a href="/our-policies/privacy">privacy policy</a>.</p></div>
                    <div class="mt-24 sm:flex md:mt-32 lg:pt-4">
                        <button @click="acceptCookies()" class="ga-cookies-reject-all border-midgrey button button--clear pb-10 pt-8 text-16 text-darkgrey hover:border-linkblue">Reject all</button>
                        <button @click="acceptCookies(true, true, true)" class="ga-cookies-accept-all border-midgrey button button--clear mt-12 pb-10 pt-8 text-16 text-darkgrey sm:ml-12 sm:mt-0 hover:border-linkblue">Accept all</button>
                    </div>

                    <ul class="mt-8 lg:mt-16" role="list">

                            <li class="border-0 border-b-2 border-compbluegrey border-solid py-16 md:py-24 last:border-0">
                                <h3 class="flex justify-between">

                                    <button class="bg-transparent border-0 flex passes-hover pt-2 px-0 rounded-6 text-left w-full" style="width: calc(100% - 3rem)" @click="categories.c1.expanded = !categories.c1.expanded" :aria-expanded="categories.c1.expanded ? 'true' : 'false'" aria-controls="cookies-expandable1">
                                        <span class="mt-4 toggle-arrow" aria-hidden="true">
                                            <span class="bg-blue"></span>
                                            <span class="bg-blue"></span>
                                        </span>
                                        <span class="ml-8 text-18 md:text-20">
                                            <span class="font-bold">Necessary</span>
                                                <span class="inline-block text-linkblue md:pl-4">(Always on)</span>
                                        </span>
                                    </button>
                                        <div class="bg-lightblue border-complightblue border-2 border-solid flex h-32 inline-block items-center px-3 py-3 relative rounded-6 text-30 text-linkblue w-32">
                                            <svg width="1.375rem" height="1.375rem" viewBox="0 0 19 16" focusable="false">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                                                    <polyline stroke="#008CAA" stroke-width="3" points="3 8.84886805 7.10675993 13 16 3"></polyline>
                                                </g>
                                            </svg>
                                        </div>
                                </h3>

                                <div id="cookies-expandable1" :style="categories.c1.expanded ? ('max-height: ' + $refs.description1.scrollHeight + 'px ') : 'visibility: hidden'" class="duration-500 max-h-0 overflow-hidden transition-all">
                                    <p x-ref="description1" :class="'pb-8 body-text pt-12 text-16 md:pt-16 md:text-18'">These cookies are necessary for the website to function and cannot be switched off in our systems.</p>
                                </div>
                            </li>
                            <li class="border-0 border-b-2 border-compbluegrey border-solid py-16 md:py-24 last:border-0">
                                <h3 class="flex justify-between">

                                    <button class="bg-transparent border-0 flex passes-hover pt-2 px-0 rounded-6 text-left w-full" style="" @click="categories.c2.expanded = !categories.c2.expanded" :aria-expanded="categories.c2.expanded ? 'true' : 'false'" aria-controls="cookies-expandable2">
                                        <span class="mt-4 toggle-arrow" aria-hidden="true">
                                            <span class="bg-blue"></span>
                                            <span class="bg-blue"></span>
                                        </span>
                                        <span class="ml-8 text-18 md:text-20">
                                            <span class="font-bold">Analytics</span>
                                        </span>
                                    </button>
                                        <label class="cursor-pointer ml-16 passes-hover">
                                            <input x-model="categories.c2.selected" type="checkbox" class="sr-only" />
                                            <div class="bg-transparent border-midgrey border-2 border-solid flex h-32 inline-block items-center px-3 py-3 relative rounded-6 text-30 text-linkblue w-32 checked:border-blue focus:border-focusblue lg:hover:bg-lightblue lg:hover:border-blue">
                                                <svg class="hidden checked:block" width="1.375rem" height="1.375rem" viewBox="0 0 19 16" focusable="false">
                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                                                        <polyline stroke="#008CAA" stroke-width="3" points="3 8.84886805 7.10675993 13 16 3"></polyline>
                                                    </g>
                                                </svg>
                                            </div>
                                            <span class="sr-only">Analytics</span>
                                        </label>
                                </h3>

                                <div id="cookies-expandable2" :style="categories.c2.expanded ? ('max-height: ' + $refs.description2.scrollHeight + 'px ') : 'visibility: hidden'" class="duration-500 max-h-0 overflow-hidden transition-all">
                                    <p x-ref="description2" :class="'pb-8 body-text pt-12 text-16 md:pt-16 md:text-18'">These cookies allow us to measure and improve the performance of our site. All information these cookies collect is anonymous.</p>
                                </div>
                            </li>
                            <li class="border-0 border-b-2 border-compbluegrey border-solid py-16 md:py-24 last:border-0">
                                <h3 class="flex justify-between">

                                    <button class="bg-transparent border-0 flex passes-hover pt-2 px-0 rounded-6 text-left w-full" style="" @click="categories.c3.expanded = !categories.c3.expanded" :aria-expanded="categories.c3.expanded ? 'true' : 'false'" aria-controls="cookies-expandable3">
                                        <span class="mt-4 toggle-arrow" aria-hidden="true">
                                            <span class="bg-blue"></span>
                                            <span class="bg-blue"></span>
                                        </span>
                                        <span class="ml-8 text-18 md:text-20">
                                            <span class="font-bold">Functional</span>
                                        </span>
                                    </button>
                                        <label class="cursor-pointer ml-16 passes-hover">
                                            <input x-model="categories.c3.selected" type="checkbox" class="sr-only" />
                                            <div class="bg-transparent border-midgrey border-2 border-solid flex h-32 inline-block items-center px-3 py-3 relative rounded-6 text-30 text-linkblue w-32 checked:border-blue focus:border-focusblue lg:hover:bg-lightblue lg:hover:border-blue">
                                                <svg class="hidden checked:block" width="1.375rem" height="1.375rem" viewBox="0 0 19 16" focusable="false">
                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                                                        <polyline stroke="#008CAA" stroke-width="3" points="3 8.84886805 7.10675993 13 16 3"></polyline>
                                                    </g>
                                                </svg>
                                            </div>
                                            <span class="sr-only">Functional</span>
                                        </label>
                                </h3>

                                <div id="cookies-expandable3" :style="categories.c3.expanded ? ('max-height: ' + $refs.description3.scrollHeight + 'px ') : 'visibility: hidden'" class="duration-500 max-h-0 overflow-hidden transition-all">
                                    <p x-ref="description3" :class="'pb-8 body-text pt-12 text-16 md:pt-16 md:text-18'">These allow for a more personalised experience. For example, they can remember the region you are in, as well as your accessibility settings.</p>
                                </div>
                            </li>
                            <li class="border-0 border-b-2 border-compbluegrey border-solid py-16 md:py-24 last:border-0">
                                <h3 class="flex justify-between">

                                    <button class="bg-transparent border-0 flex passes-hover pt-2 px-0 rounded-6 text-left w-full" style="" @click="categories.c4.expanded = !categories.c4.expanded" :aria-expanded="categories.c4.expanded ? 'true' : 'false'" aria-controls="cookies-expandable4">
                                        <span class="mt-4 toggle-arrow" aria-hidden="true">
                                            <span class="bg-blue"></span>
                                            <span class="bg-blue"></span>
                                        </span>
                                        <span class="ml-8 text-18 md:text-20">
                                            <span class="font-bold">Advertising</span>
                                        </span>
                                    </button>
                                        <label class="cursor-pointer ml-16 passes-hover">
                                            <input x-model="categories.c4.selected" type="checkbox" class="sr-only" />
                                            <div class="bg-transparent border-midgrey border-2 border-solid flex h-32 inline-block items-center px-3 py-3 relative rounded-6 text-30 text-linkblue w-32 checked:border-blue focus:border-focusblue lg:hover:bg-lightblue lg:hover:border-blue">
                                                <svg class="hidden checked:block" width="1.375rem" height="1.375rem" viewBox="0 0 19 16" focusable="false">
                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                                                        <polyline stroke="#008CAA" stroke-width="3" points="3 8.84886805 7.10675993 13 16 3"></polyline>
                                                    </g>
                                                </svg>
                                            </div>
                                            <span class="sr-only">Advertising</span>
                                        </label>
                                </h3>

                                <div id="cookies-expandable4" :style="categories.c4.expanded ? ('max-height: ' + $refs.description4.scrollHeight + 'px ') : 'visibility: hidden'" class="duration-500 max-h-0 overflow-hidden transition-all">
                                    <p x-ref="description4" :class="'body-text pt-12 text-16 md:pt-16 md:text-18'">These cookies help us to make our adverts personalised to you and allow us to measure the effectiveness of our campaigns.</p>
                                </div>
                            </li>
                    </ul>

                    <button @click="acceptCookies(categories.c2.selected, categories.c3.selected, categories.c4.selected)" class="ga-cookies-confirm-choices button button--blue mt-16">Confirm choices</button>

                </div>
            </div>
        </div>
    </div>

    
    <button @click="acceptCookies(true, true, true)" class="opacity-0" :disabled="!showPreferences">Accept all cookies</button>

    <script>const cookieBanner=()=>{const n=e=>{const s=(e,t)=>{var o=document.querySelectorAll("script.optanon-category-C000"+e);for(let e=0;e<o.length;e++){var n=document.createElement("script"),c=(o[e].src?n.src=o[e].src:(c=document.createTextNode(o[e].innerHTML),n.appendChild(c)),o[e].getAttribute("nonce"));c&&n.setAttribute("nonce",c),o[e].parentNode.insertBefore(n,o[e].nextSibling),o[e].remove()}t||("undefined"!=typeof gtag&&(2===e?gtag("consent","update",{analytics_storage:"granted"}):4===e&&gtag("consent","update",{ad_storage:"granted"})),window.setTimeout(()=>{s(e,!0)},2e3))};if(e?.acceptAll)for(let e=2;e<=4;e++)s(e);else{var e=localStorage.getItem("cookies_c2"),t=localStorage.getItem("cookies_c3"),o=localStorage.getItem("cookies_c4");e&&"true"===e&&s(2),t&&"true"===t&&s(3),o&&"true"===o&&s(4)}document.querySelector("#skip-link-cookie")?.remove()};let e=!0;return{showBanner:!(t=localStorage.getItem("cookies_timestamp"))||t<Date.now()-2592e6?(e&&(window.setTimeout(()=>{"undefined"!=typeof plausible&&plausible("Cookie Banner: Visible")},2e3),e=!1),document.cookie="cookies=1%3A1%2C2%3A0%2C3%3A0%2C4%3A0;path=/",!0):(n(),!1),showPreferences:!1,categories:{c1:{expanded:!1,selected:!0},c2:{expanded:!1,selected:!1},c3:{expanded:!1,selected:!1},c4:{expanded:!1,selected:!1}},init(){let o=this.$refs.panel.querySelectorAll("a, input, button");const e=e=>{window.setTimeout(()=>{let t=!1;for(let e=0;e<o.length;e++)o[e]===document.activeElement&&(t=!0);t||("start"===e?o[o.length-1].focus():"end"===e&&o[0].focus())},1)};o[0].addEventListener("blur",()=>{e("start")}),o[o.length-1].addEventListener("blur",()=>{e("end")}),-1!==window.location.search.indexOf("accept_cookies=true")&&(n({acceptAll:!0}),this.showBanner=!1);var t=()=>{var e=document.querySelector(".cookie-banner__bottom-panel")?.scrollHeight-22;this.$el.style.marginTop=e+"px"};t(),window.addEventListener("resize",t)},togglePreferences(){this.showPreferences=!this.showPreferences,this.showPreferences?(document.body.classList.add("noscroll"),window.setTimeout(()=>{this.$refs.panel.querySelector("a, input, button").focus()},100)):(document.body.classList.remove("noscroll"),window.setTimeout(()=>{document.querySelector("#cookie-banner-preferences").focus()},100))},acceptCookies(e,t,o){this.showBanner=!1,document.body.classList.remove("noscroll"),localStorage.setItem("cookies_timestamp",Date.now()),localStorage.setItem("cookies_c2",e?"true":"false"),localStorage.setItem("cookies_c3",t?"true":"false"),localStorage.setItem("cookies_c4",o?"true":"false"),document.cookie=`cookies=1%3A1%2C2%3A${e?"1":"0"}%2C3%3A${t?"1":"0"}%2C4%3A${o?"1":"0"};path=/`,n()},moveFocus(e){window.setTimeout(()=>{document.activeElement.offsetParent||"start"!==e&&"end"===e&&window.setTimeout(()=>{this.$refs.panel.querySelector("a").focus()},100)},1)}};var t};"undefined"!=typeof module&&(module.exports=cookieBanner);</script>

</section>
    <script>
        var enhanced = false;
        if ('visibilityState' in document) {
            enhanced = true;
            var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
            var script = document.createElement('script');
            script.onload = function () {
                var evt = document.createEvent('Event');
                evt.initEvent('js-loaded', true, true);
                window.dispatchEvent(evt);
            };
            script.onerror = function () {
                var evt = document.createEvent('Event');
                evt.initEvent('js-error', true, true);
                window.dispatchEvent(evt);
                var enhancedElements = document.querySelectorAll('.enhanced');
                var i;
                for (i = 0; i < enhancedElements.length; i++) {
                    enhancedElements[i].style.display = 'none';
                }
            };
            if (isIE11) {
                script.src = '/assets-frontend/scripts/scripts-ie11-min.js?v=12';
            } else {
                script.src = '/assets-frontend/scripts/scripts-min.js?v=12';
            }
            document.head.appendChild(script);
        }
    </script>

    
            <script type="text/plain" class="optanon-category-C0003">
            window.setTimeout(function () {
            window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
            d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
            _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
            $.src="https://v2.zopim.com/?2Tzi0tx9D52RJM3wGW96BqS2yrwhNi98";z.t=+new Date;$.
            type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
            }, 4000);
        </script>

    

    
</body>
</html>
