PageSourceSearch

https://cactussearch.co.uk/

html cactussearch.co.uk collected 2026-09-26 21:12:19 UTC 127,063 bytes, 1,899 lines download raw bytes

1
2
3<!doctype html>
4<html lang="en-gb">
5<head>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
8    
9    <!-- #############  GA  ################ -->
10
11  
11<script>
12        window.dataLayer = window.dataLayer || [];
13        function gtag(){dataLayer.push(arguments);}
14
15        if(localStorage.getItem('consentMode') === null){
16            gtag('consent', 'default', {
17                'ad_storage': 'denied',
18                'analytics_storage': 'denied',
19                'personalization_storage': 'denied',
20                'functionality_storage': 'denied',
21                'security_storage': 'denied',
22            });
23        } else {
24            gtag('consent', 'default', JSON.parse(localStorage.getItem('consentMode')));
25        }
26</script>
26
27
28<!-- Google Tag Manager -->
29<script>
vendor: 327 bytes, lines 29-33
29(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
30new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
31j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
32'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
33})(window,document,'script','dataLayer','
33GTM-5288RM9
vendor: 3 bytes, line 33
33');
33</script>
33
34<!-- End Google Tag Manager -->
35    
36    <link rel="canonical" href="https://www.cactussearch.co.uk/">
37
38
39<title>Customer Contact Recruitment | Cactus Search</title>
40<meta name="description" content="Discover expert recruitment in customer contact and CX. Trusted in the UK, USA, and South Africa since 2003.">
41<meta name="keywords" content="CX resourcing, search &amp; selection, leadership resourcing, volume resourcing, Leadership Talent, executive talent, recruitment, customer contact expansion, contact centre build, candidates, recruitment business, managed services, UK Customer Contact industry, CX resourcing specialists, cactus, Cactus Search, Contact Centre, CX leadership roles, CX professionals, Customer Contact, ">
42<meta name="author" content="Cactus Search">
43
44<meta name="twitter:title" content="Customer Contact Recruitment | Cactus Search">
45<meta name="twitter:description" content="Discover expert recruitment in customer contact and CX. Trusted in the UK, USA, and South Africa since 2003.">
46<meta name="twitter:card" content="summary">
47<meta name="twitter:site" content="https://www.cactussearch.co.uk/">
48<meta name="twitter:creator" content="Cactus Search">
49<meta name="twitter:image" content="https://www.cactussearch.co.uk/media/j1dalcei/cactus-search-logo-white.png">
50<meta name="twitter:image:alt" content="Cactus Logo White">
51<meta property="og:title" content="Customer Contact Recruitment | Cactus Search">
52<meta property="og:description" content="Discover expert recruitment in customer contact and CX. Trusted in the UK, USA, and South Africa since 2003.">
53<meta property="og:locale" content="en_GB">
54<meta property="og:url" content="https://www.cactussearch.co.uk/">
55<meta property="og:type" content="article">
56<meta property="og:site_name" content="https://www.cactussearch.co.uk">
57<meta property="og:image" content="https://www.cactussearch.co.uk/media/j1dalcei/cactus-search-logo-white.png">
58<meta property="og:image:secure_url" content="https://www.cactussearch.co.uk/media/j1dalcei/cactus-search-logo-white.png">
59<meta property="og:image:type" content="image/png">
60<meta property="og:image:width" content="2609">
61<meta property="og:image:height" content="1045">
62<meta property="og:image:alt" content="Cactus Logo White">
63<meta property="article:published_time" content="2023-05-15">
64<meta property="article:modified_time" content="2025-05-28">
65<meta property="article:author" content="Cactus Search">
66<meta property="article:section" content="Home">
67<meta property="article:tag" content="Home">
68    <link rel="apple-touch-icon" sizes="57x57" href="/Assets/Favicons/apple-icon-57x57.png">
69<link rel="apple-touch-icon" sizes="60x60" href="/Assets/Favicons/apple-icon-60x60.png">
70<link rel="apple-touch-icon" sizes="72x72" href="/Assets/Favicons/apple-icon-72x72.png">
71<link rel="apple-touch-icon" sizes="76x76" href="/Assets/Favicons/apple-icon-76x76.png">
72<link rel="apple-touch-icon" sizes="114x114" href="/Assets/Favicons/apple-icon-114x114.png">
73<link rel="apple-touch-icon" sizes="120x120" href="/Assets/Favicons/apple-icon-120x120.png">
74<link rel="apple-touch-icon" sizes="152x152" href="/Assets/Favicons/apple-icon-152x152.png">
75<link rel="apple-touch-icon" sizes="180x180" href="/Assets/Favicons/apple-icon-180x180.png">
76<link rel="icon" type="image/png" sizes="192x192" href="/Assets/Favicons/android-icon-192x192.png">
77<link rel="icon" type="image/png" sizes="32x32" href="/Assets/Favicons/favicon-32x32.png">
78<link rel="icon" type="image/png" sizes="96x96" href="/Assets/Favicons/favicon-96x96.png">
79<link rel="icon" type="image/png" sizes="16x16" href="/Assets/Favicons/favicon-16x16.png">
80<link rel="manifest" href="/Assets/Favicons/manifest.json">
81<meta name="msapplication-TileColor" content="#ffffff">
82<meta name="msapplication-TileImage" content="/Assets/Favicons/ms-icon-144x144.png">
83<meta name="theme-color" content="#ffffff"> 
84
85    
86    
87    <link rel="stylesheet" href="/Bundles/css/png.styles.css" onload="this.media = 'all'">
88    <link rel="preconnect" href="https://fonts.googleapis.com">
89    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
90    <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" rel="stylesheet">
91    <link rel="preconnect" href="https://fonts.googleapis.com">
92    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
93    <link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
94    
95    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">
96    
97    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.6.0/css/glide.core.min.css" integrity="sha512-tYKqO78H3mRRCHa75fms1gBvGlANz0JxjN6fVrMBvWL+vOOy200npwJ69OBl9XEsTu3yVUvZNrdWFIIrIf8FLg==" crossorigin="anonymous" referrerpolicy="no-referrer">
98
99    
100    
101    
102    
102<script defer src=https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js></script>
102
103    
104    
104<script defer src=https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js></script>
104
105    
106    
106<script defer src=https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js></script>
106
107    
108    
108<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
108
109    
110    
110<script defer src=https://cdn.jsdelivr.net/npm/@kingshott/[email protected]/dist/iodine.min.umd.js></script>
110
111    
112    
112<script src=https://cdn.jsdelivr.net/npm/@glidejs/glide></script>
112
113    
114    
114<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
114
115    
116    
117    
117<script src="/Bundles/js/Website/Global.min.js"></script>
117
118    
119    
119<script src="/Bundles/js/Website/Nav.min.js"></script>
119
120    
121    
121<script src="/Bundles/js/Website/Cookies.min.js"></script>
121
122    
123    
123<script src="/Bundles/js/Utilities/Slider.min.js"></script>
123
124    
124<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
124
125    
125<script src="/Scripts/Utilities/tileLinks.js"></script>
125
126    
126<script src="/Scripts/Website/ConsistentHeight.js"></script>
126
127    
127<script src="/Scripts/Utilities/CaseStudy.js"></script>
127
128
129
130    
131
132    
132<script src="/Scripts/Utilities/FileUpload.js"></script>
132
133    
133<script src="/Scripts/Utilities/Dropdown.js"></script>
133
134    
134<script src="/Scripts/Utilities/Validation.js"></script>
134
135    
135<script src="/Scripts/Utilities/Teleport.js"></script>
135
136
137
138
139
140     
141</head>
142
143<body x-data="app">
144    <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 144-146
144
145    <noscript>
146        <iframe src="https://www.googletagmanager.com/ns.html?id=
146GTM-5288RM9
vendor: 111 bytes, lines 146-149
146"
147                height="0" width="0" style="display:none;visibility:hidden"></iframe>
148    </noscript>
149    
149<!-- End Google Tag Manager (noscript) -->
150    
151
152<noscript>
153    <section class="h-screen w-screen py-16 xl:py-24 flex flex-col justify-center bg-white fixed top-0 left-0 z-120">
154        <div class="container">
155            <div class="max-w-xl mx-auto py-8 flex flex-col items-center gap-y-8">
156                <svg class="h-11 shrink-0 text-primary-500" viewBox="0 0 15 24" fill="none" xmlns="http://www.w3.org/2000/svg">
157                    <path d="M10.1144 0.00217621C12.3248 0.000974599 14.1172 1.79179 14.1167 4.00217C14.1158 8.14276 14.1144 14.7298 14.1139 20.0025C14.1136 22.2116 12.3236 23.9999 10.1144 23.9992C5.47619 23.9978 0.0359893 23.9949 0.0359893 23.9949C0.0359893 23.9949 0.0359891 23.9998 0.0220631 23.8838C-0.0316514 23.4602 0.00261095 23.354 0.238248 23.2931C1.1304 23.0622 2.0095 22.7944 2.82981 22.3616C3.13353 22.2013 3.42376 22.0198 3.67819 21.7867C4.19876 21.3098 4.34133 20.6493 4.05574 19.9522C3.93615 19.6598 3.77589 19.384 3.63995 19.0991C3.31346 18.4149 3.39834 17.9387 3.93836 17.4033C3.98832 17.3538 4.0438 17.3096 4.09155 17.258C4.32542 17.0051 4.28762 16.8087 3.98103 16.6644C3.9173 16.6354 3.85608 16.601 3.798 16.5618C3.64725 16.4571 3.63067 16.3424 3.7865 16.2264C3.88509 16.1529 3.9881 16.0853 4.08602 16.0111C4.40389 15.7702 4.44655 15.5538 4.24363 15.2158C4.16229 15.0802 4.06812 14.9511 3.99871 14.8096C3.80817 14.4207 3.88509 14.0962 4.22595 13.8291C4.51154 13.6053 4.84488 13.4649 5.16496 13.3016C5.39949 13.1818 5.63689 13.0664 5.8418 12.8978C6.22532 12.582 6.27042 12.2407 5.97576 11.8358C5.40524 11.052 4.76972 10.3209 4.15565 9.57244C3.80972 9.15022 3.45736 8.73311 3.18614 8.256C2.90143 7.75511 2.92862 7.48844 3.3296 7.07422C3.54954 6.84711 3.7938 6.64289 4.02391 6.42622C4.20848 6.25289 4.28452 6.04556 4.26154 5.78533C4.15963 4.62844 3.86498 3.51733 3.49494 2.42133C3.2361 1.65511 2.99449 0.882667 2.68945 0.133333C2.67634 0.092296 2.67036 0.0492986 2.67176 0.00622222L10.1144 0.00217621ZM7.4024 20.3227C8.73753 19.5411 9.83613 18.5209 10.6949 17.2424C10.7676 17.1342 10.79 17.0202 10.801 16.8949C10.8399 16.454 10.6991 16.0424 10.6091 15.6211C10.5526 15.3564 10.4887 15.0787 10.6872 14.8367C10.8735 14.6091 10.8764 14.5578 10.6209 14.444C10.3861 14.3393 10.461 14.2296 10.591 14.1169C10.7367 13.9904 10.9018 13.8862 11.047 13.7591C11.3362 13.506 11.3397 13.4089 11.0954 13.1196C10.891 12.8773 10.9047 12.7133 11.1485 12.5162C11.2716 12.4169 11.4036 12.3278 11.5203 12.2216C11.8262 11.9424 11.8262 11.7191 11.5424 11.4216C11.0477 10.9053 10.5698 10.3758 10.3218 9.68556C10.1489 9.20356 10.1516 8.718 10.3353 8.238C10.3795 8.12467 10.4345 8.01178 10.5758 8.152C10.8021 8.37711 10.8671 8.37111 10.9471 8.06311C11.1204 7.39422 10.9745 6.75022 10.6273 6.18756C10.0866 5.31156 9.35911 4.58978 8.55494 3.95178C7.97408 3.48814 7.3427 3.09234 6.67294 2.772C6.71715 2.88733 6.74943 2.95711 6.77308 3.02933C7.05204 3.88156 7.40594 4.71 7.60422 5.588C7.75298 6.24622 7.62632 6.56133 7.12477 6.874C6.6798 7.15089 6.51268 7.54556 6.60331 8.06267C6.72953 8.78133 7.11438 9.37089 7.53613 9.93622C7.95789 10.5016 8.41568 11.036 8.83855 11.5987C9.10778 11.9569 9.06623 12.2967 8.75963 12.6233C8.52223 12.8762 8.22625 13.0524 7.94684 13.2504C7.46496 13.5922 7.37344 13.862 7.54498 14.43C7.71651 14.998 7.69352 15.0813 7.25054 15.4542C7.15704 15.5329 7.04453 15.608 7.07503 15.7549C7.10553 15.9018 7.22689 15.9249 7.35156 15.9576C7.583 16.018 7.63693 16.1544 7.50806 16.3758C7.28701 16.7567 7.27309 17.1644 7.3394 17.5802C7.37809 17.8229 7.45169 18.0598 7.50453 18.3004C7.65263 18.9809 7.81974 19.6629 7.4024 20.3227Z" fill="currentColor" />
158                </svg>
159                <div class="text-center">
160                    <div class="text-sm font-semibold text-cta-500 uppercase tracking-wide">error</div>
161                    <div class="mt-2 text-4xl font-bold text-gray-900 tracking-tight sm:text-5xl">Enable Javascript.</div>
162                    <div class="mt-2 text-gray-500">Sorry, this website uses Javascript, please enable it to continue using the website.</div>
163                </div>
164            </div>
165        </div>
166    </section>
167</noscript>
168 
169<div class="png-panel" role="dialog" aria-modal="true" aria-label="Cookie modal" x-data="cookies" x-show="state.show" x-cloak>
170    <div class="fixed bottom-0 left-0 overflow-hidden"
171         x-show="state.show"
172         x-transition:enter="png-transition_slide"
173         x-transition:enter-start="translate-y-full"
174         x-transition:enter-end="translate-y-0"
175         x-transition:leave="png-transition_slide"
176         x-transition:leave-start="translate-y-0"
177         x-transition:leave-end="translate-y-full"
178         x-cloak>
179        <div class="flex max-h-full max-w-full">
180            <div class="png-panel_content">
181                <div class="-top-10 w-full h-10 bg-gradient-to-t from-black opacity-5"></div>
182                <div class="bg-white">
183                    <div class="container py-6 png-layout_flex-col -size-large xl:py-8 xl:flex-row xl:items-center xl:!gap-12">
184                        <div class="png-layout_flex-col -size-small">
185                            <div class="flex flex-row gap-3 items-center">
186                                <h2 class="png-typo_text-1 font-bold text-gradient-primary">
187                                    Your Privacy
188                                </h2>
189                                <i class="fa-solid fa-lock text-primary"></i>
190                            </div>
191                            <p class="png-typo_text-3 font-secondary text-primary-muted">
192                                We use cookies and similar technologies to help personalise content, tailor and measure ads, and provide a better experience. By clicking "All Cookies", you agree to this, as outlined in our <a href="/legal/cookies" class="png-link -color-secondary font-medium">Cookie Policy</a>. By clicking "Essential Cookies" you only agree to essential cookies.
193                            </p>
194                        </div>
195                        <div class="md:inline-block md:flex md:justify-end md:shrink-0">
196                            <div class="flex flex-col gap-2 md:flex-row">
197                                <button type="button" @click="handleAllCookies" class="png-btn -variant-solid -size-small -color-primary min-w-[160px]" aria-label="Accept All Cookies" title="Accept All Cookies">All Cookies</button>
198                                <button type="button" @click="handleEssentialCookies" class="png-btn -variant-outline -size-small -color-dark min-w-[160px]" aria-label="Accept Essential Cookies" title="Accept Essential Cookies">Essential Cookies</button>
199                            </div>
200                        </div>
201                    </div>
202                </div>
203            </div>
204        </div>
205    </div>
206</div>
207
208
209
210<nav class="png-navbar xl:top-5 xl:bg-transparent : null)" aria-label="navbar">
211    <div class="container flex flex-row items-center justify-between w-5/6 bg-black xl:bg-transparent px-4 xl:px-0 py-2 xl:py-0 rounded-[50px] mt-8 md:mt-0">
212
213        <div class="png-navbar_left">
214            
215
216<span title='Home' class='mr-auto shrink-0'>
217
218    <img class=" object-contain h-[40px] max-w-[98px] xl:h-[64px] xl:max-w-[128px]" src="/media/j1dalcei/cactus-search-logo-white.png" alt="White logo" loading="eager"  />
219
220
221
222</span>
223
224        </div>
225
226                <div class="hidden order-1 xl:block xl:order-2 md:ml-80 xl:ml-0">
227                        <div>
228        <a class="png-btn -color-secondary-light -variant-solid -rounded_light -size-xsmall lowercase w-[50px]" href="/contact-us/">
229            let&#39;s talk
230        </a>
231    </div>
232
233                </div>
234                <div class="png-navbar_right order-2 xl:order-1">
235                    
236                    <div class="xl:hidden">
237                        <button type="button" @click="handleToggleNav($store.global.state.nav)" class="png-btn -variant-flat -size-medium -color-white -icon-alone" aria-label="Open Navigation" title="Open Navigation" x-show="!$store.global.state.nav.open">
238    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" fill="currentColor" aria-hidden="true" class="h-6 w-6">
239        <path stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" stroke-width="3.35" d="M1.5 10.593h27M1.5 1.593h27M1.5 19.593h27">
240        </path>
241    </svg>
242</button>
243
244<button type="button" @click="handleToggleNav($store.global.state.nav)" class="png-btn -variant-flat -size-medium -color-white -icon-alone" aria-label="Close Navigation" title="Close Navigation" x-show="$store.global.state.nav.open" x-cloak>
245    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="currentColor" aria-hidden="true" class="h-6 w-6">
246        <path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="3.35" d="M2 20.685L21.092 1.593M2 2.047l19.092 19.092M2 20.685L21.092 1.593" />
247    </svg>
248</button>
249
250 
251                    </div>
252                    <div class="hidden xl:block">
253                            <div class="flex flex-row gap-8 items-center bg-black px-4 xl:px-6 py-2 xl:py-4 rounded-3xl">
254       
255                    <a href="/latest-jobs/"
256                       class="png-btn -variant-flat -color-white -size-small !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
257                       :class="($store.global.state.nav.menuToShow !== 'Latest Jobs' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
258                       aria-label="Go to Latest Jobs"
259                       title="Go to Latest Jobs"
260                       x-show="!$store.global.state.nav.open">
261                        <span class="png-typo_text-2   text-cactus-bege font-primary  tracking-[-0.5px]">Latest Jobs</span>
262                    </a>
263                    <a href="/latest-jobs/"
264                       class="png-btn -variant-flat -color-white -size-small !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
265                       :class="($store.global.state.nav.menuToShow !== 'Latest Jobs' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
266                       aria-label="Go to Latest Jobs"
267                       title="Go to Latest Jobs"
268                       x-show="$store.global.state.nav.open" x-cloak>
269                        <span class="png-typo_text-2   font-primary  tracking-[-0.5px]">Latest Jobs</span>
270                    </a>
271                    <button type="button"
272                            :id="$id('nav_desktop-menu-dropdown')"
273                            @click="handleDropdownNav($store.global.state.nav, 'about us')"
274                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
275                            :class="($store.global.state.nav.menuToShow !== 'about us' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
276                            aria-label="Open about us dropdown"
277                            title="Open about us dropdown"
278                            x-show="!$store.global.state.nav.open">
279                        <span class="png-typo_text-2   text-cactus-bege font-primary tracking-[-0.5px]">about us</span>
280                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'about us' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
281                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
282                        </svg>
283                    </button>
284                    <button type="button"
285                            :id="$id('nav_desktop-menu-dropdown')"
286                            @click="handleDropdownNav($store.global.state.nav, 'about us')"
287                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
288                            :class="($store.global.state.nav.menuToShow !== 'about us' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
289                            aria-label="Open about us dropdown"
290                            title="Open about us dropdown"
291                            x-show="$store.global.state.nav.open" x-cloak>
292                        <span class="png-typo_text-2   font-primary lowercase tracking-[-0.5px]">about us</span>
293                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'about us' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
294                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
295                        </svg>
296                    </button>
297                    <button type="button"
298                            :id="$id('nav_desktop-menu-dropdown')"
299                            @click="handleDropdownNav($store.global.state.nav, 'our team')"
300                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
301                            :class="($store.global.state.nav.menuToShow !== 'our team' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
302                            aria-label="Open our team dropdown"
303                            title="Open our team dropdown"
304                            x-show="!$store.global.state.nav.open">
305                        <span class="png-typo_text-2   text-cactus-bege font-primary tracking-[-0.5px]">our team</span>
306                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'our team' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
307                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
308                        </svg>
309                    </button>
310                    <button type="button"
311                            :id="$id('nav_desktop-menu-dropdown')"
312                            @click="handleDropdownNav($store.global.state.nav, 'our team')"
313                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
314                            :class="($store.global.state.nav.menuToShow !== 'our team' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
315                            aria-label="Open our team dropdown"
316                            title="Open our team dropdown"
317                            x-show="$store.global.state.nav.open" x-cloak>
318                        <span class="png-typo_text-2   font-primary lowercase tracking-[-0.5px]">our team</span>
319                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'our team' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
320                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
321                        </svg>
322                    </button>
323                    <button type="button"
324                            :id="$id('nav_desktop-menu-dropdown')"
325                            @click="handleDropdownNav($store.global.state.nav, 'our services')"
326                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
327                            :class="($store.global.state.nav.menuToShow !== 'our services' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
328                            aria-label="Open our services dropdown"
329                            title="Open our services dropdown"
330                            x-show="!$store.global.state.nav.open">
331                        <span class="png-typo_text-2   text-cactus-bege font-primary tracking-[-0.5px]">our services</span>
332                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'our services' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
333                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
334                        </svg>
335                    </button>
336                    <button type="button"
337                            :id="$id('nav_desktop-menu-dropdown')"
338                            @click="handleDropdownNav($store.global.state.nav, 'our services')"
339                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
340                            :class="($store.global.state.nav.menuToShow !== 'our services' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
341                            aria-label="Open our services dropdown"
342                            title="Open our services dropdown"
343                            x-show="$store.global.state.nav.open" x-cloak>
344                        <span class="png-typo_text-2   font-primary lowercase tracking-[-0.5px]">our services</span>
345                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'our services' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
346                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
347                        </svg>
348                    </button>
349                    <button type="button"
350                            :id="$id('nav_desktop-menu-dropdown')"
351                            @click="handleDropdownNav($store.global.state.nav, 'media hub')"
352                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
353                            :class="($store.global.state.nav.menuToShow !== 'media hub' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
354                            aria-label="Open media hub dropdown"
355                            title="Open media hub dropdown"
356                            x-show="!$store.global.state.nav.open">
357                        <span class="png-typo_text-2   text-cactus-bege font-primary tracking-[-0.5px]">media hub</span>
358                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'media hub' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
359                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
360                        </svg>
361                    </button>
362                    <button type="button"
363                            :id="$id('nav_desktop-menu-dropdown')"
364                            @click="handleDropdownNav($store.global.state.nav, 'media hub')"
365                            class="png-btn -variant-flat -color-white -size-small -icon !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
366                            :class="($store.global.state.nav.menuToShow !== 'media hub' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
367                            aria-label="Open media hub dropdown"
368                            title="Open media hub dropdown"
369                            x-show="$store.global.state.nav.open" x-cloak>
370                        <span class="png-typo_text-2   font-primary lowercase tracking-[-0.5px]">media hub</span>
371                        <svg class="h-3 w-3 -mt-0.5 png-transition_icon" :class="$store.global.state.nav.menuToShow === 'media hub' && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
372                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M4 9.593l8 8 8-8" />
373                        </svg>
374                    </button>
375                    <a href="/contact-us/"
376                       class="png-btn -variant-flat -color-white -size-small !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
377                       :class="($store.global.state.nav.menuToShow !== 'contact us' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
378                       aria-label="Go to contact us"
379                       title="Go to contact us"
380                       x-show="!$store.global.state.nav.open">
381                        <span class="png-typo_text-2   text-cactus-bege font-primary  tracking-[-0.5px]">contact us</span>
382                    </a>
383                    <a href="/contact-us/"
384                       class="png-btn -variant-flat -color-white -size-small !pr-2 !pl-[0.575rem] !pb-0.5 hover:opacity-100"
385                       :class="($store.global.state.nav.menuToShow !== 'contact us' && $store.global.state.nav.menuToShow !== null) && 'opacity-30'"
386                       aria-label="Go to contact us"
387                       title="Go to contact us"
388                       x-show="$store.global.state.nav.open" x-cloak>
389                        <span class="png-typo_text-2   font-primary  tracking-[-0.5px]">contact us</span>
390                    </a>
391    </div>
392 
393                    </div>
394                    
395
396                </div>
397
398    </div>
399</nav>
400
401    
402
403<div class="png-panel -layer-menu xl:hidden " role="dialog" aria-modal="true" x-data x-show="$store.global.state.nav.open" x-cloak>
404    <div class="png-panel_background-overlay"
405         x-show="$store.global.state.nav.open"
406         @click="handleToggleNav"
407         x-transition:enter="png-transition_opacity"
408         x-transition:enter-start="opacity-0"
409         x-transition:enter-end="opacity-100"
410         x-transition:leave="png-transition_opacity"
411         x-transition:leave-start="opacity-100"
412         x-transition:leave-end="opacity-0"
413         x-cloak></div>
414    <div class="fixed top-28 left-0 overflow-hidden"
415         x-show="$store.global.state.nav.open"
416         x-transition:enter="png-transition_slide"
417         x-transition:enter-start="translate-x-full"
418         x-transition:enter-end="translate-x-0"
419         x-transition:leave="png-transition_slide"
420         x-transition:leave-start="translate-x-0"
421         x-transition:leave-end="translate-x-full"
422         x-cloak>
423        <div class="flex max-h-full max-w-full">
424            <div class="png-panel_content">
425                <div class="png-navbar_overlay-mobile">
426                    
427                    
428
429    <div class="container overflow-y-auto overflow-x-hidden pb-gutter h-[calc(100vh-134px)] ">
430        <section class="png-accordion -color-white-transparent -size-medium " x-data="{selected:null}">
431                        <div class="png-accordion_item">
432                            <a href="/latest-jobs/" class="png-accordion_header">
433                                <span class="png-accordion_header-text lowercase">Latest Jobs</span>
434                            </a>
435                        </div>
436                        <div class="png-accordion_item ">
437                            <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 0 ? selected = 0 : selected = null" aria-expanded="false">
438                                <span class="png-accordion_header-text lowercase">about us</span>
439                                <span class="png-accordion_header-icon">
440                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
441                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 0 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
442                                </span>
443                            </button>
444                            <div x-ref="accordionBody0" x-bind:style="selected == 0 ? 'max-height: ' + $refs.accordionBody0.scrollHeight + 'px' : ''" class="png-accordion_body">
445                                <div class="png-accordion_content">
446                                    <ul class="space-y-2">
447                                                <li tabindex="0" aria-disabled="false">
448                                                    <a href="/about-us/who-we-are-what-we-do/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to who we are &amp; what we do">
449                                                        who we are &amp; what we do
450                                                    </a>
451                                                </li>
452                                                <li tabindex="0" aria-disabled="false">
453                                                    <a href="/about-us/case-studies/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to Case Studies">
454                                                        Case Studies
455                                                    </a>
456                                                </li>
457                                                <li tabindex="0" aria-disabled="false">
458                                                    <a href="/about-us/testimonials/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to testimonials">
459                                                        testimonials
460                                                    </a>
461                                                </li>
462                                                <li tabindex="0" aria-disabled="false">
463                                                    <a href="/about-us/charity-events/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to charity events">
464                                                        charity events
465                                                    </a>
466                                                </li>
467                                    </ul>
468                                </div>
469                            </div>
470                        </div>
471                        <div class="png-accordion_item ">
472                            <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 1 ? selected = 1 : selected = null" aria-expanded="false">
473                                <span class="png-accordion_header-text lowercase">our team</span>
474                                <span class="png-accordion_header-icon">
475                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
476                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 1 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
477                                </span>
478                            </button>
479                            <div x-ref="accordionBody1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.accordionBody1.scrollHeight + 'px' : ''" class="png-accordion_body">
480                                <div class="png-accordion_content">
481                                    <ul class="space-y-2">
482                                                <li tabindex="0" aria-disabled="false">
483                                                    <a href="/our-team/our-team/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to our team">
484                                                        our team
485                                                    </a>
486                                                </li>
487                                    </ul>
488                                </div>
489                            </div>
490                        </div>
491                        <div class="png-accordion_item ">
492                            <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 2 ? selected = 2 : selected = null" aria-expanded="false">
493                                <span class="png-accordion_header-text lowercase">our services</span>
494                                <span class="png-accordion_header-icon">
495                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
496                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 2 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
497                                </span>
498                            </button>
499                            <div x-ref="accordionBody2" x-bind:style="selected == 2 ? 'max-height: ' + $refs.accordionBody2.scrollHeight + 'px' : ''" class="png-accordion_body">
500                                <div class="png-accordion_content">
501                                    <ul class="space-y-2">
502                                                <li tabindex="0" aria-disabled="false">
503                                                    <a href="/our-services/services/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to Services">
504                                                        Services
505                                                    </a>
506                                                </li>
507                                                <li tabindex="0" aria-disabled="false">
508                                                    <a href="/our-services/c-suite-search/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to c-suite search">
509                                                        c-suite search
510                                                    </a>
511                                                </li>
512                                                <li tabindex="0" aria-disabled="false">
513                                                    <a href="/our-services/leadership-resourcing/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to Leadership Resourcing">
514                                                        Leadership Resourcing
515                                                    </a>
516                                                </li>
517                                                <li tabindex="0" aria-disabled="false">
518                                                    <a href="/our-services/volume-resourcing/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to Volume Resourcing">
519                                                        Volume Resourcing
520                                                    </a>
521                                                </li>
522                                    </ul>
523                                </div>
524                            </div>
525                        </div>
526                        <div class="png-accordion_item ">
527                            <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 3 ? selected = 3 : selected = null" aria-expanded="false">
528                                <span class="png-accordion_header-text lowercase">media hub</span>
529                                <span class="png-accordion_header-icon">
530                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
531                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 3 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
532                                </span>
533                            </button>
534                            <div x-ref="accordionBody3" x-bind:style="selected == 3 ? 'max-height: ' + $refs.accordionBody3.scrollHeight + 'px' : ''" class="png-accordion_body">
535                                <div class="png-accordion_content">
536                                    <ul class="space-y-2">
537                                                <li tabindex="0" aria-disabled="false">
538                                                    <a href="/media-hub/news/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to news">
539                                                        news
540                                                    </a>
541                                                </li>
542                                                <li tabindex="0" aria-disabled="false">
543                                                    <a href="/media-hub/blogs/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to blogs">
544                                                        blogs
545                                                    </a>
546                                                </li>
547                                                <li tabindex="0" aria-disabled="false">
548                                                    <a href="/media-hub/videos/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to videos">
549                                                        videos
550                                                    </a>
551                                                </li>
552                                                <li tabindex="0" aria-disabled="false">
553                                                    <a href="/media-hub/resources/" class="png-link -color-light png-typo_text-2 font-primary lowercase" aria-label="Go to resources">
554                                                        resources
555                                                    </a>
556                                                </li>
557                                    </ul>
558                                </div>
559                            </div>
560                        </div>
561                        <div class="png-accordion_item">
562                            <a href="/contact-us/" class="png-accordion_header">
563                                <span class="png-accordion_header-text lowercase">contact us</span>
564                            </a>
565                        </div>
566        </section>
567    </div>
568     
569                </div>
570            </div>
571        </div>
572    </div>
573</div>
574    
575
576<div class="png-panel -layer-menu hidden xl:block "
577     role="dialog"
578     aria-modal="true"
579     x-show="$store.global.state.nav.open"
580     x-transition:leave="png-transition_opacity"
581     x-transition:leave-start="opacity-100"
582     x-transition:leave-end="opacity-0"
583     x-trap.noscroll="$store.global.state.nav.open"
584     x-cloak>
585        <div @click="handleDropdownNav($store.global.state.nav, null)"
586             class="png-panel_background-overlay"
587             x-transition:enter="png-transition_opacity"
588             x-transition:enter-start="opacity-0"
589             x-transition:enter-end="opacity-100"
590             x-transition:leave="png-transition_opacity"
591             x-transition:leave-start="opacity-100"
592             x-transition:leave-end="opacity-0"></div>
593    <div class="absolute top-0 left-0 overflow-hidden"
594         x-transition:enter="png-transition_slide"
595         x-transition:enter-start="opacity-0 -translate-y-1"
596         x-transition:enter-end="opacity-100 translate-y-0"
597         x-transition:leave="png-transition_slide"
598         x-transition:leave-start="opacity-100 translate-y-0"
599         x-transition:leave-end="opacity-0 -translate-y-1"
600         x-show="$store.global.state.nav.open">
601        <div class="flex max-h-full max-w-full">
602            <div class="png-panel_content">
603                <div class="png-navbar_overlay-desktop">
604                    <div class="container flex space-between w-full gap-x-8">
605                                                <div class="w-full max-w-[850px] gap-x-3 relative left-[50%] -translate-x-[50%] ml-4" x-show="$store.global.state.nav.menuToShow === 'about us'" x-cloak>
606                                <span class="png-bar -color-greenNeon -size-small"></span>
607        <ul class="grid grid-cols-3 gap-1.5 ">
608                <li tabindex="0" aria-disabled="false" class="text-center py-2">
609                    <a href="/about-us/who-we-are-what-we-do/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to who we are &amp; what we do" title="Go to who we are &amp; what we do">
610                        who we are &amp; what we do
611                    </a>
612                </li>
613                <li tabindex="0" aria-disabled="false" class="text-center py-2">
614                    <a href="/about-us/case-studies/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to Case Studies" title="Go to Case Studies">
615                        Case Studies
616                    </a>
617                </li>
618                <li tabindex="0" aria-disabled="false" class="text-center py-2">
619                    <a href="/about-us/testimonials/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to testimonials" title="Go to testimonials">
620                        testimonials
621                    </a>
622                </li>
623                <li tabindex="0" aria-disabled="false" class="text-center py-2">
624                    <a href="/about-us/charity-events/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to charity events" title="Go to charity events">
625                        charity events
626                    </a>
627                </li>
628        </ul>
629
630                        </div>
631                        <div class="w-full max-w-[850px] gap-x-3 relative left-[50%] -translate-x-[50%] ml-4" x-show="$store.global.state.nav.menuToShow === 'our team'" x-cloak>
632                                <span class="png-bar -color-greenNeon -size-small"></span>
633        <ul class="grid grid-cols-3 gap-1.5 ">
634                <li tabindex="0" aria-disabled="false" class="text-center py-2">
635                    <a href="/our-team/our-team/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to our team" title="Go to our team">
636                        our team
637                    </a>
638                </li>
639        </ul>
640
641                        </div>
642                        <div class="w-full max-w-[850px] gap-x-3 relative left-[50%] -translate-x-[50%] ml-4" x-show="$store.global.state.nav.menuToShow === 'our services'" x-cloak>
643                                <span class="png-bar -color-greenNeon -size-small"></span>
644        <ul class="grid grid-cols-3 gap-1.5 ">
645                <li tabindex="0" aria-disabled="false" class="text-center py-2">
646                    <a href="/our-services/services/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to Services" title="Go to Services">
647                        Services
648                    </a>
649                </li>
650                <li tabindex="0" aria-disabled="false" class="text-center py-2">
651                    <a href="/our-services/c-suite-search/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to c-suite search" title="Go to c-suite search">
652                        c-suite search
653                    </a>
654                </li>
655                <li tabindex="0" aria-disabled="false" class="text-center py-2">
656                    <a href="/our-services/leadership-resourcing/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to Leadership Resourcing" title="Go to Leadership Resourcing">
657                        Leadership Resourcing
658                    </a>
659                </li>
660                <li tabindex="0" aria-disabled="false" class="text-center py-2">
661                    <a href="/our-services/volume-resourcing/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to Volume Resourcing" title="Go to Volume Resourcing">
662                        Volume Resourcing
663                    </a>
664                </li>
665        </ul>
666
667                        </div>
668                        <div class="w-full max-w-[850px] gap-x-3 relative left-[50%] -translate-x-[50%] ml-4" x-show="$store.global.state.nav.menuToShow === 'media hub'" x-cloak>
669                                <span class="png-bar -color-greenNeon -size-small"></span>
670        <ul class="grid grid-cols-3 gap-1.5 ">
671                <li tabindex="0" aria-disabled="false" class="text-center py-2">
672                    <a href="/media-hub/news/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to news" title="Go to news">
673                        news
674                    </a>
675                </li>
676                <li tabindex="0" aria-disabled="false" class="text-center py-2">
677                    <a href="/media-hub/blogs/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to blogs" title="Go to blogs">
678                        blogs
679                    </a>
680                </li>
681                <li tabindex="0" aria-disabled="false" class="text-center py-2">
682                    <a href="/media-hub/videos/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to videos" title="Go to videos">
683                        videos
684                    </a>
685                </li>
686                <li tabindex="0" aria-disabled="false" class="text-center py-2">
687                    <a href="/media-hub/resources/" class="png-link -color-light png-typo_text-2  lowercase font-primary" aria-label="Go to resources" title="Go to resources">
688                        resources
689                    </a>
690                </li>
691        </ul>
692
693                        </div>
694
695
696
697                    </div>
698                </div>
699            </div>
700        </div>
701    </div>
702</div>
703 
704<main>
705    <div class="png-layout_page png-page-bg 
706         -color-primary"
707         >
708            <div class="">
709
710
711
712<section class="mt-0 lg:mt-0 png-header 
713         -color-image 
714         -size-full 
715          !pt-32 !pb-0">
716
717    <div class="png-header_content ">
718        <div class="flex flex-col items-start md:w-full xlg:w-3/5 px-3 lg:px-6 py-6 lg:py-2  text-left 
719             relative md:top-[15%]">
720
721                <h2 class="png-header_content_heading lowercase  lg:png-typo_display-1 png-typo_title-ArchivoBlack text-[3rem] xxs:text-[4rem] md:text-[5rem] lg:text-[6.15rem] leading-[50px] xxs:leading-[75px] md:leading-[95px] lg:leading-[115px]  text-left -text-gradient">
722                    let us hydrate your business&nbsp;
723                </h2>
724
725                    <div class="text-left">
726                        <div class="png-header_content_text hidden">
727                                <p class="text-neutral text-left ">
728                                    Customer Contact and CX resourcing specialists since 2003.
729                                </p>
730                        </div>
731                    </div>
732                                    <div class="mt-6 text-left ">
733                        <a class="png-btn -color-white -color-white -variant-outline -rounded_light -size-small min-w-[160px] md:min-w-[180px]" href="/about-us/who-we-are-what-we-do/">
734
735                            learn more
736
737                        </a>
738                    </div>
739            
740        </div>
741    </div>
742        <div class="absolute top-[100px] lg:top-0 left-0 z-0 w-full h-full">
743            <img class="png-image -object-cover -lazyloaded w-full h-full" src="/media/vhuf1dn4/d70541b2e28ab15083915f379a2add93.png?crop=0,0,0,0.028642091165918912&amp;cropmode=percentage&amp;width=1280&amp;height=720&amp;rnd=133681906882870000" loading="lazy" />
744        </div>
745        <div class="png-image_overlay_banner"></div>
746</section>
747
748            </div>
749
750        <div class="-color-primary">
751            
752
753<section class="png-widget-bg -color-black">
754    <div class="png-layout_section items-center">
755        <ul class="grid grid-cols-3 md:grid-cols-6 gap-y-3 lg:gap-y-6 gap-x-3 clip transition-transform lg:w-4/5">
756                <li class="flex justify-center items-center max-w-full h-16 md:h-20 xlg:h-24 overflow-hidden rounded-md relative lg:transform transition-transform hover:scale-105">
757                    <a href="/about-us/case-studies/thames-water/" class="h-full w-full relative">
758                        <picture>
759                            <img src="https://cactussearch.co.uk/media/ztvlvsih/thames-water-logo.png" class="object-cover object-center -lazyloaded rounded-md h-full w-full relative" loading="lazy" />
760                        </picture>
761                        <div class="absolute inset-0 bg-secondary opacity-70 rounded-md"></div>
762                    </a>
763                </li>
764                <li class="flex justify-center items-center max-w-full h-16 md:h-20 xlg:h-24 overflow-hidden rounded-md relative lg:transform transition-transform hover:scale-105">
765                    <a href="/about-us/case-studies/shell-energy/" class="h-full w-full relative">
766                        <picture>
767                            <img src="https://cactussearch.co.uk/media/mtdjmdxw/shell-energy-logo.png" class="object-cover object-center -lazyloaded rounded-md h-full w-full relative" loading="lazy" />
768                        </picture>
769                        <div class="absolute inset-0 bg-secondary opacity-70 rounded-md"></div>
770                    </a>
771                </li>
772                <li class="flex justify-center items-center max-w-full h-16 md:h-20 xlg:h-24 overflow-hidden rounded-md relative lg:transform transition-transform hover:scale-105">
773                    <a href="/about-us/case-studies/sigma/" class="h-full w-full relative">
774                        <picture>
775                            <img src="https://cactussearch.co.uk/media/p3vm2z2e/sigma-logo.png" class="object-cover object-center -lazyloaded rounded-md h-full w-full relative" loading="lazy" />
776                        </picture>
777                        <div class="absolute inset-0 bg-secondary opacity-70 rounded-md"></div>
778                    </a>
779                </li>
780                <li class="flex justify-center items-center max-w-full h-16 md:h-20 xlg:h-24 overflow-hidden rounded-md relative lg:transform transition-transform hover:scale-105">
781                    <a href="/about-us/case-studies/vax/" class="h-full w-full relative">
782                        <picture>
783                            <img src="https://cactussearch.co.uk/media/j3lfzi1j/vax-logo.png" class="object-cover object-center -lazyloaded rounded-md h-full w-full relative" loading="lazy" />
784                        </picture>
785                        <div class="absolute inset-0 bg-secondary opacity-70 rounded-md"></div>
786                    </a>
787                </li>
788                <li class="flex justify-center items-center max-w-full h-16 md:h-20 xlg:h-24 overflow-hidden rounded-md relative lg:transform transition-transform hover:scale-105">
789                    <a href="/about-us/case-studies/photobox/" class="h-full w-full relative">
790                        <picture>
791                            <img src="https://cactussearch.co.uk/media/k1cjgccb/photobox-logo.png" class="object-cover object-center -lazyloaded rounded-md h-full w-full relative" loading="lazy" />
792                        </picture>
793                        <div class="absolute inset-0 bg-secondary opacity-70 rounded-md"></div>
794                    </a>
795                </li>
796                <li class="flex justify-center items-center max-w-full h-16 md:h-20 xlg:h-24 overflow-hidden rounded-md relative lg:transform transition-transform hover:scale-105">
797                    <a href="/about-us/case-studies/bigblu-broadband/" class="h-full w-full relative">
798                        <picture>
799                            <img src="https://cactussearch.co.uk/media/e31c0tdi/new-bb-logo.png" class="object-cover object-center -lazyloaded rounded-md h-full w-full relative" loading="lazy" />
800                        </picture>
801                        <div class="absolute inset-0 bg-secondary opacity-70 rounded-md"></div>
802                    </a>
803                </li>
804        </ul>
805    </div>
806</section>
806<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
vendor: 2 bytes, line 806
806
807<script type="text/javascript" src="/Scripts/Website/Masonry.js"></script>
807
808
809
810
811
812<section class="png-widget-bg -color-primary">
813
814    <div class="flex flex-col gap-y-6 items-center text-center pb-16">
815        
816        <div class="png-layout_flex-col gap-y-4 lg:w-3/5 px-3">
817        </div>
818    </div>
819
820        <div class="container grid m-auto gap-4 ">
821            <div class="masonry-grid  standard">
822                <div class="grid-sizer"></div>
823        <div class="grid-item grid-item-six-by-four rounded-lg ">
824
825                            <img src="/media/0i1jwner/three-cactuses.png" class="w-full h-full object-cover rounded-lg" />
826        </div>
827        <div class="grid-item grid-item-four-by-six rounded-lg lg:transform transition duration-300 hover:scale-95">
828                <a href="/our-team/our-team/" class="absolute w-full h-full"></a>
829
830                            <div class="flex flex-col justify-between rounded-lg bg-cactus-green">
831                                <h3 class="png-typo_title-ArchivoBlack p-4 text-[26px] md:text-[45px] tracking-[-3.5px] leading-none break-words whitespace-normal text-white">meet the team</h3>
832                                <img src="/media/y1mpmoam/cactus-squiggle-small.svg" class="w-full object-contain mb-10" />
833                            </div>
834        </div>
835        <div class="grid-item grid-item-two-by-three rounded-lg lg:transform transition duration-300 hover:scale-95">
836                <a href="/about-us/who-we-are-what-we-do/" class="absolute w-full h-full"></a>
837
838                            <div class="flex flex-col justify-between rounded-lg bg-cactus-greenServicesLight">
839                                <h3 class="png-typo_title-ArchivoBlack p-4 text-[26px] md:text-[45px] tracking-[-3.5px] leading-none break-words whitespace-normal text-white">about us</h3>
840                                <img src="/media/1b5niq4n/cactus-backlground-line.svg" class="w-full object-contain mb-10" />
841                            </div>
842        </div>
843        <div class="grid-item grid-item-two-by-three rounded-lg lg:transform transition duration-300 hover:scale-95">
844                <a href="/about-us/case-studies/" class="absolute w-full h-full"></a>
845
846                            <div class="flex flex-col justify-between rounded-lg bg-cactus-bege">
847                                <h3 class="png-typo_title-ArchivoBlack p-4 text-[26px] md:text-[45px] tracking-[-3.5px] leading-none break-words whitespace-normal text-secondary">case studies</h3>
848                                <img src="/media/fwzpcl2m/cactus-squiggle-small-2-2.svg" class="w-full object-contain mb-10" />
849                            </div>
850        </div>
851        <div class="grid-item grid-item-four-by-two rounded-lg lg:transform transition duration-300 hover:scale-95">
852                <a href="/contact-us/" class="absolute w-full h-full"></a>
853
854                            <div class="flex flex-col justify-between rounded-lg bg-cactus-greenServicesLight">
855                                <h3 class="png-typo_title-ArchivoBlack p-4 text-[26px] md:text-[45px] tracking-[-3.5px] leading-none break-words whitespace-normal text-black">get in touch</h3>
856                                <img src="/media/1b5niq4n/cactus-backlground-line.svg" class="w-full object-contain mb-10" />
857                            </div>
858        </div>
859            </div>
860        </div>
861</section><section class="bg-transparent grid grid-cols-1 gap-y-3  px-6 png-widget-bg">
862    <div class="!p-0 relative png-widget-bg -color-primary rounded-lg">
863        <div id="carousel-12751" class="carousel relative mx-auto h-[690p
863x] md:h-[600px] lg:h-[725px]">
864            <button class="carousel__button carousel__button--left absolute top-1/2 transform -translate-y-1/2  xl:left-auto lg:right-[94%] xl:right-[95%] z-50 hidden">
865                <svg xmlns="http://www.w3.org/2000/svg" width="47" height="47" viewBox="0 0 47 47" fill="none">
866                    <circle cx="23.5" cy="23.5" r="23.5" transform="rotate(180 23.5 23.5)" fill="white" />
867                    <path d="M30 23L16 23" stroke="#013001" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
868                    <path d="M23 30L16 23L23 16" stroke="#013001" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
869                </svg>
870            </button>
871            <div class="h-[690px] md:h-[600px] lg:h-[725px] relative carousel-track-container relative overflow-hidden flex flex-col">
872                <ul class="w-full h-full carousel__track relative transition-transform duration-250ms ease-in list-none no-list">
873                        <li id="carousel-slide-12751-01" class="h-full py-8 px-0  carousel__slide absolute w-full current-slide marker:text-transparent">
874                            <a href="/our-services/c-suite-search/">
875                                <div class="h-full w-full flex flex-col justify-between container lg:pl-[5.5rem] xl:pl-0">
876                                    <div class="w-full flex justify-end pr-2 png-typo_display-1">
877                                        <h1 class="text-white">01</h1>
878                                    </div>
879                                    <div class="max-h-80 md:h-96 flex items-end">
880                                            <div class="flex flex-col lg:mb-8 justify-end gap-y-6 carousel__page w-full lg:w-2/3 xl:w-3/5 h-60 md:h-4/6 lg:h-full z-50">       
881            <h3 class="font-weight-bold png-typo_title-2 lg:w-1/2 -text-gradient">
882                c-suite search
883            </h3>
884                <ul class="overflow-auto flex flex-col">
885                        <li>
886                            <p class="png-typo_text-2 font-secondary text-text_grey">
887                                A product designed for organisations seeking to appoint key individuals.
888                            </p>
889                        </li>
890                        <li>
891                            <p class="png-typo_text-2 font-secondary text-text_grey">
892                                It involves in-depth research, market analysis and meticulous candidate assessments.
893                            </p>
894                        </li>
895                </ul>
896    </div>
897
898                                    </div>
899                                </div>
900                            </a>
901                                <img class="z-0 object-cover absolute top-0 left-0 h-[690px] md:h-[600px] lg:h-[725px] w-full opacity-40 rounded-md" src="/media/odxmkzsp/search-and-selection.jpg" alt="Alternate Text"/>
902                        </li>
903                        <li id="carousel-slide-12751-02" class="h-full py-8 px-0  carousel__slide absolute w-full  marker:text-transparent">
904                            <a href="/our-services/leadership-resourcing/">
905                                <div class="h-full w-full flex flex-col justify-between container lg:pl-[5.5rem] xl:pl-0">
906                                    <div class="w-full flex justify-end pr-2 png-typo_display-1">
907                                        <h1 class="text-white">02</h1>
908                                    </div>
909                                    <div class="max-h-80 md:h-96 flex items-end">
910                                            <div class="flex flex-col lg:mb-8 justify-end gap-y-6 carousel__page w-full lg:w-2/3 xl:w-3/5 h-60 md:h-4/6 lg:h-full z-50">       
911            <h3 class="font-weight-bold png-typo_title-2 lg:w-1/2 -text-gradient">
912                leadership resourcing
913            </h3>
914                <ul class="overflow-auto flex flex-col">
915                        <li>
916                            <p class="png-typo_text-2 font-secondary text-text_grey">
917                                Leadership Resourcing is dedicated to identifying, evaluating, and attracting Leadership Talent who influence and shape both the organisation and people. This product is indispensable for nurturing executive talent of the future.
918                            </p>
919                        </li>
920                </ul>
921    </div>
922
923                                    </div>
924                                </div>
925                            </a>
926                                <img class="z-0 object-cover absolute top-0 left-0 h-[690p
926x] md:h-[600px] lg:h-[725px] w-full opacity-40 rounded-md" src="/media/tc0eyi5j/leadership-resourcing.png" alt="Alternate Text"/>
927                        </li>
928                        <li id="carousel-slide-12751-03" class="h-full py-8 px-0  carousel__slide absolute w-full  marker:text-transparent">
929                            <a href="/our-services/volume-resourcing/">
930                                <div class="h-full w-full flex flex-col justify-between container lg:pl-[5.5rem] xl:pl-0">
931                                    <div class="w-full flex justify-end pr-2 png-typo_display-1">
932                                        <h1 class="text-white">03</h1>
933                                    </div>
934                                    <div class="max-h-80 md:h-96 flex items-end">
935                                            <div class="flex flex-col lg:mb-8 justify-end gap-y-6 carousel__page w-full lg:w-2/3 xl:w-3/5 h-60 md:h-4/6 lg:h-full z-50">       
936            <h3 class="font-weight-bold png-typo_title-2 lg:w-1/2 -text-gradient">
937                volume resourcing
938            </h3>
939                <ul class="overflow-auto flex flex-col">
940                        <li>
941                            <p class="png-typo_text-2 font-secondary text-text_grey">
942                                Volume Resourcing is the linchpin for organisations with high-volume recruitment needs, such as customer contact expansion, contact centre build or re-location projects.
943                            </p>
944                        </li>
945                        <li>
946                            <p class="png-typo_text-2 font-secondary text-text_grey">
947                                It ensures a continuous influx of qualified candidates in largescale recruitment initiatives.
948                            </p>
949                        </li>
950                </ul>
951    </div>
952
953                                    </div>
954                                </div>
955                            </a>
956                                <img class="z-0 object-cover absolute top-0 left-0 h-[690px] md:h-[600px] lg:h-[725px] w-full opacity-40 rounded-md" src="/media/ccghnhma/volume-resourcing.jpg" alt="Alternate Text"/>
957                        </li>
958                </ul>
959                <div class="carousel__nav flex justify-center py-4 gap-x-3 lg:hidden">
960                        <button class="carousel__indicator rounded-1/2 w-[15px] h-[15px] bg-white current-slide bg-opacity-80"></button>
961                        <button class="carousel__indicator rounded-1/2 w-[15px] h-[15px] bg-white bg-opacity-30"></button>
962                        <button class="carousel__indicator rounded-1/2 w-[15px] h-[15px] bg-white bg-opacity-30"></button>
963                </div>
964            </div>
965            <button class="carousel__button carousel__button--right absolute top-1/2 transform -translate-y-1/2 -right-[15px] xl:right-auto lg:left-[94%] xl:left-[95%]  z-50 hidden lg:block">
966                <svg xmlns="http://www.w3.org/2000/svg" width="47" height="47" viewBox="0 0 47 47" fill="none">
967                    <circle cx="23.5" cy="23.5" r="23.5" fill="white" />
968                    <path d="M17 24H31" stroke="#013001" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
969                    <path d="M24 17L31 24L24 31" stroke="#013001" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
970                </svg>
971            </button>
972            
973        </div>   
974        
975    </div>
976</section>
977
978<script type="text/javascript" src="/Scripts/Utilities/carouselWidget.js"></script>
978<section class="png-bg -color-light">
979    <div class="png-layout_section items-center justify-center gap-y-8 py-10 md:py-24 md:pt-0">
980
981            <div class="flex flex-col justify-start items-start gap-y-3 w-full">
982                <div class="w-2/3 md:w-2/4 lg:w-1/3 space-y-3">
983                    <svg xmlns="http://www.w3.org/2000/svg" width="142" height="6" viewBox="0 0 142 6" fill="none">
984                        <line y1="3" x2="141.75" y2="3" stroke="#00FF00" stroke-width="6" />
985                    </svg>
986                    <h1 class="png-typo_title-ArchivoBlack leading-[65px] font-weight-bold text-[55px] xs:text-[65px] md:text-[73px] tracking-[-3.5px] text-cactus-orange">
987                        the numbers don&#39;t lie
988                    </h1>
989                </div>
990            </div>
991
992            <ul class="grid grid-cols-1 lg:grid-cols-3 items-start w-full gap-y-4 md:gap-x-6">
993                    <li class="flex justify-start md:justify-center overflow-hidden -color-black">
994                            <div class="relative w-full">
995        <div class="flex flex-col">
996            <div class="png-layout_flex-col items-start gap-y-4 md:gap-y-6">
997                <div class="png-layout_flex-col items-start">
998                    <div class="png-typo_title-ArchivoBlack font-weight-bold leading-none flex flex-col justify-start min-h-[125px] md:h-[200px]">
999                        <div>
1000                            <h3 class="text-[58px] xxs:text-[62px] md:text-[100px] tracking-[-6px] md:tracking-[-9px] relative top-[12px] z-50 text-secondary">
1001                                20+
1002                            </h3>
1003                        </div>
1004
1005                        <div class="flex items-start h-full pt-2">
1006                            <p class="text-[50px] md:text-[70px] ml-2 opacity-90 tracking-[-2.7px] md:tracking-[-5px] relative z-50 leading-[20px] md:leading-[36px] w-2/3 text-secondary">
1007                                years
1008                            </p>
1009                        </div>
1010
1011                        <div class="absolute z-0 left-0 top-16 md:top-24">
1012                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 h-[53px] md:h-[100px]" fill="none" class="h-[53px] md:h-[90px] lg:h-[95px] md:w-[250px] max-w-[155px] md:max-w-[335px]">
1013                                <rect width="250" height="100%" fill="#00FF00" />
1014                                <path fill="#013001" />
1015                            </svg>
1016                        </div>
1017
1018                    </div>
1019                    <div>
1020                        <h3 class="text-cactus-kindaBlack png-typo_title-noFontSize font-weight-bold text-[29px] tracking-[-1.5px]">
1021                            in business
1022                        </h3>
1023
1024                        <ul>
1025                            <li>
1026                                    <p class="png-typo_text-2 font-secondary text-left text-primary">
1027                                        we have been doing this since 2003
1028                                    </p>
1029                            </li>
1030                        </ul>
1031                        
1032                    </div>
1033
1034                </div>
1035                <div class="overflow-x-hidden opacity-30 flex justify-center border-solid border-b-[1.2px] border-[#001700] w-full opacity-30"></div>
1036            </div>
1037        </div>
1038    </div>
1039
1040                    </li>
1041                    <li class="flex justify-start md:justify-center overflow-hidden -color-black">
1042                            <div class="relative w-full">
1043        <div class="flex flex-col">
1044            <div class="png-layout_flex-col items-start gap-y-4 md:gap-y-6">
1045                <div class="png-layout_flex-col items-start">
1046                    <div class="png-typo_title-ArchivoBlack font-weight-bold leading-none flex flex-col justify-start min-h-[125px] md:h-[200px]">
1047                        <div>
1048                            <h3 class="text-[58px] xxs:text-[62px] md:text-[100px] tracking-[-6px] md:tracking-[-9px] relative top-[12px] z-50 text-secondary">
1049                                25k+
1050                            </h3>
1051                        </div>
1052
1053                        <div class="flex items-start h-full pt-2">
1054                            <p class="text-[50px] md:text-[70px] ml-2 opacity-90 tracking-[-2.7px] md:tracking-[-5px] relative z-50 leading-[20px] md:leading-[36px] w-2/3 text-secondary">
1055                                LinkedIn
1056                            </p>
1057                        </div>
1058
1059                        <div class="absolute z-0 left-0 top-16 md:top-24">
1060                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 315 h-[53px] md:h-[100px]" fill="none" class="h-[53px] md:h-[90px] lg:h-[95px] md:w-[315px] max-w-[155px] md:max-w-[335px]">
1061                                <rect width="315" height="100%" fill="#00FF00" />
1062                                <path fill="#013001" />
1063                            </svg>
1064                        </div>
1065
1066                    </div>
1067                    <div>
1068                        <h3 class="text-cactus-kindaBlack png-typo_title-noFontSize font-weight-bold text-[29px] tracking-[-1.5px]">
1069                            followers
1070                        </h3>
1071
1072                        <ul>
1073                            <li>
1074                                    <p class="png-typo_text-2 font-secondary text-left text-primary">
1075                                        proud to be one of the largest in our sector
1076                                    </p>
1077                            </li>
1078                        </ul>
1079                        
1080                    </div>
1081
1082                </div>
1083                <div class="overflow-x-hidden opacity-30 flex justify-center border-solid border-b-[1.2px] border-[#001700] w-full opacity-30"></div>
1084            </div>
1085        </div>
1086    </div>
1087
1088                    </li>
1089                    <li class="flex justify-start md:justify-center overflow-hidden -color-black">
1090                            <div class="relative w-full">
1091        <div class="flex flex-col">
1092            <div class="png-layout_flex-col items-start gap-y-4 md:gap-y-6">
1093                <div class="png-layout_flex-col items-start">
1094                    <div class="png-typo_title-ArchivoBlack font-weight-bold leading-none flex flex-col justify-start min-h-[125px] md:h-[200px]">
1095                        <div>
1096                            <h3 class="text-[58px] xxs:text-[62px] md:text-[100px] tracking-[-6px] md:tracking-[-9px] relative top-[12px] z-50 text-secondary">
1097                                27
1098                            </h3>
1099                        </div>
1100
1101                        <div class="flex items-start h-full pt-2">
1102                            <p class="text-[50px] md:text-[70px] ml-2 opacity-90 tracking-[-2.7px] md:tracking-[-5px] relative z-50 leading-[20px] md:leading-[36px] w-2/3 text-secondary">
1103                                countries
1104                            </p>
1105                        </div>
1106
1107                        <div class="absolute z-0 left-0 top-16 md:top-24">
1108                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 315 h-[53px] md:h-[100px]" fill="none" class="h-[53px] md:h-[90px] lg:h-[95px] md:w-[315px] max-w-[155px] md:max-w-[335px]">
1109                                <rect width="315" height="100%" fill="#00FF00" />
1110                                <path fill="#013001" />
1111                            </svg>
1112                        </div>
1113
1114                    </div>
1115                    <div>
1116                        <h3 class="text-cactus-kindaBlack png-typo_title-noFontSize font-weight-bold text-[29px] tracking-[-1.5px]">
1117                            serviced
1118                        </h3>
1119
1120                        <ul>
1121                            <li>
1122                                    <p class="png-typo_text-2 font-secondary text-left text-primary">
1123                                        we have worked in over 27 countries
1124                                    </p>
1125                            </li>
1126                        </ul>
1127                        
1128                    </div>
1129
1130                </div>
1131                <div class="overflow-x-hidden opacity-30 flex justify-center border-solid border-b-[1.2px] border-[#001700] w-full opacity-30"></div>
1132            </div>
1133        </div>
1134    </div>
1135
1136                    </li>
1137            </ul>
1138
1139    </div>
1140</section><section class="relative bg-transparent  lg:px-3">
1141        <div class="lg:relative flex justify-center z-1 png-widget-bg -color-primary lg:rounded-lg">
1142            <div class="png-layout_section items-center gap-y-8 w-full">
1143                <div class="hidden lg:block flex justify-center">
1144                    <svg xmlns="http://www.w3.org/2000/svg" width="189" height="8" viewBox="0 0 189 8" fill="none">
1145                        <line y1="4" x2="189" y2="4" stroke="#00FF00" stroke-width="8" />
1146                    </svg>
1147                </div>
1148                <div class="png-layout_flex-col items-center gap-y-6">
1149                        <h2 class="png-typo_title-noFontSize text-[48px] font-extrabold tracking-[-1.5px] text-center -text-gradient">
1150                            case studies &nbsp;
1151                        </h2>
1152                                    </div>
1153                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-center z-10">
1154
1155
1156
1157<div class="item flex justify-center -color-light lg:transform hover:scale-105 transition-transform duration-300">
1158
1159        <div class="relative">
1160            <div>
1161                <div class="w-full xxs:w-[327px] xs:w-[351px] lg:w-full h-[429px] xlg:w-[375px] xl:w-[402px]">
1162                    <picture class="h-full">                        
1163                        <img src="https://cactussearch.co.uk/media/gcto01nn/bigblu-copy.png" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full" loading="lazy" />
1164                    </picture>
1165                    <div class="absolute inset-0 bg-gradient-to-t from-secondary-700 to-transparent roun
1165ded-xl"></div>
1166                </div>
1167
1168            </div>
1169
1170                <a href="/about-us/case-studies/bigblu-broadband/">
1171
1172                    <div class="pb-8 absolute z-20 top-0 left-0 right-0 bottom-0 flex flex-col justify-end text-white">
1173                        <div class="png-layout_flex-col items-center gap-y-3 p-2 sm:p-0">
1174                            <div class="png-layout_flex-col items-start gap-y-1 w-[85%]">
1175
1176                                <h3 class="png-typo_title-noFontSize font-weight-bold text-[29px] tracking-[-1.5px]">
1177                                    bigblu broadband
1178                                </h3>
1179                                <p class="png-typo_title-6 font-secondary opacity-90" )">
1180                                    BBB is a broadband provider that delivers super-fast broadband using alternative technologies to homes and businesses that are unserved or underserved by fibre.
1181                                </p>
1182                            </div>
1183                            
1184                            <div class="py-2 overflow-x-hidden">
1185                                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="2" viewBox="0 0 370 2" fill="none">
1186                                    <line x1="0" y1="1" x2="370" y2="1" stroke="#00FF00" stroke-width="2"></line>
1187                                </svg>
1188                            </div>
1189                        </div>
1190                    </div>
1191                </a>
1192        </div>
1193
1194</div>
1195
1196
1197
1198
1199<div class="item flex justify-center -color-light lg:transform hover:scale-105 transition-transform duration-300">
1200
1201        <div class="relative">
1202            <div>
1203                <div class="w-full xxs:w-[327px] xs:w-[351px] lg:w-full h-[429px] xlg:w-[375px] xl:w-[402px]">
1204                    <picture class="h-full">                        
1205                        <img src="https://cactussearch.co.uk/media/qrdc5r0j/halfords.png" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full" loading="lazy" />
1206                    </picture>
1207                    <div class="absolute inset-0 bg-gradient-to-t from-secondary-700 to-transparent rounded-xl"></div>
1208                </div>
1209
1210            </div>
1211
1212                <a href="/about-us/case-studies/halfords/">
1213
1214                    <div class="pb-8 absolute z-20 top-0 left-0 right-0 bottom-0 flex flex-col justify-end text-white">
1215                        <div class="png-layout_flex-col items-center gap-y-3 p-2 sm:p-0">
1216                            <div class="png-layout_flex-col items-start gap-y-1 w-[85%]">
1217
1218                                <h3 class="png-typo_title-noFontSize font-weight-bold text-[29px] tracking-[-1.5px]">
1219                                    halfords
1220                                </h3>
1221                                <p class="png-typo_title-6 font-secondary opacity-90" )">
1222                                    Halfords are all about the journey. They are the UK&#39;s leading retailer of automotive and cycling products.
1223                                </p>
1224                            </div>
1225                            
1226                            <div class="py-2 overflow-x-hidden">
1227                                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="2" viewBox="0 0 370 2" fill="none">
1228                                    <line x1="0" y1="1" x2="370" y2="1" stroke="#00FF00" stroke-width="2"></line>
1229                                </svg>
1230                            </div>
1231                        </div>
1232                    </div>
1233                </a>
1234        </div>
1235
1236</div>
1237
1238
1239
1240
1241<div class="item flex justify-center -color-light lg:transform hover:scale-105 transition-transform duration-300">
1242
1243        <div class="relative">
1244            <div>
1245                <div class="w-full xxs:w-[327px] xs:w-[351px] lg:w-full h-[429px] xlg:w-[375px] xl:w-[402px]">
1246                    <picture class="h-full">                        
1247                        <img src="https://cactussearch.co.uk/media/p4zbouy1/sigma-copy.png" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full" loading="lazy" />
1248                    </picture>
1249                    <div class="absolute inset-0 bg-gradient-to-t from-secondary-700 to-transparent roun
1249ded-xl"></div>
1250                </div>
1251
1252            </div>
1253
1254                <a href="/about-us/case-studies/sigma/">
1255
1256                    <div class="pb-8 absolute z-20 top-0 left-0 right-0 bottom-0 flex flex-col justify-end text-white">
1257                        <div class="png-layout_flex-col items-center gap-y-3 p-2 sm:p-0">
1258                            <div class="png-layout_flex-col items-start gap-y-1 w-[85%]">
1259
1260                                <h3 class="png-typo_title-noFontSize font-weight-bold text-[29px] tracking-[-1.5px]">
1261                                    sigma
1262                                </h3>
1263                                <p class="png-typo_title-6 font-secondary opacity-90" )">
1264                                     Founded in 2011, Sigma employs over 5,000 people across operations in the UK, South Africa, Australia and the US.
1265                                </p>
1266                            </div>
1267                            
1268                            <div class="py-2 overflow-x-hidden">
1269                                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="2" viewBox="0 0 370 2" fill="none">
1270                                    <line x1="0" y1="1" x2="370" y2="1" stroke="#00FF00" stroke-width="2"></line>
1271                                </svg>
1272                            </div>
1273                        </div>
1274                    </div>
1275                </a>
1276        </div>
1277
1278</div>
1279
1280                </div>
1281                <div class="flex justify-center z-10">
1282                    <a href="/about-us/case-studies/" class="png-btn -color-secondary-light -variant-solid px-4 py-1 text-[22px] rounded-100">see more</a>
1283                </div>
1284            </div>
1285           
1286                <div class="absolute w-full h-[250px] bottom-0 left-0 z-0 bg-cactus-lightBege "></div>
1287
1288        </div>
1289    </section><section class="png-bg -color-primary !py-[80px] lg:!py-[150px]">
1290    <div class="png-layout_section items-center justify-center gap-y-5 relative z-50 md:pb-40">
1291        <div class="flex justify-center lg:w-1/2 lg:self-start">
1292            <div class="pb-3 space-y-6 lg:w-[420px]">
1293                <svg xmlns="http://www.w3.org/2000/svg" width="142" height="6" viewBox="0 0 142 6" fill="none">
1294                    <line y1="3" x2="141.75" y2="3" stroke="#00FF00" stroke-width="6" />
1295                </svg>
1296                <h1 class="-text-gradient png-typo_title-ArchivoBlack font-extrabold text-[4rem] xxs:text-[4.62rem] tracking-[-4px] leading-[65px] lg:text-[6.15rem] lg:leading-[90px] lg:tracking-[-8px]">
1297                    this is how we do it
1298                </h1>
1299                <p class="png-typo_title-noFontSize text-[1.5rem] text-left font-normal  text-text_grey">
1300                    
1301                </p>
1302            </div>
1303        </div>
1304
1305
1306
1307            <div class="grid grid-cols-1 gap-y-8 w-full">
1308                    <div class="flex justify-end w-full">
1309                                        <div class="png-layout_flex-col items-center gap-y-2 w-full lg:w-1/2">
1310                    <div class="lg:w-[420px]">
1311                        <div class="text-[44px] font-weight-bold flex flex-col items-start text-left w-full tracking-[-2.5px] p-2">
1312
1313                            <h3 class="png-typo_title-ArchivoBlack font-extrabold leading-none w-full -mb-3 text-cactus-greenNeon">
1314                                2003
1315                            </h3>
1316
1317                            <p class="png-typo_title-ArchivoBlack leading-none text-white">
1318                                cactus was founded
1319                            </p>
1320
1321                        </div>
1322                        <ul>
1323                            <li class="list-none">
1324                                    <p class="png-typo_text-2 font-secondary text-left p-2 text-text_grey">
1325                                        Established in December 2003, Cactus Search was originally founded by our current Managing Directors, Guy Masters and Francesca Randle.
1326                                    </p>
1327                            </li>
1328                        </ul>
1329                        
1330                    </div>
1331                        <div class="w-full sm:w-[350px] h-[304px] lg:w-[402px]">
1332                            <picture class="">
1333                                <source srcset="/media/2epbwugs/2003-founded-cactus-1.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133681909427570000" media="(min-width: 1024px)">
1334                                <source srcset="/media/2epbwugs/2003-founded-cactus-1.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133681909427570000" media="(max-width: 1023px)">
1335                                <img src="/media/2epbwugs/2003-founded-cactus-1.png" alt="avatar image" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full w-full" loading="lazy" />
1336                            </picture>
1337
1338                        </div>
1339                </div>
1340
1341                    </div>
1342            </div>
1343            <div class="grid grid-cols-1 gap-y-8 w-full">
1344                    <div class="flex justify-start w-full">
1345                                        <div class="png-layout_flex-col items-center gap-y-2 w-full lg:w-1/2">
1346                    <div class="lg:w-[420px]">
1347                        <div class="text-[44px] font-weight-bold flex flex-col items-start text-left w-full tracking-[-2.5px] p-2">
1348
1349                            <h3 class="png-typo_title-ArchivoBlack font-extrabold leading-none w-full -mb-3 text-cactus-greenNeon">
1350                                2008
1351                            </h3>
1352
1353                            <p class="png-typo_title-ArchivoBlack leading-none text-white">
1354                                pertemps network
1355                            </p>
1356
1357                        </div>
1358                        <ul>
1359                            <li class="list-none">
1360                                    <p class="png-typo_text-2 font-secondary text-left p-2 text-text_grey">
1361                                        In March 2008, the company was approached by Pertemps Network Group to join their niche portfolio of boutique recruitment businesses which have a combined turnover of close to &#163;1billion.
1362                                    </p>
1363                            </li>
1364                        </ul>
1365                        
1366                    </div>
1367                        <div class="w-full sm:w-[350px] h-[304px] lg:w-[402px]">
1368                            <picture class="">
1369                                <source srcset="/media/43upidwt/2008-pertemps-network-1.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133681909422730000" media="(min-width: 1024px)">
1370                                <source srcset="/media/43upidwt/2008-pertemps-network-1.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133681909422730000" media="(max-width: 1023px)">
1371                                <img src="/media/43upidwt/2008-pertemps-network-1.png" alt="avatar image" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full w-full" loading="lazy" />
1372                            </picture>
1373
1374                        </div>
1375                </div>
1376
1377                    </div>
1378            </div>
1379            <div class="grid grid-cols-1 gap-y-8 w-full">
1380                    <div class="flex justify-end w-full">
1381                                        <div class="png-layout_flex-col items-center gap-y-2 w-full lg:w-1/2">
1382                    <div class="lg:w-[420px]">
1383                        <div class="text-[44px] font-weight-bold flex flex-col items-start text-left w-full tracking-[-2.5px] p-2">
1384
1385                            <h3 class="png-typo_title-ArchivoBlack font-extrabold leading-none w-full -mb-3 text-cactus-greenNeon">
1386                                2011
1387                            </h3>
1388
1389                            <p class="png-typo_title-ArchivoBlack leading-none text-white">
1390                                cactus frontline
1391                            </p>
1392
1393                        </div>
1394                        <ul>
1395                            <li class="list-none">
1396                                    <p class="png-typo_text-2 font-secondary text-left p-2 text-text_grey">
1397                                        In 2001, Cactus Frontline was founded; a specialist volume recruitment business providing account managed services to the UK and US Customer Contact industry.
1398                                    </p>
1399                            </li>
1400                        </ul>
1401                        
1402                    </div>
1403                        <div class="w-full sm:w-[350px] h-[304px] lg:w-[402px]">
1404                            <picture class="">
1405                                <source srcset="/media/fihdad2e/2011-frontline-1.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133681909424300000" media="(min-width: 1024px)">
1406                                <source srcset="/media/fihdad2e/2011-frontline-1.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133681909424300000" media="(max-width: 1023px)">
1407                                <img src="/media/fihdad2e/2011-frontline-1.png" alt="avatar image" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full w-full" loading="lazy" />
1408                            </picture>
1409
1410                        </div>
1411                </div>
1412
1413                    </div>
1414            </div>
1415            <div class="grid grid-cols-1 gap-y-8 w-full">
1416                    <div class="flex justify-start w-full">
1417                                        <div class="png-layout_flex-col items-center gap-y-2 w-full lg:w-1/2">
1418                    <div class="lg:w-[420px]">
1419                        <div class="text-[44px] font-weight-bold flex flex-col items-start text-left w-full tracking-[-2.5px] p-2">
1420
1421                            <h3 class="png-typo_title-ArchivoBlack font-extrabold leading-none w-full -mb-3 text-cactus-greenNeon">
1422                                2024
1423                            </h3>
1424
1425                            <p class="png-typo_title-ArchivoBlack leading-none text-white">
1426                                our network
1427                            </p>
1428
1429                        </div>
1430                        <ul>
1431                            <li class="list-none">
1432                                    <p class="png-typo_text-2 font-secondary text-left p-2 text-text_grey">
1433                                        We&#39;ve built a vast social media network with over 20,000 LinkedIn followers, thousands of &#39;Green Room&#39; podcast views, and thousands of monthly contacts. This extensive reach allows us to swiftly and precisely find hard-to-locate candidates, surpassing other CX resourcing specialists.
1434                                    </p>
1435                            </li>
1436                        </ul>
1437                        
1438                    </div>
1439                        <div class="w-full sm:w-[350px] h-[304px] lg:w-[402px]">
1440                            <picture class="">
1441                                <source srcset="/media/2mcjkqeu/2024-our-network-1.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133681909426170000" media="(min-width: 1024px)">
1442                                <source srcset="/media/2mcjkqeu/2024-our-network-1.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133681909426170000" media="(max-width: 1023px)">
1443                                <img src="/media/2mcjkqeu/2024-our-network-1.png" alt="avatar image" class="png-image -object-cover object-top -lazyloaded rounded-xl h-full w-full" loading="lazy" />
1444                            </picture>
1445
1446                        </div>
1447                </div>
1448
1449                    </div>
1450            </div>
1451    </div>
1452    <div class="absolute bottom-[5%] z-0 h-full w-full flex justify-center xl:justify-end hidden lg:block h-full" style="height:80%;">
1453        <svg class="opacity-20 png-image object-contain -lazyloaded h-full" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
1453ox="0 0 1191 2907" fill="none">
1454            <path d="M-975.008 2805.82C-723.725 2825.52 -472.538 2859.44 -220.083 2855.23C-75.9306 2852.73 67.3384 2831.19 211.118 2824.37C389.918 2816.21 562.127 2855.73 738.935 2878.44C849.982 2892.69 921.236 2904.37 959.806 2889.5C969.603 2885.72 977.291 2880.24 982.988 2872.64C995.925 2855.39 994.909 2811.93 994.909 2811.93C994.909 2811.93 994.909 2760.87 994.909 2722.58C994.909 2684.29 1024.41 2659.46 1057.42 2650.1C1057.42 2650.1 1058.53 2649.76 1058.62 2649.73C1109.4 2633.83 1152.5 2601 1161.18 2538.37C1161.18 2538.37 1180.33 2388.16 1180.33 2388.14C1180.33 2360.48 1157.91 2338.06 1130.26 2338.06C1102.61 2338.06 1080.18 2360.48 1080.18 2388.14C1080.18 2388.4 1066.27 2519.68 1066.27 2519.68C1064.54 2536.95 1050.89 2550.45 1032.21 2550.45C1013.52 2550.45 998.345 2535.5 997.973 2516.92L1003.6 2127.97C1002.88 2100.92 980.752 2079.23 953.542 2079.23C926.331 2079.23 904.199 2100.93 903.481 2127.97L907.455 2416.44C906.448 2434.1 891.808 2448.11 873.897 2448.11C857.408 2448.11 843.693 2436.22 840.836 2420.56C835.432 2376.57 826.916 2332.56 824.651 2288.25C823.299 2261.8 802.283 2240.77 774.631 2240.77C746.979 2240.77 724.557 2263.19 724.557 2290.84C724.557 2331.13 731.79 2372.53 735.43 2412.66C740.067 248
14546.87 793.798 2547.55 864.031 2561.6L863.576 2561.47C888.634 2566.59 908.035 2587.62 910.173 2613.54L913.306 2815.21C913.306 2815.21 913.305 2848.49 919.515 2863.67C958.564 2946.12 1254.06 2861.48 1161.06 2587C1068.06 2312.52 330 2319.3 330 1703.5C330 1152.5 997.973 1160 1032.21 835.5C1066.44 511 656 10.5 656 10.5" stroke="#2EEE38" stroke-width="20.8632" stroke-miterlimit="10" stroke-linecap="round" />
1455        </svg>  
1456    </div>
1457</section><section class="bg-neutral overflow-hidden   lg:px-5 lg:png-widget-bg">   
1458    <div class="png-widget-bg -color-primary lg:h-[592px] lg:rounded-300 ">
1459        <div class="png-layout_section relative">
1460            <div class="px-8 lg:px-0 space-y-10 lg:space-y-16 flex flex-col items-center lg:pt-12">
1461                <div class="text-center ">
1462                    <div class="png-layout_flex-col gap-1 z-10">
1463                <h2 class="text-cactus-bege png-typo_title-ArchivoBlack text-[35px] xs:text-[48px] tracking-[-3px]">
1464                    we uncover the right talent for your business
1465                </h2>
1466        </div>    
1467                </div>                
1468                <div class="flex flex-col justify-center items-center gap-y-4 py-4 px-4 min-w-[180px] lg:max-w-[260px] rounded-200 opacity-85 bg-black">
1469
1470    <a class="png-btn -color-secondary-light -variant-solid text-[21px] -rounded_light -size-tbc min-w-[160px] max-w-[260px] opacity-85 line-clamp-1 text-center" href="/contact-us/" aria-label="get in touch">
1471
1472        get in touch
1473
1474    </a>
1475    <a class="png-btn -invisible -variant-outline text-[16px] -rounded_light -size-tbc min-w-[160px] lg:max-w-[260px] line-clamp-1 text-center" href="/our-services/services/" aria-label="learn more">
1476
1477        learn more
1478
1479    </a>
1480</div>
1481            </div>
1482        </div>
1483        <div class="absolute top-0 left-0 z-0 h-full">          
1484            <svg xmlns="http://www.w3.org/2000/svg" width="754" height="592" viewBox="0 0 754 592" fill="none" class="opacity-40">
1485                <path d="M-1624.53 1284.68C-1342.37 1257.41 -1057.54 1245.91 -778.755 1191.93C-619.586 1161 -465.116 1109.15 -307.204 1073.51C-110.768 1029.54 87.6837 1039.67 287.944 1030.28C413.718 1024.36 494.917 1023.38 534.732 999.38C544.845 993.284 552.288 985.704 557.113 976.18C568.073 954.55 558.457 906.608 558.457 906.608C558.457 906.608 548.483 850.063 541.002 807.654C533.522 765.245 561.344 731.973 596.072 715.163C596.072 715.163 597.242 714.563 597.329 714.516C650.469 686.988 691.79 642.206 689.169 571.149C689.169 571.149 681.036 401.041 681.031 401.011C675.629 370.384 646.414 349.93 615.788 355.332C585.162 360.734 564.708 389.95 570.111 420.576C570.162 420.866 580.404 568.983 580.404 568.983C581.853 588.456 569.375 606.068 548.683 609.718C527.99 613.368 508.26 599.782 504.216 579.269L434.466 147.383C428.388 117.569 399.637 97.8691 369.5 103.185C339.363 108.501 319.09 136.864 323.576 166.942L384.333 485.665C386.668 505.424 373.189 523.795 353.353 527.294C335.09 530.516 317.578 520.037 311.355 503.249C296.775 455.581 278.745 408.498 267.58 359.865C260.915 330.833 233.531 311.648 202.905 317.05C172.279 322.452 151.825 351.666 157.227 382.292C165.099 426.918 181.196 471.352 193.068 515.085C212.7 596.368 284.065 653.084 364.598 654.921L364.069 654.873C392.822 655.647 418.418 675.148 425.849 703.43L468.717 926.187C468.717 926.187 475.219 963.049 485.062 978.646C544.418 1062.33 855.156 910.863 698.532 625.032C541.907 339.201 -274.207 490.893 -394.51 -191.142C-502.153 -801.404 239.129 -923.592 213.651 -1289.68C188.172 -1655.77 -364.191 -2129.92 -364.191 -2129.92" stroke="#29B329" stroke-width="23.4639" stroke-miterlimit="10" stroke-linecap="round" />
1486            </svg>
1487        </div>
1488    </div>
1489</section><section class="bg-neutral lg:pb-40 lg:pt-10 lg:px-10">
1490        <div class="py-12 space-y-6 png-layout_section">
1491            <svg xmlns="http://www.w3.org/2000/svg" width="189" height="8" viewBox="0 0 189 8" fill="none">
1492                <line y1="4" x2="189" y2="4" stroke="#00FF00" stroke-width="8" />
1493            </svg>
1494                            <h2 class="png-typo_title-2 font-bold text-cactus-kingBlack">
1495                    giving back
1496                </h2>
1497        </div>
1498     
1499    <div class="png-widget-bg -color-bege lg:rounded-300">
1500        <div class="png-layout_grid-cols-2">
1501            <div class="png-layout_section items-center">
1502                <div class="space-y-6 relative max-w-[380px] ">
1503                    <div class="png-quote -color-orange -no-card relative">
1504                            <svg class="png-quote_icon absolute left-0  z-0" viewB
1504ox="0 0 203 174" fill="none" xmlns="http://www.w3.org/2000/svg">
1505                                <path d="M90.8151 88.6651V173.767H0.363526V93.5281L44.6167 0.158754H90.8151L56.2879 88.6651H90.8151ZM202.178 88.6651V173.767H111.726V93.5281L155.979 0.158754H202.178L167.65 88.6651H202.178Z" fill="#FD8F0E" />
1506                            </svg>
1507
1508                            <div class="png-layout_flex-col gap-1 z-10 text-wrap">
1509                                                                    <h2 class="text-cactus-kindaBlack png-typo_title-ArchivoBlack text-[60px] leading-[55px] xxs:text-[70px] xxs:leading-[60px] md:text-[80px] md:leading-[70px] lg:text-[90.42px] lg:leading-[80px] font-bold tracking-[-2.5px] text-wrap break-word">
1510                                        &#163;10,000 rowing challenge
1511                                    </h2>
1512                            </div>
1513                    </div>
1514                    <div class="png-typo_text-2 font-secondary png-layout_flex-col gap-2.5 z-10 text-wrap text-balance text-primary">
1515            <p>
1516                Greg Morrall, Guy Masters, Peter Rees and Will Copley rowed 354k in 24 hours - that’s 88.5k each - longer than two marathons each or from Birmingham to London and back, raising over &#163;10,000. The group of four supported two charitable organisations, My Name’5 Doddie Foundation and Edwards Trust. &quot;We’re all reasonably fit and we trained for this, but nothing prepares you for the sheer time and distance you have to cover, and the total lack of sleep. Ultimately will power won the day..&quot;
1517            </p>
1518    </div>
1519                </div>
1520            </div>
1521
1522                <div class="flex justify-center md:justify-end lg:justify-center relative px-6 md:pr-0 lg:pr-6">
1523                    <div class="max-w-[650px] xl:w-[650px] relative bg-blend-overlay">
1524                        <img class="png-image -object-cover object-top -lazyloaded rounded-md md:rounded-none md:rounded-l-md lg:rounded-md relative aspect-[3/2] h-full" src="/media/dplaebmu/charity-3.jpg?anchor=center&amp;mode=crop&amp;width=1280&amp;height=720&amp;rnd=133637832742600000" alt="the cactus team standing next to a sign reading &quot;we&#39;re rowing the length of the River Severn&quot;" loading="lazy" />
1525
1526                    </div>
1527                </div>
1528
1529        </div>
1530    </div>
1531</section><section class="png-bg -color-light" >
1532        <div class="png-layout_section  ">
1533            <div class="png-layout_flex-col -size-xlarge">
1534                <div class="space-y-6">
1535                    <svg class="opacity-70" xmlns="http://www.w3.org/2000/svg" width="142" height="6" viewBox="0 0 142 6" fill="none">
1536                        <line y1="3" x2="141.75" y2="3" stroke="#00FF00" stroke-width="6" />
1537                    </svg>
1538                    
1539                    <div class="png-layout_flex-col gap-y-4 lg:w-2/5">
1540
1541                            <p class="png-typo_title-ArchivoBlack text-[48px] font-bold text-cactus-kindaBlack">articles</p>
1542                    </div>
1543                </div>
1544                
1545
1546                
1547                
1548                    <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-3 lg:gap-x-10 gap-y-gutter">
1549                            <li class="png-card_article -variant-stacked -color-light -can-hover">
1550                                
1551
1552
1553<figure>
1554    <div class="png-card_article_img ">
1555        <a href="/media-hub/blogs/navigating-the-changing-landscape-of-customer-experience-cx-recruitment/">
1556                <picture>
1557                   <source srcset="/media/otfhqyxk/imge1.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133928884010030000" media="(min-width: 769px)">
1558                    <source srcset="/media/otfhqyxk/imge1.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133928884010030000" media="(max-width: 768px)">
1559                    <source srcset="/media/otfhqyxk/imge1.png?anchor=center&amp;mode=crop&amp;width=1024&amp;height=768&amp;rnd=133928884010030000" media="(max-width: 1024px)">
1560                    <source srcset="/media/otfhqyxk/imge1.png?anchor=center&amp;mode=crop&amp;width=768&amp;height=550&amp;rnd=133928884010030000" media="(max-width: 1280px)">
1561                    <img src="/media/otfhqyxk/imge1.png" class="png-image -object-cover -lazyloaded -rounded" loading="lazy" />
1562                </picture>
1563        </a>
1564    </div>
1565</figure>
1566
1567<div class="png-card_article_content">
1568    <a href="/media-hub/blogs/navigating-the-changing-landscape-of-customer-experience-cx-recruitment/">
1569        <div class="png-card_article_content-text">
1570            
1571                <p class="png-card_article_content-title_heading pb-4 consistent-height-1">
1572                    Navigating the Changing Landscape of Customer Experience (CX) Recruitment
1573                </p>
1574                            <div class="png-card_article_content-text_description pb-2 ">
1575                        <p>
1576                            In the fast-paced CX industry, talent acquisition plays a pivotal role in helping organisations keep up with evolving customer expectations. Call Centre Helper highlights key CX industry trends, which recruiters should note to source the right talent. Here are a few insights
1577                        </p>
1578                </div>
1579        </div>
1580    </a>
1581    <div class="png-card_article_content-footer">
1582        <div class="flex items-center pb-2">
1583            <div class="png-card_article_author-details flex items-center justify-self-center space-x-3">
1584                            </div>
1585            
1586        </div>
1587           
1588            
1589        </div>
1590    </div>
1591
1592                            </li>
1593                            <li class="png-card_article -variant-stacked -color-light -can-hover">
1594                                
1595
1596
1597<figure>
1598    <div class="png-card_article_img ">
1599        <a href="/media-hub/blogs/are-you-diverse-enough-strategies-for-fostering-gender-diversity-in-cx-recruitment/">
1600                <picture>
1601                   <source srcset="/media/tkyldmdl/diverse-enough.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133649829367300000" media="(min-width: 769px)">
1602                    <source srcset="/media/tkyldmdl/diverse-enough.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133649829367300000" media="(max-width: 768px)">
1603                    <source srcset="/media/tkyldmdl/diverse-enough.png?anchor=center&amp;mode=crop&amp;width=1024&amp;height=768&amp;rnd=133649829367300000" media="(max-width: 1024px)">
1604                    <source srcset="/media/tkyldmdl/diverse-enough.png?anchor=center&amp;mode=crop&amp;width=768&amp;height=550&amp;rnd=133649829367300000" media="(max-width: 1280px)">
1605                    <img src="/media/tkyldmdl/diverse-enough.png" class="png-image -object-cover -lazyloaded -rounded" loading="lazy" />
1606                </picture>
1607        </a>
1608    </div>
1609</figure>
1610
1611<div class="png-card_article_content">
1612    <a href="/media-hub/blogs/are-you-diverse-enough-strategies-for-fostering-gender-diversity-in-cx-recruitment/">
1613        <div class="png-card_article_content-text">
1614            
1615                <p class="png-card_article_content-title_heading pb-4 consistent-height-1">
1616                    are you diverse enough? strategies for fostering gender diversity in CX recruitment
1617                </p>
1618                            <div class="png-card_article_content-text_description pb-2 ">
1619                        <p>
1620                            In today&#39;s competitive business landscape, companies are increasingly recognising the importance of fostering diversity and inclusion, including gender diversity, in their workforce.
1621                        </p>
1622                </div>
1623        </div>
1624    </a>
1625    <div class="png-card_article_content-footer">
1626        <div class="flex items-center pb-2">
1627            <div class="png-card_article_author-details flex items-center justify-self-center space-x-3">
1628                            </div>
1629            
1630        </div>
1631           
1632            
1633        </div>
1634    </div>
1635
1636                            </li>
1637                            <li class="png-card_article -variant-stacked -color-light -can-hover">
1638                                
1639
1640
1641<figure>
1642    <div class="png-card_article_img ">
1643        <a href="/media-hub/blogs/ai-innovation-is-vital-but-so-is-evolving-leadership-why-are-both-essential-for-success/">
1644                <picture>
1645                   <source srcset="/media/vnujh5vi/ai-innovation.png?anchor=center&amp;mode=crop&amp;width=640&amp;height=480&amp;rnd=133649829361330000" media="(min-width: 769px)">
1646                    <source srcset="/media/vnujh5vi/ai-innovation.png?anchor=center&amp;mode=crop&amp;width=320&amp;height=240&amp;rnd=133649829361330000" media="(max-width: 768px)">
1647                    <source srcset="/media/vnujh5vi/ai-innovation.png?anchor=center&amp;mode=crop&amp;width=1024&amp;height=768&amp;rnd=133649829361330000" media="(max-width: 1024px)">
1648                    <source srcset="/media/vnujh5vi/ai-innovation.png?anchor=center&amp;mode=crop&amp;width=768&amp;height=550&amp;rnd=133649829361330000" media="(max-width: 1280px)">
1649                    <img src="/media/vnujh5vi/ai-innovation.png" class="png-image -object-cover -lazyloaded -rounded" loading="lazy" />
1650                </picture>
1651        </a>
1652    </div>
1653</figure>
1654
1655<div class="png-card_article_content">
1656    <a href="/media-hub/blogs/ai-innovation-is-vital-but-so-is-evolving-leadership-why-are-both-essential-for-success/">
1657        <div class="png-card_article_content-text">
1658            
1659                <p class="png-card_article_content-title_heading pb-4 consistent-height-1">
1660                    AI innovation is vital, but so is evolving leadership: why are both essential for success?
1661                </p>
1662                            <div class="png-card_article_content-text_description pb-2 ">
1663                        <p>
1664                            In the fast-paced world of CX, the ability to adapt to changing customer needs and market trends is paramount.
1665                        </p>
1666                </div>
1667        </div>
1668    </a>
1669    <div class="png-card_article_content-footer">
1670        <div class="flex items-center pb-2">
1671            <div class="png-card_article_author-details flex items-center justify-self-center space-x-3">
1672                            </div>
1673            
1674        </div>
1675           
1676            
1677        </div>
1678    </div>
1679
1680                            </li>
1681                    </ul>
1682            </div>
1683        </div>
1684    </section>
1685        </div>
1686    </div>
1687</main>
1688<footer aria-labelledby="footer-heading">
1689    <h2 id="footer-heading" class="sr-only">
1690        Footer
1691    </h2>
1692
1693
1694
1695<section class="relative bg-primary-700">
1696    <div>
1697        
1698<div class="lg:container flex flex-col md:flex-row space-y-16 justify-between mx-auto bg-primary-700 pt-12 px-4 md:px-8 lg:mb-12">
1699    <div class="md:w-2/5 flex items-center pl-4 md:pl-0">
1700            <h1 class="text-text_grey png-typo_title-xl font-extrabold -text-gradient">
1701                let&#39;s talk
1702
1703                    <a href="/contact-us/" class="ml-4 xl:ml-6 png-btn -color-secondary-light -variant-solid -size-large rounded-100 w-[100px] h-[40px] relative -top-[7px]"><i class="fa-solid fa-arrow-right text-5xl"></i></a>
1704            </h1>
1705    </div>
1706
1707    <div class="grid grid-cols-1 gap-3 max-h-screen md:min-w-[30%] md:max-w-[50%]">
1708        <div class="bg-cactus-greenServices rounded-md overflow-hidden text-neutral p-4 h-[135px] flex justify-between flex-col">
1709            <h3 class="png-typo_text-2 font-weight-bold">telephone</h3>
1710            <a href="UK: 01905 330790;  US: +1 (325) 266-0705" class="max-w-full break-words png-typo_text-2 font-secondary">UK: 01905 330790;  US: +1 (325) 266-0705</a>
1711        </div>
1712
1713        <div class="bg-cactus-green rounded-md text-neutral p-4 h-[135px] space-y-4 flex justify-between flex-col">
1714            <h3 class="png-typo_text-2 font-weight-bold">email</h3>
1715            <a href="mailto:[email protected]" class="max-w-full break-words png-typo_text-2 font-secondary">[email protected]</a>
1716        </div>
1717
1718        
1719        <!--if (Model.Root().HasValue("cta1") && Model.Root().Value<Link>("cta1") != null)
1720        {
1721            var contentLink = Model.Root().Value<Link>("cta1");
1722
1723            <div class="bg-secondary space-y-6 rounded-md overflow-hidden text-neutral p-4 h-[135px] flex items-center">-->
1724                
1725                <!--<a href="contentLink.Url" target="contentLink.Target" class="png-typo_text-2 font-weight-bold h-6">contentLink.Name</a>
1726            </div>
1727        }
1728
1729        if (Model.Root().HasValue("cta2") && Model.Root().Value<Link>("cta2") != null)
1730        {
1731            var contentLink = Model.Root().Value<Link>("cta2");
1732            <div class="bg-secondary-700  space-y-6 rounded-md overflow-hidden text-neutral p-4 h-[135px] flex items-center">-->
1733                
1734                <!--<a href="contentLink.Url" target="contentLink.Target" class="png-typo_text-2 font-weight-bold">contentLink.Name</a>
1735            </div>
1736        }-->
1737    </div>
1738
1739
1740</div>
1741
1742    </div>
1743    <div class="relative pt-8 bg-primary-700 -size-full">
1744        <div class="container relative z-20 space-y-20">
1745
1746            <div class="grid grid-cols-2 gap-8 mt-gutter xl:col-span-2 xl:mt-0 xl:col-span-2 lg:w-3/5">
1747                <div class="md:grid md:grid-cols-2 md:gap-5"> 
1748                        <div class="space-y-3 pr-4">
1749                                <h3 class="png-typo_title-ArchivoBlack font-bold png-typo_text-1 text-footer-footerGreen consistent-height-4 tracking-tighter">
1750                                    about us
1751                                </h3>
1752                                                            <ul role="list" class="inline-block space-y-1 no-list"> 
1753                                        <li>
1754                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/about-us/who-we-are-what-we-do/" title="Go to Who we are &amp; what we do">
1755                                                Who we are &amp; what we do
1756                                            </a>
1757                                        </li>
1758                                        <li>
1759                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/about-us/charity-events/charity-events/" title="Go to Charity Events">
1760                                                Charity Events
1761                                            </a>
1762                                        </li>
1763                                        <li>
1764                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/our-team/our-team/" title="Go to Our Team">
1765                                                Our Team
1766                                            </a>
1767                                        </li>
1768                                </ul>
1769                        </div>
1770                                            <div class="mt-gutter space-y-3 md:mt-0 pr-4">
1771                                <h3 class="png-typo_title-ArchivoBlack font-bold png-typo_text-1 text-footer-footerGreen consistent-height-4 tracking-tighter">
1772                                    services
1773                                </h3>
1774                                                            <ul role="list" class="inline-block space-y-1 no-list">
1775                                        <li>
1776                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/our-services/services/" title="Go to Services">
1777                                                Services
1778                                            </a>
1779                                        </li>
1780                                        <li>
1781                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/our-services/c-suite-search/" title="Go to Search and Selection">
1782                                                Search and Selection
1783                                            </a>
1784                                        </li>
1785                                        <li>
1786                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/our-services/leadership-resourcing/" title="Go to Leadership Resourcing">
1787                                                Leadership Resourcing
1788                                            </a>
1789                                        </li>
1790                                        <li>
1791                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/our-services/volume-resourcing/" title="Go to Volume Resourcing">
1792                                                Volume Resourcing
1793                                            </a>
1794                                        </li>
1795                                </ul>
1796                        </div>
1797                </div>
1798                <div class="md:grid md:grid-cols-2 md:gap-5">
1799                        <div class="space-y-3 pr-4">
1800                                <h3 class="png-typo_title-ArchivoBlack font-bold png-typo_text-1 text-footer-footerGreen consistent-height-4 tracking-tighter">
1801                                    media hub
1802                                </h3>
1803                                                            <ul role="list" class="inline-block space-y-1 no-list">
1804                                        <li>
1805                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/media-hub/news/" title="Go to News">
1806                                                News
1807                                            </a>
1808                                        </li>
1809                                        <li>
1810                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/media-hub/blogs/" title="Go to Blogs">
1811                                                Blogs
1812                                            </a>
1813                                        </li>
1814                                        <li>
1815                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/media-hub/videos/" title="Go to Videos">
1816                                                Videos
1817                                            </a>
1818                                        </li>
1819                                        <li>
1820                                            <a class="png-typo_title-noFontSize png-link -color-light png-typo_text-4" href="/media-hub/resources/" title="Go to Resources">
1821                                                Resources
1822                                            </a>
1823                                        </li>
1824                                </ul>
1825                        </div>
1826                                            <div class="mt-gutter space-y-4 md:mt-0">
1827                                <h3 class="png-typo_title-ArchivoBlack font-bold png-typo_text-1 text-footer-footerGreen consistent-height-4 tracking-tighter">
1828                                    social media
1829                                </h3>
1830                                                            <ul role="list" class="inline-block space-y-1 no-list">
1831                                        <li>
1832                                            <a class="png-typo_title-noFontSize font-secondary png-link -color-light png-typo_text-4" href="https://www.facebook.com/cactusrecruitment" target="_blank" title="Go to Facebook">
1833                                                Facebook
1834                                            </a>
1835                                        </li>
1836                                        <li>
1837                                            <a class="png-typo_title-noFontSize font-secondary png-link -color-light png-typo_text-4" href="https://www.instagram.com/cactussearch/" target="_blank" title="Go to Instagram">
1838                                                Instagram
1839                                            </a>
1840                                        </li>
1841                                        <li>
1842                                            <a class="png-typo_title-noFontSize font-secondary png-link -color-light png-typo_text-4" href="https://www.linkedin.com/company/cactus-search/" target="_blank" title="Go to LinkedIn">
1843                                                LinkedIn
1844                                            </a>
1845                                        </li>
1846                                        <li>
1847                                            <a class="png-typo_title-noFontSize font-secondary png-link -color-light png-typo_text-4" href="https://twitter.com/cactussearch" target="_blank" title="Go to Twitter">
1848                                                Twitter
1849                                            </a>
1850                                        </li>
1851                                        <li>
1852                                            <a class="png-typo_title-noFontSize font-secondary png-link -color-light png-typo_text-4" href="https://www.youtube.com/@CactusGreenRoom" target="_blank" title="Go to YouTube">
1853                                                YouTube
1854                                            </a>
1855                                        </li>
1856                                </ul>
1857                        </div>
1858                </div>
1859            </div>
1860        </div>
1861
1862    </div>
1863</section>
1864
1865    
1866
1867<section class="relative bg-primary-700">
1868    <div class="bg-primary-circle relative pb-5">
1869        <img src="/Assets/Cactus/cactus-footer-squiggle.svg" class="w-full h-full object-right object-cover py-10" />
1870            <div class="container flex flex-row justify-between flex-row-align gap-6 md:gap-10 py-10 relative">
1871
1872                    <p class="png-typo_text-3 font-secondary text-neutral-300">Cactus House, 30 Foregate St, Worcester WR1 1DS</p>
1873                            <p class="png-typo_text-4 font-secondary text-white opacity-50">
1874                    &copy; 2026 Cactus Search Ltd, 5900 Balcones Drive, Austin, TX 78731
1875                </p>
1876                            <ul class="no-list"> 
1877                        <li>
1878                            <a href="/legal/terms-conditions/" class="png-link -color-light png-typo_text-4 font-secondary opacity-50 lowercase">
1879                                Terms &amp; Conditions
1880                            </a>
1881                        </li>
1882                </ul>
1883        </div>
1884    </div>
1885</section>
1886</footer>
1887
1888
1889
1890
1891
1892
1893        
1893<script src="/Bundles/js/Website/Article/ArticleOverlay.min.js"></script>
1893
1894
1895
1896     
1897</body>
1898</html>
1899<!-- BUILD 1.0.8 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.