PageSourceSearch

https://cypressnorth.com/about/

html cypressnorth.com collected 2026-10-02 04:53:19 UTC 586,799 bytes, 6,123 lines download raw bytes

1<!doctype html>
2
3<html lang="en-US" class="scroll-smooth">
4
5<head>
5<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)})
6(window,'GTM-563T67GV','google_tags_first_party');</script>
6<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dYzg1YT', true);
7		w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8		j=d.createElement(s);j.async=true;j.src='/etj4/';
9		f.parentNode.insertBefore(j,f);
10		})(window,document,'script','dataLayer');</script>
10
11    <meta charset="UTF-8">
12    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
13    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
14    <link rel="stylesheet" href="https://use.typekit.net/npb8mql.css">
15
16    
16<script type="55e60ca9b3cc7157eda451a7-text/javascript">
17  window.dataLayer = window.dataLayer || [];
18  function gtag(){dataLayer.push(arguments);}
19
20  gtag('consent', 'default', {
21       'ad_storage': 'denied',
22        analytics_storage: "denied",
23        functionality_storage: "denied",
24        personalization_storage: "denied",
25        security_storage: "denied",
26        ad_user_data: "denied",
27        ad_personalization: "denied"
28  });
29</script>
29
30
31<!-- OneTrust Cookies Consent Notice start for cypressnorth.com -->
32<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="55e60ca9b3cc7157eda451a7-text/javascript" charset="UTF-8" data-domain-script="01909341-e073-7b8d-a8cc-31a08fb730a5"></script>
vendor: 2 bytes, line 32
32
33<script type="55e60ca9b3cc7157eda451a7-text/javascript">
34function OptanonWrapper() { }
35</script>
35
36<!-- OneTrust Cookies Consent Notice end for cypressnorth.com -->
37
38<script id="cypressmetrics-script" type="55e60ca9b3cc7157eda451a7-module" defer="defer" src="https://serve.cypressmetrics.com/public/cypressmetrics.js" data-key="d34b5793-ad86-4717-8f54-7a2264cb136a" crossorigin="anonymous"></script>
38
39    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
40
41	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
42	<title>About Cypress North | Digital Marketing Agency | Cypress North</title>
43	<meta name="description" content="We are Cypress North, a full-service digital agency in Western New York. Specializing in digital marketing, web design, SEO, PPC, and more. Meet our dedicated team of experts across digital marketing, data, creative, and technology departments." />
44	<link rel="canonical" href="https://cypressnorth.com/about/" />
45	<meta property="og:locale" content="en_US" />
46	<meta property="og:type" content="article" />
47	<meta property="og:title" content="About Cypress North | Digital Marketing Agency | Cypress North" />
48	<meta property="og:description" content="We are Cypress North, a full-service digital agency in Western New York. Specializing in digital marketing, web design, SEO, PPC, and more. Meet our dedicated team of experts across digital marketing, data, creative, and technology departments." />
49	<meta property="og:url" content="https://cypressnorth.com/about/" />
50	<meta property="og:site_name" content="Cypress North" />
51	<meta property="article:modified_time" content="2026-01-28T15:14:51+00:00" />
52	<meta name="twitter:card" content="summary_large_image" />
53	<!-- / Yoast SEO plugin. -->
54
55
56<link rel='dns-prefetch' href='//hcaptcha.com' />
57<style id="wp-img-auto-sizes-contain-inline-css">
58img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
59/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
60</style>
61<style id="wp-block-library-inline-css">
62:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
62--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
63/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
64</style>
65<style id="classic-theme-styles-inline-css">
66/*! This file is auto-generated */
67.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
68/*# sourceURL=/wp-includes/css/classic-themes.min.css */
69</style>
70<style id="wp-block-styles-placeholder-inline-css">
71:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
72/*# sourceURL=wp-block-styles-placeholder-inline-css */
73</style>
74<style id="wp-global-styles-placeholder-inline-css">
75:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
76/*# sourceURL=wp-global-styles-placeholder-inline-css */
77</style>
78<link rel='stylesheet' id='theme-styles-css' href='https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/dist/css/theme.css?ver=1787323742' media='all' />
79<script id="jquery-core-js" src="https://cypressnorth.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
vendor: 1 bytes, line 79
79
80<script id="jquery-migrate-js" src="https://cypressnorth.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
80
81<style>
82.h-captcha{position:relative;display:block;margin-bottom:2rem;padding:0;clear:both}.h-captcha[data-size="normal"]{width:302px;height:76px}.h-captcha[data-size="compact"]{width:158px;height:138px}.h-captcha[data-size="invisible"]{display:none}.h-captcha iframe{z-index:1}.h-captcha::before{content:"";display:block;position:absolute;top:0;left:0;background:url(https://cypressnorth.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo.svg) no-repeat;border:1px solid #fff0;border-radius:4px;box-sizing:border-box}.h-captcha::after{content:"If you see this message, hCaptcha failed to load due to site errors.";font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif;font-size:10px;font-weight:500;position:absolute;top:0;bottom:0;left:0;right:0;box-sizing:border-box;color:#bf1722;opacity:0}.h-captcha.hcaptcha-api-delayed::after{content:"The hCaptcha loading is delayed until user interaction with the form.";color:#555}.h-captcha:not(:has(iframe))::after{animation:hcap-msg-fade-in .3s ease forwards;animation-delay:2s}.h-captcha.hcaptcha-api-delayed:not(:has(iframe))::after{animation-delay:0s}.h-captcha:has(iframe)::after{animation:none;opacity:0}@keyframes hcap-msg-fade-in{to{opacity:1}}.h-captcha[data-size="normal"]::before{width:302px;height:76px;background-position:93.8% 28%}.h-captcha[data-size="normal"]::after{width:302px;height:76px;display:flex;flex-wrap:wrap;align-content:center;line-height:normal;padding:0 75px 0 10px}.h-captcha[data-size="compact"]::before{width:158px;height:138px;background-position:49.9% 78.8%}.h-captcha[data-size="compact"]::after{width:158px;height:138px;text-align:center;line-height:normal;padding:24px 10px 10px 10px}.h-captcha[data-theme="light"]::before,body.is-light-theme .h-captcha[data-theme="auto"]::before,.h-captcha[data-theme="auto"]::before{background-color:#fafafa;border:1px solid #e0e0e0}.h-captcha[data-theme="dark"]::before,body.is-dark-theme .h-captcha[data-theme="auto"]::before,html.wp-dark-mode-active .h-captcha[data-theme="auto"]::before,html.drdt-dark-mode .h-captcha[data-theme="auto"]::before{background-image:url(https://cypressnorth.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo-white.svg);background-repeat:no-repeat;background-color:#333;border:1px solid #f5f5f5}@media (prefers-color-scheme:dark){.h-captcha[data-theme="auto"]::before{background-image:url(https://cypressnorth.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo-white.svg);background-repeat:no-repeat;background-color:#333;border:1px solid #f5f5f5}}.h-captcha[data-theme="custom"]::before{background-color:initial}.h-captcha[data-size="invisible"]::before,.h-captcha[data-size="invisible"]::after{display:none}.h-captcha iframe{position:relative}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}p.hcaptcha-invisible-disclosure{padding:.5rem;margin-bottom:2rem!important}.h-captcha[data-theme="light"]+p.hcaptcha-invisible-disclosure,body.is-light-theme .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure,.h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure{color:#333;background-color:#fafafa;border:1px solid #e0e0e0}.h-captcha[data-theme="dark"]+p.hcaptcha-invisible-disclosure,body.is-dark-theme .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure,html.wp-dark-mode-active .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure,html.drdt-dark-mode .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure{color:#f5f5f5;background-color:#333;border:1px solid #f5f5f5}.h-captcha[data-theme="dark"]+p.hcaptcha-invisible-disclosure a,body.is-dark-theme .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure a,html.wp-dark-mode-active .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure a,html.drdt-dark-mode .h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure a{color:#f5f5f5}@media (prefers-color-scheme:dark){.h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure{color:#f5f5f5;background-color:#333;border:1px solid #f5f5f5}.h-captcha[data-theme="auto"]+p.hcaptcha-invisible-disclosure a{color:#f5f5f5}}.h-captcha[data-theme="custom"]+p.hcaptcha-invisible-disclosure,.h-captcha[data-theme="custom"]+p.hcaptcha-invisible-disclosure a{color:initial;background-color:initial}
83</style>
84<style>
85.gform_previous_button+.h-captcha{margin-top:2rem}.gform_footer.before .h-captcha[data-size="normal"]{margin-bottom:3px}.gform_footer.before .h-captcha[data-size="compact"]{margin-bottom:0}.gform_wrapper.gravity-theme .gform_footer,.gform_wrapper.gravity-theme .gform_page_footer{flex-wrap:wrap}.gform_wrapper.gravity-theme .h-captcha,.gform_wrapper.gravity-theme .h-captcha{margin:0;flex-basis:100%}.gform_wrapper.gravity-theme input[type="submit"],.gform_wrapper.gravity-theme input[type="submit"]{align-self:flex-start}.gform_wrapper.gravity-theme .h-captcha~input[type="submit"],.gform_wrapper.gravity-theme .h-captcha~input[type="submit"]{margin:1em 0 0 0!important}
86</style>
87<link rel="icon" href="https://cypressnorth.com/wp-content/uploads/2023/08/cropped-cypress-north-favicon-32x32.png" sizes="32x32" />
88<link rel="icon" href="https://cypressnorth.com/wp-content/uploads/2023/08/cropped-cypress-north-favicon-192x192.png" sizes="192x192" />
89<link rel="apple-touch-icon" href="https://cypressnorth.com/wp-content/uploads/2023/08/cropped-cypress-north-favicon-180x180.png" />
90<meta name="msapplication-TileImage" content="https://cypressnorth.com/wp-content/uploads/2023/08/cropped-cypress-north-favicon-270x270.png" />
91</head>
92
93<body class="wp-singular page-template-default page page-id-30 page-parent wp-theme-cypressnorth-blade-wordpress-theme scroll-mt-[65px]">
94
95
96
97<div class="flex flex-col min-h-screen overflow-x-clip">
98
99<div class="sticky top-0 sm:admin:top-[46px] md:admin:top-8 z-modal h-nav-height">
100    <div class="relative text-white bg-blue-900 h-nav-height">
101        <div class="container h-full">
102            <div class="flex items-center justify-between h-full max-lg:gap-4">
103                <div>
104                    <a href="https://cypressnorth.com" title="Home">
105                        <img src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/img/logos/cypress-north-logo.png" alt="Cypress North Logo" size="xs" fetchpriority="high" loading="eager" class="max-h-[26px]" />
106
107                    </a>
108                </div>
109
110                <template x-data x-if="window.innerWidth >= 1024">
111                    <div class="hidden h-full lg:flex lg:flex-1 lg:justify-end">
112                                                    <nav id="desktop-navigation" class="flex items-center">
113    <div
114        x-data="{showDropdown:false}"
115        x-on:mouseenter="showDropdown = true"
116        x-on:mouseleave="showDropdown = false"
117        class="text-center menu-item has-children"
118    >
119        <a href="/solutions/"
120            class="font-semibold leading-none uppercase transition px-7 h-[65px] flex items-center"
121            :class="{'show-dropdown': showDropdown}"
122        >Solutions</a>
123
124        <div
125            x-show="showDropdown"
126            class="absolute inset-x-0 flex flex-row w-full gap-4 px-6 text-left text-blue-900 bg-gray-200 py-15 top-nav-height z-100"
127            style="display:none;"
128        >
129            <div class="container">
130                <div class="grid grid-cols-4 gap-20">
131                    <div>
132                        <a href="/solutions/marketing/ppc-digital-advertising/" class="group/btn">
133            <img src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/img/to-delete/ppc-solution.jpg" size="xs" fetchpriority="low" loading="lazy" class="max-w-[200px] mb-4" />
134
135    
136    <span class="font-serif font-extrabold leading-none uppercase text-20">PPC &amp; DIGITAL ADVERTISING</span>
137
138    <div class="mt-4 svg-container">
139        <div class="flex gap-1 -mt-px animated-arrow text-green">
140    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
141  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
142</svg>    <div class="flex gap-1">
143        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
144  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
145</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
146  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
147</svg>    </div>
148</div>    </div>
149</a>                    </div>
150
151                    <div>
152                        <a href="/solutions/integrated-solutions/website-design-development/" class="group/btn">
153            <img src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/img/to-delete/web-solution.jpg" size="xs" fetchpriority="low" loading="lazy" class="max-w-[200px] mb-4" />
154
155    
156    <span class="font-serif font-extrabold leading-none uppercase text-20">WEBSITE DESIGN &amp; DEVELOPMENT</span>
157
158    <div class="mt-4 svg-container">
159        <div class="flex gap-1 -mt-px animated-arrow text-green">
160    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
161  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
162</svg>    <div class="flex gap-1">
163        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
164  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
165</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
166  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
167</svg>    </div>
168</div>    </div>
169</a>                    </div>
170
171                    <div>
172                        <a href="/solutions/data/data-engineering/" class="group/btn">
173            <img src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/img/to-delete/data-solution.jpg" size="xs" fetchpriority="low" loading="lazy" class="max-w-[200px] mb-4" />
174
175    
176    <span class="font-serif font-extrabold leading-none uppercase text-20">Data Analytics &amp; Engineering</span>
177
178    <div class="mt-4 svg-container">
179        <div class="flex gap-1 -mt-px animated-arrow text-green">
180    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
181  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
182</svg>    <div class="flex gap-1">
183        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
184  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
185</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
186  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
187</svg>    </div>
188</div>    </div>
189</a>                    </div>
190
191                    <div>
192                        <ul>
193            
194        <li class="-mt-[2px]">
195            <a
196    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Digital Marketing" href="/solutions/marketing/" target="_self"
197>
198    Digital Marketing
199    <span
200        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
201        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
202            viewBox="0 0 19.553 16.954">
203            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
204                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
205        </svg>
206    </span>
207</a>        </li>
208            
209        <li class="-mt-[2px]">
210            <a
211    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Creative" href="/solutions/creative/" target="_self"
212>
213    Creative
214    <span
215        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
216        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
217            viewBox="0 0 19.553 16.954">
218            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
219                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
220        </svg>
221    </span>
222</a>        </li>
223            
224        <li class="-mt-[2px]">
225            <a
226    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Technology" href="/solutions/technology/" target="_self"
227>
228    Technology
229    <span
230        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
231        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
232            viewBox="0 0 19.553 16.954">
233            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
234                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
235        </svg>
236    </span>
237</a>        </li>
238            
239        <li class="-mt-[2px]">
240            <a
241    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data" href="/solutions/data/" target="_self"
242>
243    Data
244    <span
245        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
246        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
247            viewBox="0 0 19.553 16.954">
248            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
249                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
250        </svg>
251    </span>
252</a>        </li>
253    </ul>                    </div>
254                </div>
255            </div>
256        </div>
257    </div>
258
259    <div
260        x-data="{showDropdown:false}"
261        x-on:mouseenter="
262            showDropdown = true;
263
264            let videos = $el.querySelectorAll('video');
265
266            videos.forEach(video => {
267                video.play();
268            });
269        "
270        x-on:mouseleave="
271            showDropdown = false;
272
273            let videos = $el.querySelectorAll('video');
274
275            videos.forEach(video => {
276                video.pause();
277                
278            });
279        "
280        class="text-center menu-item has-children"
281    >
282        <a href="/our-work/"
283            class="font-semibold leading-none uppercase transition px-7 h-[65px] flex items-center"
284            :class="{'show-dropdown': showDropdown}"
285        >Work</a>
286
287        <div
288            x-show="showDropdown"
289            class="absolute inset-x-0 flex flex-row w-full gap-4 px-6 text-left text-blue-900 bg-gray-200 py-15 top-nav-height z-100"
290            style="display:none;"
291        >
292            <div class="container">
293                <div class="grid items-center grid-cols-4 gap-12">
294                    <div>
295                        <video muted loop playsinline preload="metadata" class="object-cover object-center w-full rounded-full aspect-square">
296    <source src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/video/work-nav-clip.mp4" type="video/mp4">
297</video>                    </div>
298
299                    <div class="grid grid-cols-3 col-span-3 gap-6">
300                        <div>
301                            <a
302    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/our-work/"
303>
304    All Work
305
306            <div class="flex gap-1 -mt-px animated-arrow text-green">
307    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
308  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
309</svg>    <div class="flex gap-1">
310        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
311  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
312</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
313  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
314</svg>    </div>
315</div>    </a>
316
317                            <ul>
318            
319        <li class="-mt-[2px]">
320            <a
321    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Websites" href="/our-work?deliverables=web-development,ecommerce,software-development,ui-ux-design,platform-ui-ux" target="_self"
322>
323    Websites
324    <span
325        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
326        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
327            viewBox="0 0 19.553 16.954">
328            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
329                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
330        </svg>
331    </span>
332</a>        </li>
333            
334        <li class="-mt-[2px]">
335            <a
336    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Digital Marketing" href="/our-work?departments=marketing" target="_self"
337>
338    Digital Marketing
339    <span
340        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
341        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
342            viewBox="0 0 19.553 16.954">
343            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
344                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
345        </svg>
346    </span>
347</a>        </li>
348            
349        <li class="-mt-[2px]">
350            <a
351    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Brand Strategy &amp; Positioning" href="/our-work?deliverables=branding,strategy-positioning" target="_self"
352>
353    Brand Strategy &amp; Positioning
354    <span
355        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
356        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
357            viewBox="0 0 19.553 16.954">
358            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
359                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
360        </svg>
361    </span>
362</a>        </li>
363    </ul>                        </div>
364
365                        <div>
366                            <ul>
367            
368        <li class="-mt-[2px]">
369            <a
370    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Branding" href="/our-work?deliverables=branding" target="_self"
371>
372    Branding
373    <span
374        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
375        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
376            viewBox="0 0 19.553 16.954">
377            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
378                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
379        </svg>
380    </span>
381</a>        </li>
382            
383        <li class="-mt-[2px]">
384            <a
385    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Video &amp; Photo" href="/our-work?deliverables=photography,video" target="_self"
386>
387    Video &amp; Photo
388    <span
389        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
390        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
391            viewBox="0 0 19.553 16.954">
392            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
393                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
394        </svg>
395    </span>
396</a>        </li>
397            
398        <li class="-mt-[2px]">
399            <a
400    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Graphic Design" href="/our-work?deliverables=graphic-design" target="_self"
401>
402    Graphic Design
403    <span
404        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
405        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
406            viewBox="0 0 19.553 16.954">
407            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
408                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
409        </svg>
410    </span>
411</a>        </li>
412            
413        <li class="-mt-[2px]">
414            <a
415    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Animation" href="/our-work?deliverables=animation" target="_self"
416>
417    Animation
418    <span
419        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
420        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
421            viewBox="0 0 19.553 16.954">
422            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
423                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
424        </svg>
425    </span>
426</a>        </li>
427    </ul>                        </div>
428
429                        <div class="flex flex-col justify-between h-full">
430                            <ul>
431            
432        <li class="-mt-[2px]">
433            <a
434    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data" href="/our-work?departments=data" target="_self"
435>
436    Data
437    <span
438        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
439        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
440            viewBox="0 0 19.553 16.954">
441            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
442                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
443        </svg>
444    </span>
445</a>        </li>
446            
447        <li class="-mt-[2px]">
448            <a
449    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Technology" href="/our-work?departments=technology" target="_self"
450>
451    Technology
452    <span
453        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
454        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
455            viewBox="0 0 19.553 16.954">
456            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
457                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
458        </svg>
459    </span>
460</a>        </li>
461    </ul>
462                            <div class="mt-4">
463                                <ul class="flex items-center justify-between gap-2">
464            <li>
465            <a class="text-blue-900 hover:text-[#004ad5] group" href="https://www.facebook.com/cypressnorth/" target="_blank" title="facebook">
466    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.605 51.606">
467  <path d="M.8,1.3V52.905H52.4V1.3H.8ZM32.085,27.1H28.537V40H23.216V27.1h-2.58V22.587h2.58v-2.9c0-2.1.968-5.483,5.483-5.483H32.73v4.354h-2.9c-.484,0-1.129.161-1.129,1.29v2.742H32.73Z" fill="currentColor"/>
468</svg>
469</a>        </li>
470                <li>
471            <a class="text-blue-900 hover:text-[#eb3f74] group" href="https://www.instagram.com/cypressnorth/" target="_blank" title="instagram">
472    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.607 51.605">
473  <path d="M0,51.605V0H51.6V51.605ZM17.253,10.646a8,8,0,0,0-6.287,5.8,17.261,17.261,0,0,0-.482,4.031v8.871c0,2.9,0,5.646,1.451,8.384l.16.16c3.064,3.065,6.127,3.226,9.356,3.226h8.867A17.047,17.047,0,0,0,34.35,40.8,7.9,7.9,0,0,0,40.8,34.511a22.859,22.859,0,0,0,.322-4.678V21.448a19.827,19.827,0,0,0-.322-4.353,8.186,8.186,0,0,0-5.965-6.288,11.5,11.5,0,0,0-4.032-.485H20.644A12.022,12.022,0,0,0,17.253,10.646Zm3.065,27.9a8.982,8.982,0,0,1-2.9-.321,5.4,5.4,0,0,1-3.866-4.357A15.7,15.7,0,0,1,13.226,30V20.48a9.438,9.438,0,0,1,.322-3.064A5.387,5.387,0,0,1,17.9,13.55a17.552,17.552,0,0,1,4.194-.326H25.8c2.257,0,4.352.161,6.449.161a5.689,5.689,0,0,1,3.226.807,4.9,4.9,0,0,1,2.581,3.55,15.992,15.992,0,0,1,.32,2.9V31.447a9.486,9.486,0,0,1-.32,3.064A5.408,5.408,0,0,1,33.7,38.383a12.225,12.225,0,0,1-2.416.16ZM18.061,25.8A7.678,7.678,0,0,0,25.8,33.7a8.16,8.16,0,0,0,8.06-7.9,7.9,7.9,0,1,0-15.8,0Zm14.191-8.063a1.775,1.775,0,1,0,1.775-1.776A1.79,1.79,0,0,0,32.253,17.742ZM20.644,25.965A5.16,5.16,0,1,1,25.8,31.126,5.092,5.092,0,0,1,20.644,25.965Z" fill="currentColor"/>
474</svgxmlns=>
475</a>        </li>
476                <li>
477            <a class="text-blue-900 hover:text-[#183bad] group" href="https://www.linkedin.com/company/cypress-north" target="_blank" title="linkedin">
478    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.604 51.606">
479  <g>
480    <path d="M113.3,16.284Z" fill="currentColor"/>
481    <path d="M96.4,1.3V52.905H148V1.3H96.4Zm18.707,38.22h-5.483V22.91h5.483Zm-2.741-18.868h0a2.838,2.838,0,0,1-3.064-2.9,2.93,2.93,0,0,1,3.064-2.9,2.907,2.907,0,1,1,0,5.806ZM135.1,39.52H129.62v-8.87c0-2.258-.806-3.709-2.741-3.709a3.12,3.12,0,0,0-3.064,3.387V39.52h-5.483V22.91h5.483v2.419a5.662,5.662,0,0,1,5-2.742c3.709,0,6.289,2.419,6.289,7.418Z" transform="translate(-96.4 -1.3)" fill="currentColor"/>
482  </g>
483</svg>
484</a>        </li>
485                <li>
486            <a class="text-blue-900 hover:text-[#000] group" href="https://www.tiktok.com/@cypressnorth" target="_blank" title="tiktok">
487    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.598 51.605">
488  <path d="M51.6,51.605H0V0H51.6V51.6ZM19.024,37.085v0l.008.012A8.452,8.452,0,0,0,23.5,38.474c.06,0,.092,0,.093,0l.107-.005a7.926,7.926,0,0,0,3.277-.743,8.3,8.3,0,0,0,4.245-4.558,9.241,9.241,0,0,0,.539-2.844V21.154c.054.029.773.5.779.508a10.357,10.357,0,0,0,2.661,1.1,15.032,15.032,0,0,0,2.721.374h.014V18.7a2.048,2.048,0,0,1-.231.012,6.208,6.208,0,0,1-2.578-.695c-.218-.118-.372-.206-.512-.3A7.167,7.167,0,0,1,33.3,16.6a6.24,6.24,0,0,1-1.481-3.06h.006a4.015,4.015,0,0,1-.062-1.091H27.3V29.731c0,.237,0,.461-.009.69a.748.748,0,0,1,0,.084.162.162,0,0,1,0,.039v.01a3.8,3.8,0,0,1-1.907,3.011,3.786,3.786,0,1,1-1.849-7.1,3.816,3.816,0,0,1,1.16.182l0-4.551a8.191,8.191,0,0,0-1.06-.067A8.3,8.3,0,0,0,18.3,23.969a8.819,8.819,0,0,0-1.913,2.358,8.186,8.186,0,0,0-.986,3.756,8.821,8.821,0,0,0,.48,2.967v.009a8.693,8.693,0,0,0,1.211,2.214A9.141,9.141,0,0,0,19.024,37.1v-.014Z" fill="currentColor"/>
489</svg>
490</a>        </li>
491                <li>
492            <a class="text-blue-900 hover:text-[#000] group" href="https://x.com/cypressnorth" target="_blank" title="x">
493    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310.2 310.2" style="enable-background:new 0 0 310.2 310.2;" xml:space="preserve">
494    <rect fill="currentColor" width="311.1" height="311.1"/>
495    <path fill="white" d="M170.4,143.3l58.2-67.6h-13.8l-50.5,58.7L124,75.7H77.4l61,88.8l-61,70.9h13.8l53.3-62l42.6,62h46.5 L170.4,143.3L170.4,143.3z M151.5,165.3l-6.2-8.8L96.2,86.1h21.2l39.7,56.8l6.2,8.8l51.6,73.8h-21.2L151.5,165.3L151.5,165.3z"/>
496</svg>
497</a>        </li>
498    </ul>                            </div>
499                        </div>
500                    </div>
501                </div>
502            </div>
503        </div>
504    </div>
505
506    <div
507        x-data="{showDropdown:false}"
508        x-on:mouseenter="
509            showDropdown = true;
510
511            let videos = $el.querySelectorAll('video');
512
513            videos.forEach(video => {
514                video.play();
515            });
516        "
517        x-on:mouseleave="
518            showDropdown = false;
519
520            let videos = $el.querySelectorAll('video');
521
522            videos.forEach(video => {
523                video.pause();
524                
525            });
526        "
527        class="text-center menu-item has-children"
528    >
529        <a href="/about/"
530            class="font-semibold leading-none uppercase transition px-7 h-[65px] flex items-center"
531            :class="{'show-dropdown': showDropdown}"
532        >About</a>
533
534        <div
535            x-show="showDropdown"
536            class="absolute inset-x-0 flex flex-row w-full gap-4 px-6 text-left text-blue-900 bg-gray-200 py-15 top-nav-height z-100"
537            style="display:none;"
538        >
539            <div class="container">
540                <div class="grid grid-cols-4 gap-6">
541                    <div>
542                        <a
543    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/about/"
544>
545    Who We Are
546
547            <div class="flex gap-1 -mt-px animated-arrow text-green">
548    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
549  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
550</svg>    <div class="flex gap-1">
551        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
552  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
553</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
554  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
555</svg>    </div>
556</div>    </a>
557
558                        <ul>
559            
560        <li class="-mt-[2px]">
561            <a
562    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="The CN Team" href="/about/team/" target="_self"
563>
564    The CN Team
565    <span
566        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
567        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
568            viewBox="0 0 19.553 16.954">
569            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
570                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
571        </svg>
572    </span>
573</a>        </li>
574            
575        <li class="-mt-[2px]">
576            <a
577    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Careers" href="/about/careers/" target="_self"
578>
579    Careers
580    <span
581        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
582        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
583            viewBox="0 0 19.553 16.954">
584            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
585                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
586        </svg>
587    </span>
588</a>        </li>
589            
590        <li class="-mt-[2px]">
591            <a
592    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Internships" href="/about/internships/" target="_self"
593>
594    Internships
595    <span
596        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
597        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
598            viewBox="0 0 19.553 16.954">
599            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
600                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
601        </svg>
602    </span>
603</a>        </li>
604    </ul>                    </div>
605
606                    <div>
607                        <a
608    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/solutions/"
609>
610    Solutions
611
612            <div class="flex gap-1 -mt-px animated-arrow text-green">
613    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
614  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
615</svg>    <div class="flex gap-1">
616        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
617  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
618</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
619  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
620</svg>    </div>
621</div>    </a>
622
623                        <ul>
624            
625        <li class="-mt-[2px]">
626            <a
627    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Digital Marketing" href="/solutions/marketing/" target="_self"
628>
629    Digital Marketing
630    <span
631        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
632        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
633            viewBox="0 0 19.553 16.954">
634            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
635                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
636        </svg>
637    </span>
638</a>        </li>
639            
640        <li class="-mt-[2px]">
641            <a
642    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Creative" href="/solutions/creative/" target="_self"
643>
644    Creative
645    <span
646        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
647        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
648            viewBox="0 0 19.553 16.954">
649            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
650                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
651        </svg>
652    </span>
653</a>        </li>
654            
655        <li class="-mt-[2px]">
656            <a
657    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Technology" href="/solutions/technology/" target="_self"
658>
659    Technology
660    <span
661        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
662        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
663            viewBox="0 0 19.553 16.954">
664            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
665                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
666        </svg>
667    </span>
668</a>        </li>
669            
670        <li class="-mt-[2px]">
671            <a
672    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data" href="/solutions/data/" target="_self"
673>
674    Data
675    <span
676        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
677        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
678            viewBox="0 0 19.553 16.954">
679            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
680                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
681        </svg>
682    </span>
683</a>        </li>
684    </ul>                    </div>
685
686                    <div>
687                        <div class="group">
688    <video muted loop playsinline preload="metadata" class="object-cover object-center w-full aspect-video">
689        <source src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/video/people.mp4" type="video/mp4">
690    </video>
691</div>                    </div>
692
693                    <div class="flex flex-col justify-between h-full">
694                        <div>
695                            <button
696    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20"
697>
698    Podcast
699
700            <div class="flex gap-1 -mt-px animated-arrow text-green">
701    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
702  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
703</svg>    <div class="flex gap-1">
704        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
705  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
706</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
707  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
708</svg>    </div>
709</div>    </button>
710
711                            <ul>
712            
713        <li class="-mt-[2px]">
714            <a
715    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Marketing O&#039;Clock" href="https://marketingoclock.com/" target="_blank"
716>
717    Marketing O&#039;Clock
718    <span
719        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
720        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
721            viewBox="0 0 19.553 16.954">
722            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
723                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
724        </svg>
725    </span>
726</a>        </li>
727    </ul>                        </div>
728
729                        <div class="mt-4">
730                            <ul class="flex items-center justify-between gap-2">
731            <li>
732            <a class="text-blue-900 hover:text-[#004ad5] group" href="https://www.facebook.com/cypressnorth/" target="_blank" title="facebook">
733    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.605 51.606">
734  <path d="M.8,1.3V52.905H52.4V1.3H.8ZM32.085,27.1H28.537V40H23.216V27.1h-2.58V22.587h2.58v-2.9c0-2.1.968-5.483,5.483-5.483H32.73v4.354h-2.9c-.484,0-1.129.161-1.129,1.29v2.742H32.73Z" fill="currentColor"/>
735</svg>
736</a>        </li>
737                <li>
738            <a class="text-blue-900 hover:text-[#eb3f74] group" href="https://www.instagram.com/cypressnorth/" target="_blank" title="instagram">
739    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.607 51.605">
740  <path d="M0,51.605V0H51.6V51.605ZM17.253,10.646a8,8,0,0,0-6.287,5.8,17.261,17.261,0,0,0-.482,4.031v8.871c0,2.9,0,5.646,1.451,8.384l.16.16c3.064,3.065,6.127,3.226,9.356,3.226h8.867A17.047,17.047,0,0,0,34.35,40.8,7.9,7.9,0,0,0,40.8,34.511a22.859,22.859,0,0,0,.322-4.678V21.448a19.827,19.827,0,0,0-.322-4.353,8.186,8.186,0,0,0-5.965-6.288,11.5,11.5,0,0,0-4.032-.485H20.644A12.022,12.022,0,0,0,17.253,10.646Zm3.065,27.9a8.982,8.982,0,0,1-2.9-.321,5.4,5.4,0,0,1-3.866-4.357A15.7,15.7,0,0,1,13.226,30V20.48a9.438,9.438,0,0,1,.322-3.064A5.387,5.387,0,0,1,17.9,13.55a17.552,17.552,0,0,1,4.194-.326H25.8c2.257,0,4.352.161,6.449.161a5.689,5.689,0,0,1,3.226.807,4.9,4.9,0,0,1,2.581,3.55,15.992,15.992,0,0,1,.32,2.9V31.447a9.486,9.486,0,0,1-.32,3.064A5.408,5.408,0,0,1,33.7,38.383a12.225,12.225,0,0,1-2.416.16ZM18.061,25.8A7.678,7.678,0,0,0,25.8,33.7a8.16,8.16,0,0,0,8.06-7.9,7.9,7.9,0,1,0-15.8,0Zm14.191-8.063a1.775,1.775,0,1,0,1.775-1.776A1.79,1.79,0,0,0,32.253,17.742ZM20.644,25.965A5.16,5.16,0,1,1,25.8,31.126,5.092,5.092,0,0,1,20.644,25.965Z" fill="currentColor"/>
741</svgxmlns=>
742</a>        </li>
743                <li>
744            <a class="text-blue-900 hover:text-[#183bad] group" href="https://www.linkedin.com/company/cypress-north" target="_blank" title="linkedin">
745    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.604 51.606">
746  <g>
747    <path d="M113.3,16.284Z" fill="currentColor"/>
748    <path d="M96.4,1.3V52.905H148V1.3H96.4Zm18.707,38.22h-5.483V22.91h5.483Zm-2.741-18.868h0a2.838,2.838,0,0,1-3.064-2.9,2.93,2.93,0,0,1,3.064-2.9,2.907,2.907,0,1,1,0,5.806ZM135.1,39.52H129.62v-8.87c0-2.258-.806-3.709-2.741-3.709a3.12,3.12,0,0,0-3.064,3.387V39.52h-5.483V22.91h5.483v2.419a5.662,5.662,0,0,1,5-2.742c3.709,0,6.289,2.419,6.289,7.418Z" transform="translate(-96.4 -1.3)" fill="currentColor"/>
749  </g>
750</svg>
751</a>        </li>
752                <li>
753            <a class="text-blue-900 hover:text-[#000] group" href="https://www.tiktok.com/@cypressnorth" target="_blank" title="tiktok">
754    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.598 51.605">
755  <path d="M51.6,51.605H0V0H51.6V51.6ZM19.024,37.085v0l.008.012A8.452,8.452,0,0,0,23.5,38.474c.06,0,.092,0,.093,0l.107-.005a7.926,7.926,0,0,0,3.277-.743,8.3,8.3,0,0,0,4.245-4.558,9.241,9.241,0,0,0,.539-2.844V21.154c.054.029.773.5.779.508a10.357,10.357,0,0,0,2.661,1.1,15.032,15.032,0,0,0,2.721.374h.014V18.7a2.048,2.048,0,0,1-.231.012,6.208,6.208,0,0,1-2.578-.695c-.218-.118-.372-.206-.512-.3A7.167,7.167,0,0,1,33.3,16.6a6.24,6.24,0,0,1-1.481-3.06h.006a4.015,4.015,0,0,1-.062-1.091H27.3V29.731c0,.237,0,.461-.009.69a.748.748,0,0,1,0,.084.162.162,0,0,1,0,.039v.01a3.8,3.8,0,0,1-1.907,3.011,3.786,3.786,0,1,1-1.849-7.1,3.816,3.816,0,0,1,1.16.182l0-4.551a8.191,8.191,0,0,0-1.06-.067A8.3,8.3,0,0,0,18.3,23.969a8.819,8.819,0,0,0-1.913,2.358,8.186,8.186,0,0,0-.986,3.756,8.821,8.821,0,0,0,.48,2.967v.009a8.693,8.693,0,0,0,1.211,2.214A9.141,9.141,0,0,0,19.024,37.1v-.014Z" fill="currentColor"/>
756</svg>
757</a>        </li>
758                <li>
759            <a class="text-blue-900 hover:text-[#000] group" href="https://x.com/cypressnorth" target="_blank" title="x">
760    <svg class="w-8 xl:w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310.2 310.2" style="enable-background:new 0 0 310.2 310.2;" xml:space="preserve">
761    <rect fill="currentColor" width="311.1" height="311.1"/>
762    <path fill="white" d="M170.4,143.3l58.2-67.6h-13.8l-50.5,58.7L124,75.7H77.4l61,88.8l-61,70.9h13.8l53.3-62l42.6,62h46.5 L170.4,143.3L170.4,143.3z M151.5,165.3l-6.2-8.8L96.2,86.1h21.2l39.7,56.8l6.2,8.8l51.6,73.8h-21.2L151.5,165.3L151.5,165.3z"/>
763</svg>
764</a>        </li>
765    </ul>                        </div>
766                    </div>
767                </div>
768            </div>
769        </div>
770    </div>
771
772    <div
773        x-data="{showDropdown:false}"
774        x-on:mouseenter="
775            showDropdown = true;
776
777            let videos = $el.querySelectorAll('video');
778
779            videos.forEach(video => {
780                video.play();
781            });
782        "
783        x-on:mouseleave="
784            showDropdown = false;
785
786            let videos = $el.querySelectorAll('video');
787
788            videos.forEach(video => {
789                video.pause();
790                
791            });
792        "
793        class="text-center menu-item has-children"
794    >
795        <a href="/resources/"
796            class="font-semibold leading-none uppercase transition px-7 h-[65px] flex items-center"
797            :class="{'show-dropdown': showDropdown}"
798        >Resources</a>
799
800        <div
801            x-show="showDropdown"
802            class="absolute inset-x-0 flex flex-row w-full gap-4 px-6 text-left text-blue-900 bg-gray-200 py-15 top-nav-height z-100"
803            style="display:none;"
804        >
805            <div class="container">
806                <div class="grid grid-cols-4 gap-6">
807                    <div>
808                        <a
809    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/resources/blog/"
810>
811    The CN Blog
812
813            <div class="flex gap-1 -mt-px animated-arrow text-green">
814    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
815  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
816</svg>    <div class="flex gap-1">
817        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
818  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
819</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
820  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
821</svg>    </div>
822</div>    </a>
823
824                        <ul>
825            
826        <li class="-mt-[2px]">
827            <a
828    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Digital Marketing" href="/resources/blog?departments=marketing" target="_self"
829>
830    Digital Marketing
831    <span
832        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
833        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
834            viewBox="0 0 19.553 16.954">
835            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
836                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
837        </svg>
838    </span>
839</a>        </li>
840            
841        <li class="-mt-[2px]">
842            <a
843    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Creative" href="/resources/blog?departments=creative" target="_self"
844>
845    Creative
846    <span
847        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
848        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
849            viewBox="0 0 19.553 16.954">
850            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
851                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
852        </svg>
853    </span>
854</a>        </li>
855            
856        <li class="-mt-[2px]">
857            <a
858    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Technology" href="/resources/blog?departments=technology" target="_self"
859>
860    Technology
861    <span
862        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
863        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
864            viewBox="0 0 19.553 16.954">
865            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
866                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
867        </svg>
868    </span>
869</a>        </li>
870            
871        <li class="-mt-[2px]">
872            <a
873    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data" href="/resources/blog?departments=data" target="_self"
874>
875    Data
876    <span
877        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
878        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
879            viewBox="0 0 19.553 16.954">
880            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
881                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
882        </svg>
883    </span>
884</a>        </li>
885    </ul>                    </div>
886
887                    <div>
888                        <a
889    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/resources/guides/"
890>
891    Guides
892
893            <div class="flex gap-1 -mt-px animated-arrow text-green">
894    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
895  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
896</svg>    <div class="flex gap-1">
897        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
898  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
899</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
900  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
901</svg>    </div>
902</div>    </a>
903
904                        <ul>
905            
906        <li class="-mt-[2px]">
907            <a
908    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Expert Marketing Guides" href="/resources/guides/" target="_self"
909>
910    Expert Marketing Guides
911    <span
912        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
913        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
914            viewBox="0 0 19.553 16.954">
915            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
916                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
917        </svg>
918    </span>
919</a>        </li>
920            
921        <li class="-mt-[2px]">
922            <a
923    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Google Ads" href="/resources/guides/google-ads-complete-guide/" target="_self"
924>
925    Google Ads
926    <span
927        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
928        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
929            viewBox="0 0 19.553 16.954">
930            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
931                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
932        </svg>
933    </span>
934</a>        </li>
935    </ul>
936                        
937                    </div>
938
939                    <div>
940                        <a
941    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/resources/videos/"
942>
943    Videos
944
945            <div class="flex gap-1 -mt-px animated-arrow text-green">
946    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
947  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
948</svg>    <div class="flex gap-1">
949        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
950  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
951</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
952  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
953</svg>    </div>
954</div>    </a>
955
956                        <div class="group">
957    <video muted loop playsinline preload="metadata" class="object-cover object-center w-full aspect-video">
958        <source src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/video/videos-nav-clip.mp4" type="video/mp4">
959    </video>
960</div>                    </div>
961
962                    <div>
963                        <a
964    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="https://marketingoclock.com/" target="_blank"
965>
966    Podcast
967
968            <div class="flex gap-1 -mt-px animated-arrow text-green">
969    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
970  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
971</svg>    <div class="flex gap-1">
972        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
973  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
974</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
975  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
976</svg>    </div>
977</div>    </a>
978
979                        <ul>
980            
981        <li class="-mt-[2px]">
982            <a
983    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Marketing O&#039;Clock" href="https://marketingoclock.com/" target="_blank"
984>
985    Marketing O&#039;Clock
986    <span
987        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
988        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
989            viewBox="0 0 19.553 16.954">
990            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
991                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
992        </svg>
993    </span>
994</a>        </li>
995    </ul>
996                        <a
997    class="btn group/btn btn--arrows btn--green  my-5 text-18 xl:text-20" href="/resources/newsletter-signup/"
998>
999    Newsletter
1000
1001            <div class="flex gap-1 -mt-px animated-arrow text-green">
1002    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1003  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1004</svg>    <div class="flex gap-1">
1005        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1006  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1007</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1008  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1009</svg>    </div>
1010</div>    </a>
1011                    </div>
1012                </div>
1013            </div>
1014        </div>
1015    </div>
1016
1017    <div class="text-center menu-item">
1018        <a
1019    class="btn group/btn btn--bordered btn--green  h-full text-white font-semibold text-nowrap" href="/contact/start-a-project/"
1020>
1021    Get Started
1022
1023    </a>
1024    </div>
1025</nav>
1026                                            </div>
1027                </template>
1028
1029                <button
1030                    x-data="{open: false}"
1031                    x-on:open-mobile-menu.window="open = true"
1032                    x-on:close-mobile-menu.window="open = false"
1033                    x-on:click="open ? $dispatch('close-mobile-menu') : $dispatch('open-mobile-menu')"
1034                    class="h-6 focus:outline-none lg:hidden"
1035                >
1036                    <span x-text="open ? 'Close' : 'Open'" class="sr-only">Open</span>
1037
1038                    <div class="relative flex items-center justify-center w-6">
1039                        <span x-bind:class="open ? 'translate-y-0 rotate-45 text-green' : '-translate-y-2'" class="transform transition w-full h-0.5 bg-current absolute duration-300"></span>
1040                        <span x-bind:class="open ? 'opacity-0' : 'opacity-100'" class="transform transition w-full h-0.5 bg-current absolute duration-300"></span>
1041                        <span x-bind:class="open ? 'translate-y-0 -rotate-45 text-green' : 'translate-y-2'" class="transform transition w-full h-0.5 bg-current absolute duration-300"></span>
1042                    </div>
1043                </button>
1044            </div>
1045        </div>
1046    </div>
1047</div>
1048
1049<div
1050    x-cloak
1051    x-data="{open: false}"
1052    x-show="open"
1053    x-trap.noscroll="open"
1054    x-on:open-mobile-menu.window="open = true"
1055    x-on:close-mobile-menu.window="open = false"
1056    x-on:click.away="$dispatch('close-mobile-menu')"
1057    x-on:keydown.escape.window="$dispatch('close-mobile-menu')"
1058    x-transition:enter="ease-out duration-200"
1059    x-transition:enter-start="opacity-0 -translate-y-full"
1060    x-transition:enter-end="opacity-100 translate-y-0"
1061    x-transition:leave="ease-in duration-150"
1062    x-transition:leave-start="opacity-100 translate-y-0"
1063    x-transition:leave-end="opacity-0 -translate-y-full"
1064    class="fixed inset-0 w-full overflow-y-auto bg-white z-overlay top-nav-height admin:top-mobile-admin-nav-height"
1065>
1066    <div class="max-w-[80%] mx-auto py-10 space-y-10">
1067        <div>
1068            <a
1069    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/solutions/"
1070>
1071    Solutions
1072
1073            <div class="flex gap-1 -mt-px animated-arrow text-green">
1074    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1075  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1076</svg>    <div class="flex gap-1">
1077        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1078  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1079</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1080  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1081</svg>    </div>
1082</div>    </a>
1083
1084            <ul>
1085            
1086        <li class="-mt-[2px]">
1087            <a
1088    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="PPC &amp; Digital Advertising" href="/solutions/marketing/ppc-digital-advertising/" target="_self"
1089>
1090    PPC &amp; Digital Advertising
1091    <span
1092        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1093        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1094            viewBox="0 0 19.553 16.954">
1095            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1096                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1097        </svg>
1098    </span>
1099</a>        </li>
1100            
1101        <li class="-mt-[2px]">
1102            <a
1103    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Web Design &amp; Development" href="/solutions/integrated-solutions/website-design-development/" target="_self"
1104>
1105    Web Design &amp; Development
1106    <span
1107        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1108        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1109            viewBox="0 0 19.553 16.954">
1110            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1111                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1112        </svg>
1113    </span>
1114</a>        </li>
1115            
1116        <li class="-mt-[2px]">
1117            <a
1118    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data Analytics &amp; Engineering" href="/solutions/data/data-engineering/" target="_self"
1119>
1120    Data Analytics &amp; Engineering
1121    <span
1122        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1123        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1124            viewBox="0 0 19.553 16.954">
1125            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1126                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1127        </svg>
1128    </span>
1129</a>        </li>
1130            
1131        <li class="-mt-[2px]">
1132            <a
1133    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Digital Marketing" href="/solutions/marketing/" target="_self"
1134>
1135    Digital Marketing
1136    <span
1137        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1138        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1139            viewBox="0 0 19.553 16.954">
1140            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1141                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1142        </svg>
1143    </span>
1144</a>        </li>
1145            
1146        <li class="-mt-[2px]">
1147            <a
1148    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Creative" href="/solutions/creative/" target="_self"
1149>
1150    Creative
1151    <span
1152        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1153        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1154            viewBox="0 0 19.553 16.954">
1155            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1156                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1157        </svg>
1158    </span>
1159</a>        </li>
1160            
1161        <li class="-mt-[2px]">
1162            <a
1163    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Technology" href="/solutions/technology/" target="_self"
1164>
1165    Technology
1166    <span
1167        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1168        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1169            viewBox="0 0 19.553 16.954">
1170            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1171                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1172        </svg>
1173    </span>
1174</a>        </li>
1175            
1176        <li class="-mt-[2px]">
1177            <a
1178    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data" href="/solutions/data/" target="_self"
1179>
1180    Data
1181    <span
1182        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1183        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1184            viewBox="0 0 19.553 16.954">
1185            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1186                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1187        </svg>
1188    </span>
1189</a>        </li>
1190    </ul>        </div>
1191
1192        <div>
1193            <a
1194    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/our-work/"
1195>
1196    Work
1197
1198            <div class="flex gap-1 -mt-px animated-arrow text-green">
1199    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1200  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1201</svg>    <div class="flex gap-1">
1202        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1203  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1204</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1205  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1206</svg>    </div>
1207</div>    </a>
1208
1209            <ul>
1210            
1211        <li class="-mt-[2px]">
1212            <a
1213    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Websites" href="/our-work?deliverables=web-development,ecommerce,software-development,ui-ux-design,platform-ui-ux" target="_self"
1214>
1215    Websites
1216    <span
1217        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1218        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1219            viewBox="0 0 19.553 16.954">
1220            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1221                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1222        </svg>
1223    </span>
1224</a>        </li>
1225            
1226        <li class="-mt-[2px]">
1227            <a
1228    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Digital Marketing" href="/our-work?departments=marketing" target="_self"
1229>
1230    Digital Marketing
1231    <span
1232        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1233        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1234            viewBox="0 0 19.553 16.954">
1235            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1236                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1237        </svg>
1238    </span>
1239</a>        </li>
1240            
1241        <li class="-mt-[2px]">
1242            <a
1243    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Brand Strategy &amp; Positioning" href="/our-work?deliverables=branding,strategy-positioning" target="_self"
1244>
1245    Brand Strategy &amp; Positioning
1246    <span
1247        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1248        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1249            viewBox="0 0 19.553 16.954">
1250            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1251                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1252        </svg>
1253    </span>
1254</a>        </li>
1255            
1256        <li class="-mt-[2px]">
1257            <a
1258    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Branding" href="/our-work?deliverables=branding" target="_self"
1259>
1260    Branding
1261    <span
1262        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1263        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1264            viewBox="0 0 19.553 16.954">
1265            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1266                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1267        </svg>
1268    </span>
1269</a>        </li>
1270            
1271        <li class="-mt-[2px]">
1272            <a
1273    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Video &amp; Photo" href="/our-work?deliverables=photography,video" target="_self"
1274>
1275    Video &amp; Photo
1276    <span
1277        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1278        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1279            viewBox="0 0 19.553 16.954">
1280            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1281                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1282        </svg>
1283    </span>
1284</a>        </li>
1285            
1286        <li class="-mt-[2px]">
1287            <a
1288    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Graphic Design" href="/our-work?deliverables=graphic-design" target="_self"
1289>
1290    Graphic Design
1291    <span
1292        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1293        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1294            viewBox="0 0 19.553 16.954">
1295            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1296                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1297        </svg>
1298    </span>
1299</a>        </li>
1300            
1301        <li class="-mt-[2px]">
1302            <a
1303    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Animation" href="/our-work?deliverables=animation" target="_self"
1304>
1305    Animation
1306    <span
1307        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1308        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1309            viewBox="0 0 19.553 16.954">
1310            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1311                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1312        </svg>
1313    </span>
1314</a>        </li>
1315            
1316        <li class="-mt-[2px]">
1317            <a
1318    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Data" href="/our-work?departments=data" target="_self"
1319>
1320    Data
1321    <span
1322        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1323        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1324            viewBox="0 0 19.553 16.954">
1325            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1326                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1327        </svg>
1328    </span>
1329</a>        </li>
1330            
1331        <li class="-mt-[2px]">
1332            <a
1333    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Technology" href="/our-work?departments=technology" target="_self"
1334>
1335    Technology
1336    <span
1337        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1338        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1339            viewBox="0 0 19.553 16.954">
1340            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1341                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1342        </svg>
1343    </span>
1344</a>        </li>
1345    </ul>        </div>
1346
1347        <div>
1348            <a
1349    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/about/"
1350>
1351    About
1352
1353            <div class="flex gap-1 -mt-px animated-arrow text-green">
1354    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1355  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1356</svg>    <div class="flex gap-1">
1357        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1358  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1359</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1360  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1361</svg>    </div>
1362</div>    </a>
1363
1364            <ul>
1365            
1366        <li class="-mt-[2px]">
1367            <a
1368    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="The CN Team" href="/about/team/" target="_self"
1369>
1370    The CN Team
1371    <span
1372        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1373        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1374            viewBox="0 0 19.553 16.954">
1375            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1376                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1377        </svg>
1378    </span>
1379</a>        </li>
1380            
1381        <li class="-mt-[2px]">
1382            <a
1383    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Careers" href="/about/careers/" target="_self"
1384>
1385    Careers
1386    <span
1387        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1388        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1389            viewBox="0 0 19.553 16.954">
1390            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1391                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1392        </svg>
1393    </span>
1394</a>        </li>
1395            
1396        <li class="-mt-[2px]">
1397            <a
1398    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Internships" href="/about/internships/" target="_self"
1399>
1400    Internships
1401    <span
1402        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1403        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1404            viewBox="0 0 19.553 16.954">
1405            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1406                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1407        </svg>
1408    </span>
1409</a>        </li>
1410    </ul>        </div>
1411
1412        <div>
1413            <a
1414    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/resources/"
1415>
1416    Resources
1417
1418            <div class="flex gap-1 -mt-px animated-arrow text-green">
1419    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1420  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1421</svg>    <div class="flex gap-1">
1422        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1423  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1424</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1425  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1426</svg>    </div>
1427</div>    </a>
1428
1429            <ul>
1430            
1431        <li class="-mt-[2px]">
1432            <a
1433    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="The CN Blog" href="/resources/blog/" target="_self"
1434>
1435    The CN Blog
1436    <span
1437        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1438        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1439            viewBox="0 0 19.553 16.954">
1440            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1441                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1442        </svg>
1443    </span>
1444</a>        </li>
1445            
1446        <li class="-mt-[2px]">
1447            <a
1448    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Guides" href="/resources/guides/" target="_self"
1449>
1450    Guides
1451    <span
1452        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1453        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1454            viewBox="0 0 19.553 16.954">
1455            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1456                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1457        </svg>
1458    </span>
1459</a>        </li>
1460            
1461        <li class="-mt-[2px]">
1462            <a
1463    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Videos" href="/resources/videos/" target="_self"
1464>
1465    Videos
1466    <span
1467        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1468        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1469            viewBox="0 0 19.553 16.954">
1470            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1471                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1472        </svg>
1473    </span>
1474</a>        </li>
1475            
1476        <li class="-mt-[2px]">
1477            <a
1478    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="CN YouTube Channel" href="https://www.youtube.com/@CypressNorth" target="_blank"
1479>
1480    CN YouTube Channel
1481    <span
1482        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1483        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1484            viewBox="0 0 19.553 16.954">
1485            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1486                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1487        </svg>
1488    </span>
1489</a>        </li>
1490    </ul>        </div>
1491
1492        <div>
1493            <a
1494    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="https://marketingoclock.com/" target="blank"
1495>
1496    Podcast
1497
1498            <div class="flex gap-1 -mt-px animated-arrow text-green">
1499    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1500  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1501</svg>    <div class="flex gap-1">
1502        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1503  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1504</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1505  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1506</svg>    </div>
1507</div>    </a>
1508
1509            <ul>
1510            
1511        <li class="-mt-[2px]">
1512            <a
1513    class="relative block py-3 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green" title="Marketing O&#039;Clock" href="https://marketingoclock.com/" target="_blank"
1514>
1515    Marketing O&#039;Clock
1516    <span
1517        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
1518        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
1519            viewBox="0 0 19.553 16.954">
1520            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
1521                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
1522        </svg>
1523    </span>
1524</a>        </li>
1525    </ul>
1526            <a
1527    class="btn group/btn btn--arrows btn--green  mt-10 mb-5 text-18 xl:text-20" href="/resources/newsletter-signup/"
1528>
1529    Newsletter
1530
1531            <div class="flex gap-1 -mt-px animated-arrow text-green">
1532    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1533  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1534</svg>    <div class="flex gap-1">
1535        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1536  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1537</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1538  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1539</svg>    </div>
1540</div>    </a>
1541        </div>
1542
1543        <div>
1544            <a
1545    class="btn group/btn btn--arrows btn--green  mb-5 text-18 xl:text-20" href="/contact/start-a-project/"
1546>
1547    Contact
1548
1549            <div class="flex gap-1 -mt-px animated-arrow text-green">
1550    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1551  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1552</svg>    <div class="flex gap-1">
1553        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1554  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1555</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
1556  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
1557</svg>    </div>
1558</div>    </a>
1559        </div>
1560    </div>
1561</div>
1562
1563<main class="flex flex-col flex-auto">
1564
1565
1566    
1567        <section  class="cn--block cn--hero relative max-w-full bg-blue-900  lg:sticky lg:top-nav-height lg:admin:top-admin-nav-height lg:z-0">
1568    <div class="container relative">
1569        <div class="relative flex flex-col items-start justify-center py-28 md:pb-36">
1570            <div class="z-20">
1571                                    <div class="mb-4">
1572                        <div class="breadcrumbs"><span><span class="breadcrumb_last" aria-current="page">About</span></span></div>                    </div>
1573                
1574                                    <h1 class="text-left text-white heading-1">A group of <span class="highlight">
1575    dedicated
1576    <svg class="stroke-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 629.224 64.459" preserveAspectRatio="none">
1577    <path d="M-7744.058-16440.711s293.9-8.557,627.756-1.936" transform="translate(7744.931 16475.184)" fill="none" stroke-width="60"/>
1578</svg>
1579</span> <br />
1580individuals driven <br />
1581by your goals</h1>                
1582                
1583                
1584                            </div>
1585        </div>
1586
1587            </div>
1588
1589    
1590    </section>
1591
1592<section  class="cn--block cn--video relative bg-white   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
1593    
1594    <div class="relative z-10 w-full h-full">
1595        <div class="container">
1596                    <header>
1597                <h2 class="heading-4 text-center md-5 lg:mb-15 text-gray-300">What we&#039;re about</h2>
1598            </header>
1599            </div>
1600            <div class="box-content max-w-4xl px-8 mx-auto">
1601                            <div x-data="functionalCookiePrefs" class="h-full">
1602        <template x-if="cookiesAccepted">
1603            <div class="responsive-embed z-1">
1604                <iframe title="CN About Us Web Video" width="640" height="360" src="https://www.youtube-nocookie.com/embed/GoCw9zL2DO8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
1604 web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1605            </div>
1606        </template>
1607        <template x-if="!cookiesAccepted">
1608            <div class="flex flex-col justify-center items-center text-center my-0 mx-auto bg-blue p-5 rounded-lg max-w-screen-sm min-h-96">
1609                <div style="margin-bottom:12px; font-weight:bold; color:white;">
1610                    Video Blocked. To view this content:
1611                </div>
1612                <button
1613                    class="btn group/btn btn--bordered btn--green text-white font-semibold text-nowrap" 
1614                    @click="attemptAllowFunctionalCookies()"
1615                >ENABLE FUNCTIONAL COOKIES</button>
1616            </div>
1617        </template>
1618    </div>
1619
1620        
1620<script type="55e60ca9b3cc7157eda451a7-text/javascript">document.addEventListener('alpine:init', () => {
1621        Alpine.data('functionalCookiePrefs', () => ({
1622            cookiesAccepted: false,
1623            determineCookieState() {
1624                if (typeof OptanonActiveGroups === 'undefined') return;
1625                this.cookiesAccepted = OptanonActiveGroups.indexOf('C0004') !== -1;
1626            },
1627            init() {
1628                this.determineCookieState();
1629                window.addEventListener('OneTrustGroupsUpdated', this.determineCookieState.bind(this));
1630            },
1631            attemptAllowFunctionalCookies() {
1632                if (typeof OneTrust === 'undefined') {
1633                    console.error('OneTrust has not been initialized.');
1634                                    } else {
1635                    OneTrust.ToggleInfoDisplay()
1636                }
1637            }
1638        }))
1639    })</script>
1639
1640                        </div>
1641    </div>
1642    
1643</section>
1644
1645
1646<section id=some-words-from-our-founders-block class="cn--block cn--text-with-checklist relative bg-white   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
1647    
1648    <div class="relative z-10 w-full h-full">
1649        <div class="max-w-screen-lg px-8 mx-auto">
1650        <div class="flex lg:gap-20">
1651            <div class="basis-3/5">
1652                
1653                <h2 class="font-serif heading-2 text-blue-900">Some Words From <br />
1654<span class="highlight">
1655    Our Founders
1656    <svg class="stroke-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 629.224 64.459" preserveAspectRatio="none">
1657    <path d="M-7744.058-16440.711s293.9-8.557,627.756-1.936" transform="translate(7744.931 16475.184)" fill="none" stroke-width="60"/>
1658</svg>
1659</span></h2>
1660            </div>
1661        </div>
1662
1663        <div class="flex flex-col gap-10 md:flex-row lg:gap-20">
1664            <div class="max-w-none basis-3/5 grow">
1665                <div class="prose prose-primary">
1666                    <p><span style="font-weight: 400;">When we started Cypress North in 2010, we built it with the idea that we'd succeed by caring more than anyone else – about our work, our clients, our results, and our people. We've created a culture of caring that runs through every member of our company, driving each of us to be the best at what we do, and to treat each partner's business as if it were our own.</span></p>
1667<p><span style="font-weight: 400;">Working with us means that we become a direct extension of your team. The care we’ll have for you and your business will be personal. We'll always be authentic, honest, and transparent – and we'll be passionate about delivering the best performance possible to help you achieve your goals. We'd be excited to have an opportunity to prove our values to you.</span></p>
1668<p><span class="block heading-4">- Matt &amp; Greg</span></p>
1669
1670                </div>
1671
1672                            </div>
1673
1674            <div class="basis-2/5">
1675                <ul class="space-y-4">
1676                                            <li class="flex items-center gap-4">
1677                            <span class="w-7 text-green flex-shrink-0">
1678                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1679                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1680                                </svg>
1681                            </span>
1682
1683                            <span class="mb-0 font-bold uppercase text-blue-900">Always Forthright</span>
1684                        </li>
1685                                            <li class="flex items-center gap-4">
1686                            <span class="w-7 text-green flex-shrink-0">
1687                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1688                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1689                                </svg>
1690                            </span>
1691
1692                            <span class="mb-0 font-bold uppercase text-blue-900">Extensive Expertise</span>
1693                        </li>
1694                                            <li class="flex items-center gap-4">
1695                            <span class="w-7 text-green flex-shrink-0">
1696                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1697                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1698                                </svg>
1699                            </span>
1700
1701                            <span class="mb-0 font-bold uppercase text-blue-900">All In-House</span>
1702                        </li>
1703                                            <li class="flex items-center gap-4">
1704                            <span class="w-7 text-green flex-shrink-0">
1705                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1706                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1707                                </svg>
1708                            </span>
1709
1710                            <span class="mb-0 font-bold uppercase text-blue-900">One-Stop-Shop</span>
1711                        </li>
1712                                            <li class="flex items-center gap-4">
1713                            <span class="w-7 text-green flex-shrink-0">
1714                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1715                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1716                                </svg>
1717                            </span>
1718
1719                            <span class="mb-0 font-bold uppercase text-blue-900">Quality Above All</span>
1720                        </li>
1721                                            <li class="flex items-center gap-4">
1722                            <span class="w-7 text-green flex-shrink-0">
1723                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1724                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1725                                </svg>
1726                            </span>
1727
1728                            <span class="mb-0 font-bold uppercase text-blue-900">Performance-Driven</span>
1729                        </li>
1730                                            <li class="flex items-center gap-4">
1731                            <span class="w-7 text-green flex-shrink-0">
1732                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.387 46.387">
1733                                    <path d="M17.462,26.5l5.423,5.423L31.925,19.27m14.462,5.423a9.03,9.03,0,0,1-3.84,7.4A9.041,9.041,0,0,1,32.089,42.547a9.041,9.041,0,0,1-14.79,0A9.041,9.041,0,0,1,6.84,32.089a9.041,9.041,0,0,1,0-14.79A9.041,9.041,0,0,1,17.3,6.84a9.041,9.041,0,0,1,14.79,0A9.041,9.041,0,0,1,42.547,17.3,9.027,9.027,0,0,1,46.387,24.694Z" transform="translate(-1.5 -1.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
1734                                </svg>
1735                            </span>
1736
1737                            <span class="mb-0 font-bold uppercase text-blue-900">Authentic</span>
1738                        </li>
1739                                    </ul>
1740            </div>
1741        </div>
1742    </div>
1743    </div>
1744    
1745</section>
1746
1747
1748<section  class="cn--block cn--timeline relative bg-green   pt-15 lg:pt-20 pb-15 lg:pb-20 overflow-clip lg:z-1 lg:transform-gpu">
1749    
1750    <div class="relative z-10 w-full h-full">
1751        <div class="container">
1752        <h2 class="heading-2 text-blue-900 text-center">How About A Trip<br />
1753Down Memory Lane?</h2>
1754
1755        <div class="mt-16 -mx-8 md:hidden hover-none:!block">
1756                        <div class="relative">
1757                <div class="flex items-center ">
1758                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1759                        <img fetchpriority="high" decoding="async" width="480" height="480" src="https://cypressnorth.com/w
1759p-content/uploads/2024/02/2010-480x480.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] -translate-x-1/2" alt="2010" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/2010-480x480.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-300x300.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-1024x1024.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-150x150.jpg 150w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-768x768.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-640x640.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/2010.jpg 1200w" sizes="(max-width: 480px) 100vw, 480px" />
1760
1761                    </div>
1762
1763                    <div class="flex-1 px-8">
1764                        <div class="inline-block -rotate-180 -translate-y-4 -translate-x-4">
1765                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1766                        <p class="opacity-50 subheading">2010</p>
1767                        <h3 class="heading-2">It all started when a tech guy met a marketing fella</h3>
1768                    </div>
1769                </div>
1770            </div>
1771                        <div class="relative">
1772                <div class="flex items-center flex-row-reverse">
1773                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1774                        <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/2011-480x480.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] " alt="2011" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/2011-480x480.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/2011-300x300.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/2011-150x150.jpg 150w, https://cypressnorth.com/wp-content/uploads/2024/02/2011-640x640.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/2011.jpg 700w" sizes="(max-width: 480px) 100vw, 480px" />
1775
1776                    </div>
1777
1778                    <div class="flex-1 px-8">
1779                        <div class="inline-block  -translate-y-4 -translate-x-4">
1780                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1781                        <p class="opacity-50 subheading">2011</p>
1782                        <h3 class="heading-2">Moved into our first office on Franklin St. in Buffalo, NY</h3>
1783                    </div>
1784                </div>
1785            </div>
1786                        <div class="relative">
1787                <div class="flex items-center ">
1788                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1789                        <img loading="lazy" decoding="async" width="360" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/567.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] -translate-x-1/2" alt="567" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/567.jpg 360w, https://cypressnorth.com/wp-content/uploads/2024/02/567-225x300.jpg 225w" sizes="auto, (max-width: 360px) 100vw, 360px" />
1790
1791                    </div>
1792
1793                    <div class="flex-1 px-8">
1794                        <div class="inline-block -rotate-180 -translate-y-4 -translate-x-4">
1795                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1796                        <p class="opacity-50 subheading">2013</p>
1797                        <h3 class="heading-2">Moved into a new office in Larkinville</h3>
1798                    </div>
1799                </div>
1800            </div>
1801                        <div class="relative">
1802                <div class="flex items-center flex-row-reverse">
1803                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1804                        <img loading="lazy" decoding="async" width="480" height="270" src="https://cypressnorth.com/w
1804p-content/uploads/2024/02/video-480x270.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] " alt="video" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/video-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/video-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/video-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2024/02/video-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1200x675.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2024/02/video.jpg 1920w" sizes="auto, (max-width: 480px) 100vw, 480px" />
1805
1806                    </div>
1807
1808                    <div class="flex-1 px-8">
1809                        <div class="inline-block  -translate-y-4 -translate-x-4">
1810                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1811                        <p class="opacity-50 subheading">March 2018</p>
1812                        <h3 class="heading-2">Expanded our offerings to include full creative services</h3>
1813                    </div>
1814                </div>
1815            </div>
1816                        <div class="relative">
1817                <div class="flex items-center ">
1818                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1819                        <img loading="lazy" decoding="async" width="476" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-476x480.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] -translate-x-1/2" alt="voiceover-2" srcset="https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-476x480.jpg 476w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-297x300.jpg 297w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-150x150.jpg 150w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2.jpg 558w" sizes="auto, (max-width: 476px) 100v
1819w, 476px" />
1820
1821                    </div>
1822
1823                    <div class="flex-1 px-8">
1824                        <div class="inline-block -rotate-180 -translate-y-4 -translate-x-4">
1825                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1826                        <p class="opacity-50 subheading">May 2018</p>
1827                        <h3 class="heading-2">Launched our weekly Marketing O&#039;Clock podcast</h3>
1828                    </div>
1829                </div>
1830            </div>
1831                        <div class="relative">
1832                <div class="flex items-center flex-row-reverse">
1833                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1834                        <img loading="lazy" decoding="async" width="360" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/211-construction.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] " alt="211-construction" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/211-construction.jpg 360w, https://cypressnorth.com/wp-content/uploads/2024/02/211-construction-225x300.jpg 225w" sizes="auto, (max-width: 360px) 100vw, 360px" />
1835
1836                    </div>
1837
1838                    <div class="flex-1 px-8">
1839                        <div class="inline-block  -translate-y-4 -translate-x-4">
1840                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1841                        <p class="opacity-50 subheading">2019</p>
1842                        <h3 class="heading-2">Purchased and began construction on a new building at 211 Hertel Ave.</h3>
1843                    </div>
1844                </div>
1845            </div>
1846                        <div class="relative">
1847                <div class="flex items-center ">
1848                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1849                        <img loading="lazy" decoding="async" width="480" height="320" src="https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-480x320.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] -translate-x-1/2" alt="6R9A8194" srcset="https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-2048x1366.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1200x800.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1440x960.jpg 1440w" sizes="auto, (max-width: 480px) 100vw, 480px" />
1850
1851                    </div>
1852
1853                    <div class="flex-1 px-8">
1854                        <div class="inline-block -rotate-180 -translate-y-4 -translate-x-4">
1855                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1856                        <p class="opacity-50 subheading">Nov. 2020</p>
1857                        <h3 class="heading-2">Moved into our new Buffalo HQ</h3>
1858                    </div>
1859                </div>
1860            </div>
1861                        <div class="relative">
1862                <div class="flex items-center flex-row-reverse">
1863                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1864                        <img loading="lazy" decoding="async" width="480" height="270" src="https://cypressnorth.com/w
1864p-content/uploads/2022/11/CN-Blog_11-22-1-480x270.png" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] " alt="CN-Blog_11-22" srcset="https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1536x864.png 1536w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-2048x1152.png 2048w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1200x675.png 1200w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1440x810.png 1440w" sizes="auto, (max-width: 480px) 100vw, 480px" />
1865
1866                    </div>
1867
1868                    <div class="flex-1 px-8">
1869                        <div class="inline-block  -translate-y-4 -translate-x-4">
1870                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1871                        <p class="opacity-50 subheading">2021</p>
1872                        <h3 class="heading-2">Expanded our services by adding a data science department</h3>
1873                    </div>
1874                </div>
1875            </div>
1876                        <div class="relative">
1877                <div class="flex items-center ">
1878                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1879                        <img loading="lazy" decoding="async" width="480" height="383" src="https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-480x383.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] -translate-x-1/2" alt="CNRoc" srcset="https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-480x383.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-300x239.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1024x816.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-768x612.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1536x1224.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-640x510.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1200x956.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1440x1148.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc.jpg 1999w" sizes="auto, (max-width: 480px) 100vw, 480px" />
1880
1881                    </div>
1882
1883                    <div class="flex-1 px-8">
1884                        <div class="inline-block -rotate-180 -translate-y-4 -translate-x-4">
1885                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1886                        <p class="opacity-50 subheading">August 2022</p>
1887                        <h3 class="heading-2">Opened our new office in Rochester, NY</h3>
1888                    </div>
1889                </div>
1890            </div>
1891                        <div class="relative">
1892                <div class="flex items-center flex-row-reverse">
1893                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1894                        <img loading="lazy" decoding="async" width="341" height="480" src="https://cypressnorth.com/w
1894p-content/uploads/2022/03/MOC_Branding-1-1-341x480.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] " alt="MOC_Branding" srcset="https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-341x480.jpg 341w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-213x300.jpg 213w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-728x1024.jpg 728w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-768x1081.jpg 768w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-455x640.jpg 455w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-546x768.jpg 546w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-853x1200.jpg 853w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1.jpg 1000w" sizes="auto, (max-width: 341px) 100vw, 341px" />
1895
1896                    </div>
1897
1898                    <div class="flex-1 px-8">
1899                        <div class="inline-block  -translate-y-4 -translate-x-4">
1900                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1901                        <p class="opacity-50 subheading">October 2023</p>
1902                        <h3 class="heading-2">Released our 300th episode of Marketing O&#039;Clock!</h3>
1903                    </div>
1904                </div>
1905            </div>
1906                        <div class="relative">
1907                <div class="flex items-center ">
1908                    <div class="w-[7rem] xs:w-[14rem] shrink-0">
1909                        <img loading="lazy" decoding="async" width="360" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-360x480.jpg" class="aspect-square object-cover rounded-full max-w-[14rem] xs:max-w-[28rem] -translate-x-1/2" alt="cn-roc-2" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-360x480.jpg 360w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-225x300.jpg 225w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-768x1024.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-480x640.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-576x768.jpg 576w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2.jpg 800w" sizes="auto, (max-width: 360px) 100vw, 360px" />
1910
1911                    </div>
1912
1913                    <div class="flex-1 px-8">
1914                        <div class="inline-block -rotate-180 -translate-y-4 -translate-x-4">
1915                            <svg class="h-6 text-white" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                        </div>
1916                        <p class="opacity-50 subheading">September 2024</p>
1917                        <h3 class="heading-2">Cypress North Rochester gets a new home!</h3>
1918                    </div>
1919                </div>
1920            </div>
1921                    </div>
1922
1923        <div class="hidden max-w-4xl mx-auto mt-16 space-y-8 md:block hover-none:!hidden">
1924                        <div class="flex items-center group">
1925                <div class="relative w-1/2 order-first">
1926                    <div class="absolute inset-y-0 left-0 right-12  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
1927                    <div class="pr-12 translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
1928                        <div class="p-5">
1929                            <div class="relative">
1930    
1931    <img decoding="async" width="640" height="640" src="https://cypressnorth.com/w
1931p-content/uploads/2024/02/2010-640x640.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="2010" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/2010-640x640.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-300x300.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-1024x1024.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-150x150.jpg 150w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-768x768.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/2010-480x480.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/2010.jpg 1200w" sizes="auto, (max-width: 640px) 100vw, 640px" />
1932
1933</div>
1934                        </div>
1935                    </div>
1936                </div>
1937                <div class="w-1/2 order-last">
1938                    <div class="pl-12 opacity-0 -translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
1939                        <div class="max-w-md">
1940                            <div class="inline-block -rotate-180 -translate-y-6 -translate-x-6">
1941                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
1942                            <p class="opacity-50 subheading">2010</p>
1943                            <h3 class="heading-3">It all started when a tech guy met a marketing fella</h3>
1944                        </div>
1945                    </div>
1946                </div>
1947            </div>
1948                        <div class="flex items-center group">
1949                <div class="relative w-1/2 order-last">
1950                    <div class="absolute inset-y-0 left-12 right-0  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
1951                    <div class="pl-12 -translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
1952                        <div class="p-5">
1953                            <div class="relative">
1954    
1955    <img decoding="async" width="640" height="640" src="https://cypressnorth.com/wp-content/uploads/2024/02/2011-640x640.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="2011" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/2011-640x640.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/2011-300x300.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/2011-150x150.jpg 150w, https://cypressnorth.com/wp-content/uploads/2024/02/2011-480x480.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/2011.jpg 700w" sizes="auto, (max-width: 640px) 100vw, 640px" />
1956
1957</div>
1958                        </div>
1959                    </div>
1960                </div>
1961                <div class="w-1/2 order-first">
1962                    <div class="pr-12 opacity-0 translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
1963                        <div class="max-w-md">
1964                            <div class="inline-block  -translate-y-6 -translate-x-6">
1965                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
1966                            <p class="opacity-50 subheading">2011</p>
1967                            <h3 class="heading-3">Moved into our first office on Franklin St. in Buffalo, NY</h3>
1968                        </div>
1969                    </div>
1970                </div>
1971            </div>
1972                        <div class="flex items-center group">
1973                <div class="relative w-1/2 order-first">
1974                    <div class="absolute inset-y-0 left-0 right-12  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
1975                    <div class="pr-12 translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
1976                        <div class="p-5">
1977                            <div class="relative">
1978    
1979    <img decoding="async" width="360" height="480" src="https://cypressnorth.com/w
1979p-content/uploads/2024/02/567.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="567" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/567.jpg 360w, https://cypressnorth.com/wp-content/uploads/2024/02/567-225x300.jpg 225w" sizes="auto, (max-width: 360px) 100vw, 360px" />
1980
1981</div>
1982                        </div>
1983                    </div>
1984                </div>
1985                <div class="w-1/2 order-last">
1986                    <div class="pl-12 opacity-0 -translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
1987                        <div class="max-w-md">
1988                            <div class="inline-block -rotate-180 -translate-y-6 -translate-x-6">
1989                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
1990                            <p class="opacity-50 subheading">2013</p>
1991                            <h3 class="heading-3">Moved into a new office in Larkinville</h3>
1992                        </div>
1993                    </div>
1994                </div>
1995            </div>
1996                        <div class="flex items-center group">
1997                <div class="relative w-1/2 order-last">
1998                    <div class="absolute inset-y-0 left-12 right-0  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
1999                    <div class="pl-12 -translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2000                        <div class="p-5">
2001                            <div class="relative">
2002    
2003    <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/video-640x360.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="video" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/video-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/video-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/video-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2024/02/video-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1200x675.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2024/02/video-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2024/02/video.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2004
2005</div>
2006                        </div>
2007                    </div>
2008                </div>
2009                <div class="w-1/2 order-first">
2010                    <div class="pr-12 opacity-0 translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2011                        <div class="max-w-md">
2012                            <div class="inline-block  -translate-y-6 -translate-x-6">
2013                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2014                            <p class="opacity-50 subheading">March 2018</p>
2015                            <h3 class="heading-3">Expanded our offerings to include full creative services</h3>
2016                        </div>
2017                    </div>
2018                </div>
2019            </div>
2020                        <div class="flex items-center group">
2021                <div class="relative w-1/2 order-first">
2022                    <div class="absolute inset-y-0 left-0 right-12  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2023                    <div class="pr-12 translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2024                        <div class="p-5">
2025                            <div class="relative">
2026            <div class="absolute w-full top-2 left-2">
2027            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
2028                x-data="{
2029                    expanded: 3 == 1
2030                }"
2031                x-on:click="
2032                    if(window.innerWidth < 1024) {
2033                        if(!expanded) {
2034                            expanded = true;
2035                            $event.preventDefault();
2036                        }
2037                    }
2038                "
2039                x-on:mouseenter="expanded = true"
2040                x-on:mouseleave="expanded = false"
2041            >
2042                                    <a href="https://cypressnorth.com/about/team/greg-finn/" title="Meet Greg" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
2043                                            >
2044                        <img decoding="async" width="480" height="480" src="https://cypressnorth.com/w
2044p-content/uploads/2023/11/CN_GregFinn_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_GregFinn_transparent_750x750" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
2045
2046                    </a>
2047
2048                                                        <a href="https://cypressnorth.com/about/team/jess-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
2049                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
2050                                            >
2051                        <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
2052
2053                    </a>
2054
2055                                                        <a href="https://cypressnorth.com/about/team/christine-zirnheld/" title="Meet Christine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 2"
2056                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
2057                                            >
2058                        <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ChristineHeadshot" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333.png 624w" sizes="auto, (max-width: 480px) 100vw, 480px" />
2059
2060                    </a>
2061
2062                                                </div>
2063        </div>
2064    
2065    <img decoding="async" width="558" height="563" src="https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="voiceover-2" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2.jpg 558w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-297x300.jpg 297w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-150x150.jpg 150w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-2-476x480.jpg 476w" sizes="auto, (max-width: 558px) 100vw, 558px" />
2066
2067</div>
2068                        </div>
2069                    </div>
2070                </div>
2071                <div class="w-1/2 order-last">
2072                    <div class="pl-12 opacity-0 -translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2073                        <div class="max-w-md">
2074                            <div class="inline-block -rotate-180 -translate-y-6 -translate-x-6">
2075                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2076                            <p class="opacity-50 subheading">May 2018</p>
2077                            <h3 class="heading-3">Launched our weekly Marketing O&#039;Clock podcast</h3>
2078                        </div>
2079                    </div>
2080                </div>
2081            </div>
2082                        <div class="flex items-center group">
2083                <div class="relative w-1/2 order-last">
2084                    <div class="absolute inset-y-0 left-12 right-0  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2085                    <div class="pl-12 -translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2086                        <div class="p-5">
2087                            <div class="relative">
2088    
2089    <img decoding="async" width="360" height="480" src="https://cypressnorth.com/w
2089p-content/uploads/2024/02/211-construction.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="211-construction" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/211-construction.jpg 360w, https://cypressnorth.com/wp-content/uploads/2024/02/211-construction-225x300.jpg 225w" sizes="auto, (max-width: 360px) 100vw, 360px" />
2090
2091</div>
2092                        </div>
2093                    </div>
2094                </div>
2095                <div class="w-1/2 order-first">
2096                    <div class="pr-12 opacity-0 translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2097                        <div class="max-w-md">
2098                            <div class="inline-block  -translate-y-6 -translate-x-6">
2099                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2100                            <p class="opacity-50 subheading">2019</p>
2101                            <h3 class="heading-3">Purchased and began construction on a new building at 211 Hertel Ave.</h3>
2102                        </div>
2103                    </div>
2104                </div>
2105            </div>
2106                        <div class="flex items-center group">
2107                <div class="relative w-1/2 order-first">
2108                    <div class="absolute inset-y-0 left-0 right-12  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2109                    <div class="pr-12 translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2110                        <div class="p-5">
2111                            <div class="relative">
2112            <div class="absolute w-full top-2 left-2">
2113            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
2114                x-data="{
2115                    expanded: 2 == 1
2116                }"
2117                x-on:click="
2118                    if(window.innerWidth < 1024) {
2119                        if(!expanded) {
2120                            expanded = true;
2121                            $event.preventDefault();
2122                        }
2123                    }
2124                "
2125                x-on:mouseenter="expanded = true"
2126                x-on:mouseleave="expanded = false"
2127            >
2128                                    <a href="https://cypressnorth.com/about/team/jack-novorr/" title="Meet Jack" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
2129                                            >
2130                        <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jnovarr-headshot-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jnovorr-headshot" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jnovarr-headshot-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jnovarr-headshot-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jnovarr-headshot-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jnovarr-headshot.webp 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
2131
2132                    </a>
2133
2134                                                        <a href="https://cypressnorth.com/about/team/jess-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
2135                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
2136                                            >
2137                        <img decoding="async" width="480" height="480" src="https://cypressnorth.com/w
2137p-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
2138
2139                    </a>
2140
2141                                                </div>
2142        </div>
2143    
2144    <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-640x427.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="6R9A8194" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-2048x1366.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1200x800.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8194-scaled-1-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2145
2146</div>
2147                        </div>
2148                    </div>
2149                </div>
2150                <div class="w-1/2 order-last">
2151                    <div class="pl-12 opacity-0 -translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2152                        <div class="max-w-md">
2153                            <div class="inline-block -rotate-180 -translate-y-6 -translate-x-6">
2154                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2155                            <p class="opacity-50 subheading">Nov. 2020</p>
2156                            <h3 class="heading-3">Moved into our new Buffalo HQ</h3>
2157                        </div>
2158                    </div>
2159                </div>
2160            </div>
2161                        <div class="flex items-center group">
2162                <div class="relative w-1/2 order-last">
2163                    <div class="absolute inset-y-0 left-12 right-0  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2164                    <div class="pl-12 -translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2165                        <div class="p-5">
2166                            <div class="relative">
2167    
2168    <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-640x360.png" class="object-cover object-center object-cover rounded-full aspect-square" alt="CN-Blog_11-22" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1536x864.png 1536w, https://cypressnorth.com/w
2168p-content/uploads/2022/11/CN-Blog_11-22-1-2048x1152.png 2048w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1200x675.png 1200w, https://cypressnorth.com/wp-content/uploads/2022/11/CN-Blog_11-22-1-1440x810.png 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2169
2170</div>
2171                        </div>
2172                    </div>
2173                </div>
2174                <div class="w-1/2 order-first">
2175                    <div class="pr-12 opacity-0 translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2176                        <div class="max-w-md">
2177                            <div class="inline-block  -translate-y-6 -translate-x-6">
2178                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2179                            <p class="opacity-50 subheading">2021</p>
2180                            <h3 class="heading-3">Expanded our services by adding a data science department</h3>
2181                        </div>
2182                    </div>
2183                </div>
2184            </div>
2185                        <div class="flex items-center group">
2186                <div class="relative w-1/2 order-first">
2187                    <div class="absolute inset-y-0 left-0 right-12  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2188                    <div class="pr-12 translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2189                        <div class="p-5">
2190                            <div class="relative">
2191    
2192    <img decoding="async" width="640" height="510" src="https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-640x510.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="CNRoc" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-640x510.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-300x239.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1024x816.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-768x612.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1536x1224.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-480x383.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1200x956.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc-1440x1148.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2023/03/CNRoc.jpg 1999w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2193
2194</div>
2195                        </div>
2196                    </div>
2197                </div>
2198                <div class="w-1/2 order-last">
2199                    <div class="pl-12 opacity-0 -translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2200                        <div class="max-w-md">
2201                            <div class="inline-block -rotate-180 -translate-y-6 -translate-x-6">
2202                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2203                            <p class="opacity-50 subheading">August 2022</p>
2204                            <h3 class="heading-3">Opened our new office in Rochester, NY</h3>
2205                        </div>
2206                    </div>
2207                </div>
2208            </div>
2209                        <div class="flex items-center group">
2210                <div class="relative w-1/2 order-last">
2211                    <div class="absolute inset-y-0 left-12 right-0  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2212                    <div class="pl-12 -translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2213                        <div class="p-5">
2214                            <div class="relative">
2215    
2216    <img decoding="async" width="455" height="640" src="https://cypressnorth.com/w
2216p-content/uploads/2022/03/MOC_Branding-1-1-455x640.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="MOC_Branding" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-455x640.jpg 455w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-213x300.jpg 213w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-728x1024.jpg 728w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-768x1081.jpg 768w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-341x480.jpg 341w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-546x768.jpg 546w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1-853x1200.jpg 853w, https://cypressnorth.com/wp-content/uploads/2022/03/MOC_Branding-1-1.jpg 1000w" sizes="auto, (max-width: 455px) 100vw, 455px" />
2217
2218</div>
2219                        </div>
2220                    </div>
2221                </div>
2222                <div class="w-1/2 order-first">
2223                    <div class="pr-12 opacity-0 translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2224                        <div class="max-w-md">
2225                            <div class="inline-block  -translate-y-6 -translate-x-6">
2226                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2227                            <p class="opacity-50 subheading">October 2023</p>
2228                            <h3 class="heading-3">Released our 300th episode of Marketing O&#039;Clock!</h3>
2229                        </div>
2230                    </div>
2231                </div>
2232            </div>
2233                        <div class="flex items-center group">
2234                <div class="relative w-1/2 order-first">
2235                    <div class="absolute inset-y-0 left-0 right-12  aspect-square rounded-full border-3 border-dashed border-white border-opacity-60"></div>
2236                    <div class="pr-12 translate-x-[calc(100%+3rem)] group-hover:translate-x-0 transition-transform">
2237                        <div class="p-5">
2238                            <div class="relative">
2239    
2240    <img decoding="async" width="480" height="640" src="https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-480x640.jpg" class="object-cover object-center object-cover rounded-full aspect-square" alt="cn-roc-2" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-480x640.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-225x300.jpg 225w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-768x1024.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-360x480.jpg 360w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2-576x768.jpg 576w, https://cypressnorth.com/wp-content/uploads/2024/09/cn-roc-2.jpg 800w" sizes="auto, (max-width: 480px) 100vw, 480px" />
2241
2242</div>
2243                        </div>
2244                    </div>
2245                </div>
2246                <div class="w-1/2 order-last">
2247                    <div class="pl-12 opacity-0 -translate-x-full group-hover:opacity-100 group-hover:translate-x-0 transition-all">
2248                        <div class="max-w-md">
2249                            <div class="inline-block -rotate-180 -translate-y-6 -translate-x-6">
2250                                <svg class="h-6 text-white group-hover:animate-shake" viewBox="0 0 44 13" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M43.994,6.358l-14.664,6.358l4.964,-6.358l-4.964,-6.358l14.664,6.358Z"/><path d="M29.33,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/><path d="M14.665,6.358l-14.665,6.358l4.964,-6.358l-4.964,-6.358l14.665,6.358Z"/></svg>                            </div>
2251                            <p class="opacity-50 subheading">September 2024</p>
2252                            <h3 class="heading-3">Cypress North Rochester gets a new home!</h3>
2253                        </div>
2254                    </div>
2255                </div>
2256            </div>
2257                    </div>
2258    </div>
2259    </div>
2260    
2261</section>
2262
2263
2264<section  class="cn--block cn--statistics relative bg-white   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
2265    
2266    <div class="relative z-10 w-full h-full">
2267        <div class="max-w-screen-lg px-8 mx-auto">
2268        <div class="grid grid-cols-2 gap-12 lg:gap-24 md:grid-cols-4">
2269                            <div class="text-blue-900">
2270                    <h3 class="pb-8 mb-5 font-semibold leading-none border-b-4 border-dashed text-70 border-green">16</h3>
2271
2272                    <p class="font-medium leading-8 text-20">Years In Business</p>
2273                </div>
2274                            <div class="text-blue-900">
2275                    <h3 class="pb-8 mb-5 font-semibold leading-none border-b-4 border-dashed text-70 border-green">$100M+</h3>
2276
2277                    <p class="font-medium leading-8 text-20">Paid Ad Spend Managed</p>
2278                </div>
2279                            <div class="text-blue-900">
2280                    <h3 class="pb-8 mb-5 font-semibold leading-none border-b-4 border-dashed text-70 border-green">140+</h3>
2281
2282                    <p class="font-medium leading-8 text-20">Clients Served</p>
2283                </div>
2284                            <div class="text-blue-900">
2285                    <h3 class="pb-8 mb-5 font-semibold leading-none border-b-4 border-dashed text-70 border-green">2</h3>
2286
2287                    <p class="font-medium leading-8 text-20">Office Locations</p>
2288                </div>
2289                    </div>
2290    </div>
2291    </div>
2292    
2293</section>
2294
2295
2296<section  class="cn--block cn--text-with-link-list relative bg-gray-200 border-gray border-2   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
2297    
2298    <div class="relative z-10 w-full h-full">
2299        <div class="max-w-screen-lg px-8 mx-auto">
2300        <div class="flex lg:gap-20">
2301            <div class="basis-3/5">
2302                                    <span class="inline-block w-24 text-green mb-7">
2303                        <svg xmlns="http://www.w3.org/2000/svg" width="106" height="106" viewBox="0 0 106 106">
2304  <g id="Group_2378" data-name="Group 2378" transform="translate(-199 -1478.5)">
2305    <g id="Ellipse_409" data-name="Ellipse 409" transform="translate(199 1478.5)" fill="none" stroke="#a3d936" stroke-width="4" stroke-dasharray="4 8">
2306      <circle cx="53" cy="53" r="53" stroke="none"/>
2307      <circle cx="53" cy="53" r="51" fill="none"/>
2308    </g>
2309    <path id="Path_2230" data-name="Path 2230" d="M33.9,33.9a11.413,11.413,0,0,1-16.14,0m30.9-8.07A22.826,22.826,0,1,1,25.826,3,22.826,22.826,0,0,1,48.651,25.826ZM20.119,20.119c0,1.05-.426,1.9-.951,1.9s-.951-.852-.951-1.9.426-1.9.951-1.9S20.119,19.069,20.119,20.119Zm-.951,0h.02v.038h-.02Zm14.266,0c0,1.05-.426,1.9-.951,1.9s-.951-.852-.951-1.9.426-1.9.951-1.9S33.434,19.069,33.434,20.119Zm-.951,0h.02v.038h-.02Z" transform="translate(226.174 1505.674)" fill="none" stroke="#a3d936" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
2310  </g>
2311</svg>
2312
2313                    </span>
2314                
2315                <h2 class="font-serif heading-2 text-blue-900">What we do</h2>
2316            </div>
2317        </div>
2318
2319        <div class="flex flex-col gap-10 md:flex-row lg:gap-20">
2320            <div class="prose prose-primary max-w-none basis-2/3 grow">
2321                <p>Cypress North is a full-service digital agency that offers custom solutions designed to overcome almost any challenge. Our four departments work closely together and take a holistic approach to helping our clients achieve their goals. We don’t believe in taking shortcuts or quick fixes. Our solutions take into account long-term goals and maintainability. </p>
2322<p>When you work with us, our team will become part of your team and your goals will become our goals. We keep a constant line of communication open to ensure you’re involved every step of the way and can reach us whenever you need. </p>
2323
2324
2325                            </div>
2326
2327            <div class="space-y-10 basis-1/3">
2328                <h3 class="text-gray-300 heading-4">CN Departments</h3>
2329
2330                <ul>
2331            <li class="-mt-[2px]">
2332            <a href="https://cypressnorth.com/solutions/marketing/" target="_self"   class="text-blue relative block py-2 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 hover:text-blue-900 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green">
2333                Digital Marketing
2334                <span
2335                    class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
2336                    <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
2337                        viewBox="0 0 19.553 16.954">
2338                        <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
2339                            transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
2340                    </svg>
2341                </span>
2342            </a>
2343        </li>
2344            <li class="-mt-[2px]">
2345            <a href="https://cypressnorth.com/solutions/creative/" target="_self"   class="text-blue relative block py-2 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 hover:text-blue-900 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green">
2346                Creative
2347                <span
2348                    class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
2349                    <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
2350                        viewBox="0 0 19.553 16.954">
2351                        <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
2352                            transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
2353                    </svg>
2354                </span>
2355            </a>
2356        </li>
2357            <li class="-mt-[2px]">
2358            <a href="https://cypressnorth.com/solutions/technology/" target="_self"   class="text-blue relative block py-2 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 hover:text-blue-900 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green">
2359                Technology
2360                <span
2361                    class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
2362                    <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
2363                        viewBox="0 0 19.553 16.954">
2364                        <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
2365                            transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
2366                    </svg>
2367                </span>
2368            </a>
2369        </li>
2370            <li class="-mt-[2px]">
2371            <a href="https://cypressnorth.com/solutions/data/" target="_self"   class="text-blue relative block py-2 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 hover:text-blue-900 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green">
2372                Data
2373                <span
2374                    class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
2375                    <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
2376                        viewBox="0 0 19.553 16.954">
2377                        <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
2378                            transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
2379                    </svg>
2380                </span>
2381            </a>
2382        </li>
2383            <li class="-mt-[2px]">
2384            <a href="https://cypressnorth.com/solutions/integrated-solutions/" target="_self"   class="text-blue relative block py-2 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 hover:text-blue-900 border-gray group pr-4 hover:pl-4 hover:pr-0 hover:bg-green hover:border-green focus:pl-4 focus:pr-0 focus:bg-green focus:border-green">
2385                Integrated Solutions
2386                <span
2387                    class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
2388                    <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
2389                        viewBox="0 0 19.553 16.954">
2390                        <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
2391                            transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
2392                    </svg>
2393                </span>
2394            </a>
2395        </li>
2396    </ul>
2397                                    <a
2398    class="btn group/btn btn--arrows btn--green  w-full" href="https://cypressnorth.com/solutions/"
2399>
2400    All Solutions
2401
2402            <div class="flex gap-1 -mt-px animated-arrow text-green">
2403    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
2404  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
2405</svg>    <div class="flex gap-1">
2406        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
2407  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
2408</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
2409  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
2410</svg>    </div>
2411</div>    </a>
2412                            </div>
2413        </div>
2414    </div>
2415    </div>
2416    
2417</section>
2418
2419
2420<section  class="cn--block cn--logo-grid relative bg-blue-900   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
2421    
2422    <div class="relative z-10 w-full h-full">
2423        <div class="container">
2424        <header class="relative mb-8 lg:mb-15 z-1">
2425            <h2 class="text-left text-white heading-2 font-sans">Achieving goals and proving<br />
2426ROI for the world's best companies</h2>    
2427    </header>
2428
2429        <div
2430            
2431            class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 lg:gap-15 items-center mx-auto text-white gap-12"
2432        >
2433                                                <div>
2434                                                                
2435                        <div
2436                            class="flex justify-center mx-auto logo relative logo-container"
2437                            style="--mask-image:url('https://cypressnorth.com/wp-content/uploads/2023/09/richs-logo.svg')"
2438                        >
2439                                                        <?xml version="1.0" encoding="UTF-8"?>
2440<svg xmlns="http://www.w3.org/2000/svg" width="101.927" height="50.55" viewBox="0 0 101.927 50.55">
2441  <path id="Subtraction_94" data-name="Subtraction 94" d="M98.247,50.55a3.683,3.683,0,1,1,3.679-3.686A3.689,3.689,0,0,1,98.247,50.55Zm-1.31-5.807v4.21h.529l.006-1.878h.88l1.207,1.877h.6l-1.272-1.875a1.106,1.106,0,0,0,1.059-1.17c0-.783-.451-1.164-1.38-1.164Zm1.236,1.914h-.7V45.167h.949c.669,0,.994.242.994.739C99.414,46.6,98.852,46.656,98.173,46.656Zm-47.212-.25A195.63,195.63,0,0,1,24.313,44.6,174.259,174.259,0,0,1,0,39.5V6.482A180.512,180.512,0,0,1,24.352,1.674a211.365,211.365,0,0,1,53.222.016A181.308,181.308,0,0,1,101.927,6.52V39.5a174.3,174.3,0,0,1-24.313,5.1A195.763,195.763,0,0,1,50.961,46.406ZM84.443,33.973a4.247,4.247,0,0,1,1.446.387l.019.007a10.445,10.445,0,0,0,4.165.843A8.994,8.994,0,0,0,94.811,33.9a6.02,6.02,0,0,0,2.69-5.378,6.512,6.512,0,0,0-1.737-4.31A11.159,11.159,0,0,0,93.431,22.2l-.03-.02c-.252-.15-.639-.362-1.048-.587l-.173-.1c-.838-.455-1.815-.99-2.819-1.59-1.647-.942-3.537-2.281-3.537-4.286v-.012a3.06,3.06,0,0,1,.8-2.116,3.549,3.549,0,0,1,2.637-.912,5.038,5.038,0,0,1,3.891,1.6A9.594,9.594,0,0,1,95.24,18.49h.989l-.247-7.4H94.815c0,.841-.2.92-.746.92a3.7,3.7,0,0,1-1.447-.4l-.007,0-.006,0a8.216,8.216,0,0,0-3.6-.764,7.6,7.6,0,0,0-4.645,1.556,5.46,5.46,0,0,0-2.151,4.395,6.234,6.234,0,0,0,1.672,4.436A15.1,15.1,0,0,0,88.336,24.3c3.478,1.812,5.169,3.6,5.169,5.456a3.184,3.184,0,0,1-1.247,2.713,4.732,4.732,0,0,1-2.79.8,5.651,5.651,0,0,1-4.688-2.277,7.705,7.705,0,0,1-1.469-4.561h-1.1l.247,8.429h1.207V34.78l0,0a.656.656,0,0,1,.781-.8ZM45.228,10.913a12.924,12.924,0,0,0-5.034.971,11.161,11.161,0,0,0-3.838,2.646,12.592,12.592,0,0,0-3.3,8.742,11.655,11.655,0,0,0,3.5,8.791,12.242,12.242,0,0,0,8.432,3.08c.086,0,.176,0,.283,0a10.773,10.773,0,0,0,4.9-1.288,12.728,12.728,0,0,0,4.589-4.173c-.576-.308-.732-.392-.81-.43-.095-.05-.095-.05-.253-.139a12.449,12.449,0,0,1-3.847,3.033,8.983,8.983,0,0,1-3.9,1.04,8.116,8.116,0,0,1-5.7-2.478,8.737,8.737,0,0,1-1.929-3,13.353,13.353,0,0,1-.727-4.724,13.98,13.98,0,0,1,1.627-6.66,7.357,7.357,0,0,1,2.375-2.558,6.835,6.835,0,0,1,3.718-1.
244102,8.108,8.108,0,0,1,5.361,1.84,8.052,8.052,0,0,1,2.6,4.6H54.29c0-.024-.461-7.821-.495-8.147H52.662c-.153.581-.483,1.276-1.173,1.276a3.128,3.128,0,0,1-1.229-.38l-.007,0A10.825,10.825,0,0,0,45.228,10.913Zm9.026,22.773v1.207H64.339V33.686h-.317a3.314,3.314,0,0,1-2.156-.535.9.9,0,0,1-.321-.668v-8.5h9.629v8.5c0,.282-.179,1.2-2.482,1.2h-.317v1.207H78.464V33.686h-.321a3.31,3.31,0,0,1-2.156-.535.889.889,0,0,1-.317-.668V13.5c0-.362.241-1.205,2.473-1.205h.321v-1.2H68.375v1.2h.317a3.3,3.3,0,0,1,2.156.535.885.885,0,0,1,.326.67v8.074H61.545V13.5c0-.362.241-1.205,2.477-1.205h.317v-1.2H54.254v1.2h.317a3.307,3.307,0,0,1,2.157.535.885.885,0,0,1,.321.67V32.483c0,.282-.179,1.2-2.478,1.2Zm-49.374,0v1.207H14.926l0-1.208H14.61c-2.294,0-2.473-.921-2.473-1.2V13.141a5.567,5.567,0,0,1,1.226-.114c.113,0,.223,0,.326.007a5.218,5.218,0,0,1,3.9,1.277,4.2,4.2,0,0,1,1.2,3.4,4.128,4.128,0,0,1-1.839,3.723,7.442,7.442,0,0,1-3.958,1.047c-.193,0-.379-.007-.569-.02,4.719,11.222,12.858,12.434,16.139,12.434H33.9V33.686h-.317c-2.3,0-2.482-.921-2.482-1.2V13.5a.885.885,0,0,1,.326-.67,3.3,3.3,0,0,1,2.156-.535H33.9v-1.2H23.848v1.2h.321c2.237,0,2.478.843,2.478,1.205V32.59A12.243,12.243,0,0,1,20.88,28.3a23.843,23.843,0,0,1-2.764-4.286l.019-.01.491-.211c2.122-.91,4.763-2.043,4.763-6.262a5.567,5.567,0,0,0-2.538-4.92,10.513,10.513,0,0,0-5.846-1.493H4.846v1.205h.446c2.152,0,2.384.818,2.384,1.17V32.483c0,.282-.179,1.2-2.478,1.2Zm75.671-22.7a1.725,1.725,0,0,0-1.7,1.7,1.563,1.563,0,0,0,1.385,1.626c.217,1.157-.458,1.659-1.241,2.24l-.006,0c-.047.034-.091.067-.137.1l-.1.071-.079.061c.077.106.134.175.185.236l.042.051.01.012c.092.11.205.246.465.59,2.78-1.607,3.032-3.8,3.012-4.674v-.038a2,2,0,0,0-.573-1.51A1.843,1.843,0,0,0,80.552,10.982Z" fill="#fff"></path>
2442</svg>
2443
2444                                                    </div>
2445                                    </div>
2446                                                                <div>
2447                                                                
2448                        <div
2449                            class="flex justify-center mx-auto logo relative logo-container"
2450                            style="--mask-image:url('https://cypressnorth.com/wp-content/uploads/2024/08/DaveAdams_Logo-Whitw.svg')"
2451                        >
2452                                                        <?xml version="1.0" encoding="UTF-8"?>
2453<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1669.3 251">
2454  <defs>
2455    <style>
2456      .cls-1 {
2457        fill: #fff;
2458      }
2459    </style>
2460  </defs>
2461  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
2462  <g>
2463    <g id="Layer_1">
2464      <path class="cls-1" d="M1296.4,19.2h6.3c12,0,24,0,36,0,2.1,0,4.7-.2,6.2.9,2.9,2.3,5.9,4.8,7.1,8.8,2.5,8.6,5.2,17.2,7.8,25.7,5.2,17.3,10.5,34.7,15.7,52,2.6,8.6,5.1,17.2,7.7,25.8.7,2.2,1.5,4.4,2.6,7.8,12.9-40.8,24.6-80.9,36.9-120.8,1.9,0,3.4-.2,4.9-.2,12.8,0,25.7,0,38.5,0,1.7,0,4,0,5.1,1,2.4,2.2,5.5,3.9,6.1,7.6.5,3.3,1.1,6.6,1.5,9.8,1.1,9.1,2.2,18.1,3.3,27.2,1.1,8.9,2.5,17.8,3.6,26.6,1.2,9.1,2.2,18.1,3.3,27.2,1.2,9.2,2.5,18.4,3.7,27.6,1.1,8.9,2.2,17.8,3.3,26.7,1.1,8.7,2.2,17.5,3.3,26.2.9,6.9,1.8,13.8,2.7,20.7.4,3.1.7,6.2,1.1,9.3-.8.4-1.2.8-1.6.8-10.6-.8-21.2-1.6-31.8-2.5-.5,0-1-.1-1.5,0-5.7,1.1-9-2.5-12.2-6.2-.7-.8-1.2-2-1.3-3.1-.8-6.8-1.3-13.5-2.1-20.3-.9-7.7-1.9-15.5-2.7-23.2-.5-4.3-.8-8.6-1.2-12.9-.5-4.9-1.1-9.9-1.7-14.8-.4-4-.9-7.9-1.2-11.9-.8-8.3-1.5-16.5-2.2-24.8,0-.5-.4-.9-.8-2-11.9,38.6-23.6,76.6-35.4,114.9-2.3,0-4.1.1-5.9,0-8-.5-15.9-1.4-23.9-1.7-6.6-.3-9.7-4.6-11.7-9.8-2.3-6-3.9-12.3-5.9-18.5-6-19.3-12-38.6-18-57.9-3.1-9.8-6.1-19.6-9.2-29.4-.3-1-.8-2-1.2-3-4.1,38.4-8.2,76.6-12.4,115.5-5.4-.4-10.1-.7-14.9-1-4.7-.2-9.4,0-13.9-.7-4.7-.8-9.7,1.1-13.9-1.8-1.8.4-3.4,1-5.1,1-3.5,0-7-.4-10.4-.6-8-.4-16-.7-23.9-1.1-1.4,0-2.9-.7-4-1.6-3.7-3-6.2-6.6-7.3-11.5-2.4-9.8-5.4-19.5-8.2-29.2-.3-.9-.8-1.8-1.4-3-16.6-.5-33.2-1.1-50.1-1.6-4.3,14.3-8.6,28.4-12.9,42.5-.8.2-1.5.5-2.1.5-12.5-.3-24.9-.6-37.4-1.1-1.2,0-2.5-.8-3.5-1.5-1.8-1.4-3.5-3.1-5.3-4.7,4.2-12.9,8.3-25.5,12.5-38.6-4.5,6-8.3,11.7-12.7,16.8-11.8,13.4-27,20.7-44.3,24.2-9.9,2-19.8,2-29.8,1.8-18.1-.3-36.3-1-54.4-1-5.9,0-8.5-3.9-11.
24646-7.5-.8-.9-.5-2.9-.5-4.3,0-15.7,0-31.3,0-47,0-40.7,0-81.3,0-122,0-2,0-4,0-6.4,1.7-.3,3.1-.7,4.5-.7,17.3,0,34.7-.4,52,0,14.9.4,29.8,1,44.3,5.6,12.9,4.1,24.6,10.1,34,20,5.6,5.9,11.5,11.5,15.8,18.6,5.4,9,8.6,18.7,10.5,28.9,1.8,9.3,2.5,18.8,2,28.3-.3,5.3-1.1,10.6-1.6,15.8-.1,1.3-.2,2.5.3,3.9,13.1-40,26.2-80,39.5-120.6,1.6,0,3.2,0,4.8,0,11,0,22,0,33,0,2.1,0,4.7-.2,6.2.9,2.8,2.1,5.7,4.6,6.8,8.3,2.1,7,4.4,13.9,6.7,20.9,8.3,25.8,16.7,51.5,24.9,77.3,7.6,23.7,15.1,47.5,22.6,71.3.4,1.3.8,2.5,1.6,4.9,8.4-61.8,16.6-122.5,24.9-183.7ZM1010.3,60.4c-1,9.1-.6,101,.4,104.7,5.6.4,11.3,1,16.9,1,4.1,0,8.3-.4,12.4-.9,8.8-.9,16.7-4,23.4-9.9,11.9-10.3,15.9-24.2,17-39.1.6-7.7.6-15.6-.8-23.3-1.3-6.7-3.1-13.2-7-19-1.2-1.7-2.6-3.6-4.4-4.6-4.2-2.2-8.6-4.4-13.2-5.8-14.6-4.5-29.6-2.9-44.8-3.2ZM1191,78.6c-4.7,17.7-9.4,34.8-14.1,52.4h28.2c-4.7-17.4-9.3-34.6-14.1-52.4Z"/>
2465      <path class="cls-1" d="M13,242.5c-.1-2.1-.3-3.7-.3-5.4,0-68.7,0-137.3-.1-206,0-5.4,2.9-8.2,6.3-11.2.8-.7,2.2-.7,3.3-.7,21.8,0,43.7-.4,65.5.2,13.8.4,27.3,3.2,40.1,8.9,19.5,8.8,32.8,23.5,40.1,43.5,4.6,12.7,7.2,25.8,7.1,39.5,0,6,.2,11.9,0,17.9-1.2,25-7.7,48.3-23.7,67.9-12.3,15.1-26.7,27.9-45.7,34.5-8.7,3-17.6,4.9-26.7,5.8-11.4,1.1-22.8,2-34.3,2.9-8.6.7-17.2,1.5-25.8,2.1-1.8.1-3.6,0-5.7,0ZM59.1,66.6v125.5c1.4,0,2.5,0,3.6,0,7.1-.6,14.2-1.5,21.3-1.8,8.5-.4,16.3-2.6,23.7-6.6,4-2.2,7.3-5,9.8-9,3.6-5.7,6.3-11.7,8-18.2,2-7.2,2.8-14.6,3.5-22.1,1.1-11.4.1-22.6-2.5-33.6-4.3-18.1-15.6-29-34.1-32.7-10.9-2.2-21.8-1.6-33.3-1.6Z"/>
2466      <path class="cls-1" d="M323.7,213.8c-1.6,1.7-3.3,3.6-5.2,5.1-1.1.9-2.6,1.3-4,1.6-2.1.4-4.3.6-6.4.7-10.1.5-20.3.9-30.4,1.4-.5,0-1-.2-2.1-.3-4.1-14.6-8.2-29.4-12.6-44.9-16.7,0-33.3,1.6-50.5,2.3-1,3.7-1.9,7.3-2.9,10.9-2.5,9.3-5.3,18.5-7.5,27.8-.8,3.3-3.1,4.9-4.9,7.2-2,2.5-4.5,2.8-7.5,3-10.6.7-21.2,1.7-31.8,2.6-1.3.1-2.6,0-4.4,0,.3-1.8.4-3,.8-4.2,4.5-15.6,9-31.3,13.6-46.9,12-40.6,24-81.2,36-121.8,2.9-9.9,6-19.7,8.9-29.6,1.2-4.1,4.6-6.4,7.4-9.1.4-.4,1.3-.4,1.9-.4,13.6,0,27.3,0,41.2,0,20.1,64.9,40.2,129.6,60.4,194.6ZM251.9,137.9c-4.6-18.4-9.1-36.5-13.9-55.4-2.5,10.1-4.8,19.4-7,28.7-2.2,9.2-5.3,18.3-7.3,28.3,9.7-.8,18.8.7,28.2-1.6Z"/>
2467      <path class="cls-1" d="M960.7,205.3c-1.8.1-3.3.3-4.7.3-10,0-20-.1-30-.2-7,0-12.2-3.8-14.3-10.6-2.8-9-5.4-18.1-8.1-27.1-.5-1.6-1.1-3.1-1.7-4.9h-50.8c-4.3,13.8-8.7,27.7-13.1,41.8-2.3,0-4.1,0-5.9,0-9.8,0-19.7-.3-29.5,0-4,0-7.1-.9-9.5-4.1-.8-1-1.8-1.9-2.9-3.1.5-1.7.9-3.5,1.5-5.2,12.8-37.9,25.7-75.7,38.6-113.6,6.2-18.4,12.4-36.8,18.6-55.2q1.6-4.9,7-4.9c10.3,0,20.7,0,31,0,7.6,0,12.3,3.4,14.7,10.7,6.1,18.1,12.2,36.2,18.2,54.4,10.4,30.9,20.8,61.8,31.2,92.6,2.8,8.2,5.6,16.3,8.4,24.5.5,1.4.8,2.8,1.3,4.5ZM890.5,126.1c-4.8-17-9.5-33.5-14.1-49.9-4.6,16.6-9.2,33.2-13.9,49.9h28Z"/>
2468      <path class="cls-1" d="M469.1,212.5c-.1-2.2-.2-3.8-.2-5.5,0-34.8,0-69.7,0-104.5,0-24.5.4-49,.6-73.4,0-4.9,4.8-10,9.6-10,36.2,0,72.3,0,108.5,0,.8,0,1.6.1,2.4.2,1,3.7,1.3,22.9.6,32.9,0,.1-.1.3-.3.4q-6.7,6.8-16.4,6.8c-18,0-36,0-54,0-1.5,0-3,0-4.4,0-.9,3.8-1.2,21.7-.4,29.6,5.7,0,11.5,0,17.2,0,5.8,0,11.7,0,17.5,0,5.8-.1,11.5-.5,17.5-.8.2,1.5.4,2.5.4,3.4,0,9,0,18,0,27,0,2.4-.5,4.2-2.4,5.7-.8.6-1.5,1.3-2.1,2.1-1.7,2.1-3.8,2.9-6.5,2.9-9.2,0-18.3,0-27.5.2-4.6,0-9.3.5-14.4.8-.2,13.1-.2,26.1-.1,39.2,4.4,1,8.7.5,12.9.4,6.3,0,12.6-.7,18.9-.9,12.6-.4,25.3-.7,37.9-1,1.8,0,3.6,0,5.7,0,.2,1.8.4,3,.4,4.3,0,8.5,0,17,0,25.5,0,5.1-4.6,10.2-9.7,10.5-5.1.4-10.3.7-15.4.8-14.8.4-29.6.7-44.4,1.2-15.5.5-30.9,1.3-46.4,1.9-1.8,0-3.6,0-5.7,0Z"/>
2469      <path class="cls-1" d="M355.6,218.6c-20.2-64.4-40.2-128.2-60.3-192.4,2-2,3.7-3.9,5.7-5.7.8-.7,2-1.3,3.1-1.3,13,0,26,0,39.5,0,12.4,45.6,27,90.5,37.9,137,.5-1.3,1-2.1,1.2-3,7.6-27.7,15.2-55.4,22.9-83.1,3.9-13.9,8.1-27.7,11.9-41.7,1.1-4.1,4.3-6.1,7-8.7.5-.5,1.6-.5,2.4-.5,12.5,0,25,0,37.5,0,.5,0,.9.3,1.7.6-.7,2.5-1.4,5.1-2.2,7.5-10.7,33.1-21.4,66.2-32,99.4-8.3,26-16.7,52.1-24.7,78.2-1.4,4.7-4.7,7.5-8,10.5-.8.8-2.5.8-3.7.9-9.5.5-18.9.8-28.4,1.2-3.5.2-6.9.6-11.2,1Z"/>
2470      <path class="cls-1" d="M1560.7,165.9c4,3.5,7.2,6.8,9.2,11.2,4.9,10.8,13.9,15.6,25.5,16.1,8.4.4,17.2-5.8,18.3-17.4.8-8.3-2.1-15.1-7.9-20.7-4.9-4.7-10.2-9.1-15.6-13.3-11.1-8.6-21.4-18-30.9-28.4-9.7-10.6-16.1-22.9-17.5-37.3-2.6-26.7,12.4-52.1,39-58.5,18-4.3,34.3-.4,47.9,12.8,5.4,5.2,10.9,10.3,14.8,16.8.8,1.4,1.7,2.8,2.2,3.8-8.7,8.9-17,17.5-25.6,26.3-3.5-2.2-6.1-5-8.4-8.3-3.7-5.3-9.1-7.3-15.2-5.6-4.9,1.4-8.5,6.8-8.9,12.7-.4,6.8,3,11.8,7.8,16,3.6,3.2,7.4,6.1,11.3,9,12.8,9.6,24.5,20.5,35,32.7,8.7,10.2,14.5,21.9,16.7,35.1.8,5,.3,10.3.4,15.5.2,14-4.2,26.5-12.8,37.4-7.4,9.4-17.2,15.4-28.9,17.4-24.7,4.1-46.4-2.8-64.7-19.8-6.6-6.1-13-12.4-17.6-20.3-1.9-3.3-3.7-6.7-5.7-10.4,10.6-7.7,20.9-15.3,31.4-23Z"/>
2471      <path class="cls-1" d="M768.6,172.2c-8.1,6-16.1,12-24.5,18.3-5.3-6.1-10.4-12.1-15.8-18.2-3,2.4-5.6,4.6-8.3,6.8-8.3,6.5-17.5,11.1-28,12-19.4,1.6-45-7.2-51.6-31.9-3.2-11.7-3.3-23.7,2.4
2471-35,3.5-7,9.1-12.3,15.2-17,3.1-2.4,6.5-4.5,9.8-6.8-.2-.7-.2-1.2-.5-1.6-7-10.5-8.6-22.3-7.4-34.4,1-10.1,5.8-18.6,14.7-23.7,14.1-8.3,29-9.2,43.7-1.6,9.3,4.8,14.3,12.9,15.9,23.3,1.4,9,.4,17.5-4,25.6-2.9,5.4-7.3,9.4-11.9,13.3-.9.7-1.8,1.4-3.1,2.4,4.4,5.1,8.7,10.1,13.3,15.5,2.8-7,3.1-14.2,4.7-21.7,9.5-.4,19.1-.2,28.6-.2,2.1,7.1-2.1,23.8-11.7,47.3,5.2,6,10.5,12.2,15.9,18.3,3.2,3.6,3.2,3.6,2.7,9.4ZM709.8,150.4c-8.1-9.6-16-18.9-24-28.4-6.2,4.1-11.1,8.6-14.2,14.9-2.9,5.9-1.4,10.1,2.7,15,2.2,2.7,5.4,4.3,8.9,5.2,10,2.7,18.4-.9,26.6-6.7ZM697.7,83.4c3-2.9,7.7-9.8,6.5-14.2-1.9-7.3-14.5-4.3-12.7,3.3.2,1,5.5,11.6,6.2,10.9Z"/>
2472      <path class="cls-1" d="M1510.6,100.2c-8.5-5.6-10.8-14.7-15.4-22.8,5.3-4.5,10.6-8.5,14-14.4-4.3-4.1-8.7-8-12.8-12.3-2-2.1-3.8-4.7-4.8-7.4-2.3-6.6.3-12.5,4.2-17.6,7.8-10.5,23.1-10.5,31.4-1.5,1.8,2,3.8,3.8,5.6,5.7,5.4,5.7,7.6,12.8,8,20.5.7,15-4.2,28.1-14,39.4-3.9,4.5-9.3,7.9-16.3,10.6Z"/>
2473    </g>
2474  </g>
2475</svg>
2476                                                    </div>
2477                                    </div>
2478                                                                <div>
2479                                                                
2480                        <div
2481                            class="flex justify-center mx-auto logo relative logo-container"
2482                            style="--mask-image:url('https://cypressnorth.com/wp-content/uploads/2024/12/global_industrial_logo.svg')"
2483                        >
2484                                                        <svg width="586" height="155" viewBox="0 0 586 155" fill="none" xmlns="http://www.w3.org/2000/svg">
2485<g clip-path="url(#clip0_564_3)">
2486<path d="M237.301 114.7L227.601 137C227.001 138.6 226.401 140.2 226.401 140.2V137L225.101 114.7H221.201L210.701 137C210.001 138.6 209.401 140.2 209.401 140.2V137L208.301 114.7H203.701C203.701 114.8 205.801 145.2 205.801 145.2H210.701L220.101 125.4C221.001 123.4 221.901 121.1 221.901 121.1V125.4L223.201 145.1H228.201L241.901 114.7H237.301Z" fill="white"/>
2487<path d="M252.702 122.8C245.402 122.8 240.102 129.1 240.102 136.3C240.102 143.5 244.002 145.6 250.402 145.6C256.802 145.6 256.302 144.6 258.702 142.8L257.502 139.5C255.502 141 253.102 141.9 250.602 142C246.502 142 244.402 139.3 244.402 136.1C244.402 132.9 244.502 135.2 244.502 134.8H260.402C260.802 133.5 261.102 132.2 261.102 130.8C261.102 126.2 258.402 122.8 252.802 122.8H252.702ZM256.802 131.6H245.102C246.202 128.3 249.202 126.1 252.602 126C255.002 126 256.802 127.5 256.802 130.4V131.6Z" fill="white"/>
2488<path d="M288.201 122.8C280.901 122.7 274.801 128.6 274.801 136C274.801 143.4 278.701 145.5 285.001 145.5C291.301 145.5 291.401 144.4 293.901 142.3L292.701 139C290.701 140.7 288.101 141.7 285.401 141.9C281.501 141.9 279.001 139.4 279.001 135.8C279.001 130.7 283.201 126.4 288.401 126.4C290.501 126.4 292.601 127.1 294.101 128.6L296.401 125.9C296.401 125.9 293.901 122.8 288.201 122.8Z" fill="white"/>
2489<path d="M336.7 122.8C333 122.8 329.6 124.8 327.7 127.9C327.9 127.2 328.1 126.5 328.3 125.8L328.8 123.3H324.6L320.4 145.1H324.6L326.5 135.2C327.4 130.7 331.1 126.7 335.5 126.7C339.9 126.7 338.7 127.7 338.7 129.9C338.7 132.1 338.7 131.5 338.4 132.3L335.9 145.2H340.1L342.8 131.4C343 130.5 343.1 129.5 343.1 128.6C343.1 124.6 340.6 122.8 336.7 122.8Z" fill="white"/>
2490<path d="M367.602 126.4C369.502 126.4 371.302 127 372.702 128.2L374.802 125.3C374.802 125.3 371.902 122.9 367.702 122.9C363.502 122.9 359.302 123.3 359.302 129.6C359.302 135.9 368.902 135.6 368.902 138.9C368.902 142.2 366.502 142.1 364.502 142.1C362.502 142.1 360.102 141.2 358.502 139.7V139.9L356.102 142.7C358.302 144.7 361.302 145.8 364.402 145.8C369.102 145.8 372.802 145.4 372.802 139C372.802 132.6 363.202 132.9 363.202 129.6C363.202 126.3 365.702 126.4 367.602 126.4Z" fill="white"/>
2491<path d="M393.901 133.2C393.101 137.4 389.501 141.7 385.201 141.7C380.901 141.7 381.901 140.5 381.901 138.6C381.901 137.8 381.901 136.9 382.201 136.1L384.701 123.3H380.501L377.801 137.1H378.001C377.801 137.9 377.701 138.9 377.701 139.8C377.701 144 380.601 145.6 384.001 145.6C387.601 145.5 390.901 143.6 392.801 140.5C392.801 140.5 392.401 141.6 392.201 142.6L391.701 145.1H395.801L400.001 123.3H395.801L393.901 133.2Z" fill="white"/>
2492<path d="M442.901 122.7C439.801 122.7 437.001 124.2 435.301 126.8L436.101 123.3H432.201L426.301 153.7H430.601L433 142C433.199 142.2 434 145.5 439.301 145.6C445.201 145.6 451.101 139.9 451.101 131.7C451.101 123.5 446.801 122.7 442.901 122.7ZM438.801 142C435.401 142 433.901 139.4 433.901 136.4C433.901 131.4 437.401 126.5 441.901 126.5C446.401 126.5 446.801 130 446.801 132.1C446.801 138.3 442.601 142 438.801 142Z" fill="white"/>
2493<path d="M417.6 122.7C414.5 122.7 411.7 124.2 410 126.8L410.8 123.3H406.9L401 153.7H405.3L407.699 142C407.898 142.2 408.699 145.5 414 145.6C419.9 145.6 425.8 139.9 425.8 131.7C425.8 123.5 421.5 122.7 417.6 122.7ZM413.5 142C410.1 142 408.6 139.4 408.6 136.4C408.6 131.4 412.1 126.5 416.6 126.5C421.1 126.5 421.5 130 421.5 132.1C421.5 138.3 417.3 142 413.5 142Z" fill="white"/>
2494<path d="M460.7 145.1L461.5 141.4H460.8C459.9 141.4 458.9 141.2 458.9 139.6C458.9 138 459 138.5 459.1 138L463.6 114.6H459.4L454.7 138.8V138.6C454.7 139.3 454.5 139.9 454.5 140.5C454.5 144.2 457.2 
2494145.1 459.5 145.1H460.7Z" fill="white"/>
2495<path d="M473.8 138.1C473.2 139.2 472.6 140.6 472.6 140.6C472.6 140.6 472.4 139.1 472.2 138L469.3 123.3H465L470 144.8L468.4 147.4C467.2 149.3 465.7 150.5 463.8 150.5C462.9 150.5 462.1 150.2 461.4 149.7L459.5 152.7C460.8 153.6 462.4 154.1 464 154.1C466.7 154.1 469.5 152.5 471.5 149.1L486.8 123.3H482.1L473.9 138.1H473.8Z" fill="white"/>
2496<path d="M506.2 117.3H502.2L501 123.5H498L497.4 126.9H500.2L498.3 136.7C498.1 137.3 498.1 138.1 498.1 138.8C498.1 144 501.7 145.2 505.1 145.2H506.5L507.2 141.5H506C504.4 141.5 502.4 141.1 502.4 138.1C502.4 135.1 502.4 137 502.6 136.4L504.4 126.9H509.6L510.2 123.5H505L506.3 117.3H506.2Z" fill="white"/>
2497<path d="M527.2 122.8C523.6 122.8 520.3 124.8 518.4 127.8C518.4 127.8 518.7 126.9 518.9 125.9L521.1 114.7H516.8L510.9 145.1H515.1L517 135.2C517.9 130.7 521.7 126.7 526 126.7C530.3 126.7 528.9 132.3 528.9 132.3L526.4 145.2H530.6L533.3 131.4C533.5 130.5 533.6 129.5 533.6 128.6C533.6 124.6 531.1 122.8 527.2 122.8Z" fill="white"/>
2498<path d="M548.602 122.7C545.702 122.8 542.902 123.6 540.402 125L541.502 128.4C543.502 127.1 545.702 126.4 548.002 126.3C550.902 126.3 551.902 127.7 551.902 129.7C551.902 131.7 551.702 131.5 551.702 131.5H550.602H550.802C544.902 131.4 536 132 536 139C536 146 542.802 145.5 542.802 145.5C547.802 145.5 550.402 141.1 550.402 141.1L549.502 145H553.402L556.002 131.6C556.202 130.8 556.202 130 556.202 129.2C556.202 124.5 552.802 122.7 548.602 122.7ZM551.002 135.3V135.3C549.969 140.021 541.361 144.853 540.463 140.105C540.423 139.891 540.402 139.656 540.402 139.4C540.402 134.9 547.002 134.6 550.102 134.6H551.202L551.002 135.3Z" fill="white"/>
2499<path d="M309.602 122.7C306.702 122.8 303.902 123.6 301.402 125L302.502 128.4C304.502 127.1 306.702 126.4 309.002 126.3C311.902 126.3 312.902 127.7 312.902 129.7C312.902 131.7 312.702 131.5 312.702 131.5H311.602H311.802C305.902 131.4 297 132 297 139C297 146 303.802 145.5 303.802 145.5C308.802 145.5 311.402 141.1 311.402 141.1L310.502 145H314.402L317.002 131.6C317.202 130.8 317.202 130 317.202 129.2C317.202 124.5 313.802 122.7 309.602 122.7ZM312.002 135.3V135.3C310.969 140.021 302.361 144.853 301.463 140.105C301.423 139.891 301.402 139.656 301.402 139.4C301.402 134.9 308.002 134.6 311.102 134.6H312.202L312.002 135.3Z" fill="white"/>
2500<path d="M569.7 117.3H565.7L564.5 123.5H561.6L561 126.9H563.8L561.9 136.7V136.7C561.634 138.231 561.361 139.82 561.803 141.309C562.753 144.512 565.78 145.2 568.6 145.2H570L570.7 141.5H569.5C567.9 141.5 565.9 141.1 565.9 138.1C565.852 138.1 566 137 566.1 136.4L567.9 126.9H573.1L573.8 123.5H568.5L569.7 117.3Z" fill="white"/>
2501<path d="M574.602 145H579.102L580.002 140.5H575.502L574.602 145Z" fill="white"/>
2502<path d="M453.401 45.7H495.501L502.401 55H517.601C517.601 55.1 517.001 54.2 516.901 54C506.001 38.8 483.501 7.20001 483.501 7.20001H466.201C466.201 7.20001 443.901 38.4 433.301 53.2C433.001 53.6 432.201 55 432.201 55H446.101L453.401 45.7ZM474.501 15.5L488.801 35.9H460.201L474.501 15.5Z" fill="white"/>
2503<path d="M424.6 52.3C428.8 50.4 431.3 46.1 430.9 41.5C430.5 36.3 428.3 33.6 423.1 32C422.2 31.7 421.3 31.5 419.9 31.1C421.2 30.6 422.1 30.3 423 29.9C428.3 27.7 430.3 24.8 430.3 19.7C430.3 14.6 427.7 10.9 422.7 9.4C419.4 8.4 416 7.8 412.6 7.7L363.9 7.5V55.2H408.8C414.2 55.2 419.6 54.8 424.6 52.3ZM379.2 17.5H409C410.8 17.5 412.6 17.8 414.3 18.3C416.1 19 417.1 20.1 417.1 22.1C417.1 24.1 415.9 25 414.1 25.8C412.8 26.4 411.4 26.4 410 26.4H378.5C377.9 26.4 377.4 26.2 376.7 26.2V17.6C377.6 17.6 369.3 17.6 379.2 17.6V17.5ZM376.7 45V35.7H405.3C408.1 35.7 410.8 35.9 413.6 36.2C416.5 36.6 417.6 37.8 417.7 40.2C417.7 42.6 416.8 43.7 414 44.6C412.9 44.9 411.7 45.1 410.6 45.1H376.7V45Z" fill="white"/>
2504<path d="M272.9 44.4H225.8V7.70001H212.5V55H272.9V44.4Z" fill="white"/>
2505<path d="M584.701 44.4H537.501V7.70001H524.201V55H584.701V44.4Z" fill="white"/>
2506<path d="M527.8 98.4H538.1C538.1 98.4 537.6 97.7 537.6 97.6C530.2 87.2 514.9 65.8 514.9 65.8H503.1C503.1 65.8 487.9 87 480.7 97.1C480.4 97.5 479.9 98.4 479.9 98.4H489.4L494.4 92.1H523.1L527.8 98.4ZM499.1 85.3L508.8 71.4L518.5 85.3H499.1Z" fill="white"/>
2507<path d="M543.201 65.9V98.4H584.701V91.1H552.301V65.9H543.201Z" fill="white"/>
2508<path d="M316.901 57.7C355.901 57.7 357.901 41.1 356.501 29.3C355.201 17.4 349.301 6.70001 316.901 6.70001C284.501 6.70001 278.601 17.4 277.301 29.3C276.001 41.2 277.901 57.7 316.901 57.7ZM290.901 31.4C29
25081.101 25.2 294.201 20.8 300.001 19.1C311.101 16 322.801 16 333.901 19.1C339.701 20.7 342.801 25.1 343.001 31.4C343.301 38.4 340.901 43.3 335.001 45.1C329.101 46.7 323.101 47.5 317.001 47.6C310.901 47.6 304.801 46.7 299.001 45.1C293.101 43.3 290.701 38.4 291.001 31.4H290.901Z" fill="white"/>
2509<path d="M162.001 28.8V38H191.201C191.301 42.1 189.701 44.5 185.801 45.5C175.101 48.4 163.901 48.4 153.201 45.5C146.301 43.6 143.701 39.4 143.901 31.3C144.101 24.6 147.401 20.4 153.901 18.8C164.301 16.2 174.801 16.8 185.201 18.2C190.201 18.9 200.101 21.4 200.101 21.4V10.6C191.301 8.20005 182.301 6.90005 173.201 6.80005C147.201 6.80005 140.901 10.8 136.701 15C130.701 21 129.501 28.4001 130.501 36.4001C131.601 45.1001 136.301 51.1001 144.501 54.2001C152.501 57.2001 145.101 57.6 169.201 57.6C193.301 57.6 199.301 51.0001 201.701 45.9001C204.301 40.4001 203.601 34.6 203.601 28.8H162.001Z" fill="white"/>
2510<path d="M142.002 65.8H133.102V98.4H142.002V65.8Z" fill="white"/>
2511<path d="M476.4 65.9H467.5V98.4H476.4V65.9Z" fill="white"/>
2512<path d="M188.6 90.9C187.9 90.3 187.4 89.9 187 89.5C179.9 82.9 165.8 69.6 165.8 69.6L161.4 65.9H148V98.1H156.7V72.9C157.2 73.4 157.6 73.6 157.9 73.9C166.2 81.6 182.9 97.1 182.9 97.1L184.1 98.2H197.4V66H188.6V90.9Z" fill="white"/>
2513<path d="M156.801 98.1H156.701V98.2L156.801 98.1Z" fill="white"/>
2514<path d="M237.902 97.4C241.602 96.9 245.202 95.8 247.902 93C252.402 88.5 253.302 82.9 251.602 77C250.102 71.3 245.902 68.1 240.202 66.9C237.202 66.3 234.202 65.9 231.102 65.9H204.102V98.1H228.902C231.902 98 234.902 97.8 237.902 97.4ZM213.202 73.1H218.702C224.202 73.3 229.702 73.1 235.202 73.6C241.402 74.1 244.502 79.1 242.802 84.9C241.902 88.1 239.002 90.4 235.702 90.4C228.302 90.8 213.202 90.8 213.202 90.8V73.1Z" fill="white"/>
2515<path d="M295.101 97.3C300.301 95.7 305.001 92.1 305.001 84.6V65.8H295.801V83.4C295.801 86.8 294.301 89.4 291.001 90.5C284.501 92.6 277.401 92.6 270.901 90.5C267.501 89.4 265.901 86.8 265.901 83.2V65.7H256.801V84.9C256.801 90.8 260.001 94.5 265.201 96.7C268.701 98.1 272.301 98.8 276.001 98.9C282.501 99.4 288.901 99.3 295.101 97.3Z" fill="white"/>
2516<path d="M309.801 88.2C309.801 88.2 309.801 88.2 309.901 88.2C309.901 88.1 309.801 88.2 309.801 88.2Z" fill="white"/>
2517<path d="M356.1 87.1C355.9 83.5 354.2 80.8 350.6 79.8C347.9 79 345.2 78.5 342.5 78.3C337.1 77.9 331.7 77.8 326.3 77.5C324.7 77.5 323.1 77.2 321.5 76.8C320.6 76.4 320 75.8 319.7 74.9C319.4 73.8 320.2 73 321.3 72.7C322.1 72.4 322.8 72.2 323.6 72.1C331.5 71.2 339.6 71.7 347.4 73.5C349.4 74 351.3 74.6 353.4 75.2V67.6C353.4 67.6 352.9 67.4 351 66.9C341.3 64.5 331.3 64 321.5 65.3C320.1 65.5 318.7 65.8 317.4 66.3C312.9 67.9 310.7 71.2 310.9 76C310.9 80.1 313.2 82.6 318 83.8C324.2 85.4 330.6 85.3 336.9 85.6C339.7 85.6 342.5 85.9 345.3 86.4C346.3 86.6 347 87.4 347.2 88.4V88.6C347.4 89.6 346.7 90.6 345.7 90.8C344.8 91.1 344 91.3 343.1 91.3C337.2 91.3 331.2 91.6 325.3 91.1C320.1 90.7 315.1 89.2 309.9 88.2V95.2C309.9 95.2 309.9 95.4 313.8 96.4C323 98.7 332.4 99.3 341.8 98.3C345.2 98 348.5 97.1 351.7 95.8C355.4 94.3 356.3 90.7 356.1 87.1Z" fill="white"/>
2518<path d="M378.401 98.5H387.801V73.2H408.301V66H357.801V73.2H378.401V98.5Z" fill="white"/>
2519<path d="M460.4 77.9C460.6 72.2 458.8 68.7 454.4 67.2C452.2 66.4 449.9 66 447.5 66C436.6 66 425.8 66 414.9 66C414.6 66 414.3 66 414 66V98.3H423.2V87.9H434.8L450.4 98.5H463.5C463.5 98.5 450.6 89.8 447.7 88C449.9 87.5 451.7 87.3 453.4 86.8C457.5 85.7 460.4 82.1 460.4 77.9ZM448.9 80.5C448.2 80.8 447.4 81 446.6 81H423.2V73.3H444.4C445.7 73.3 447.1 73.3 448.4 73.6C450 73.9 451.2 75.2 451.2 76.8C451.3 78.4 450.3 80 448.8 80.5H448.9Z" fill="white"/>
2520<path d="M74.9016 44.1C67.3016 58.8 56.7016 71.8 43.8016 82.2C39.8016 85.4 35.6016 88.5 31.3016 91.3C31.3016 91.3 31.2016 91.3 31.1016 91.4C51.6016 87.1 78.6016 79.6 100.802 67C102.402 62 103.102 56.8 103.102 51.6C103.102 46.4 102.902 46.6 102.602 44.1H75.0016H74.9016Z" fill="white"/>
2521<path d="M47.2012 97.6C43.0012 98.6 39.0012 99.6 35.2012 100.4C56.6012 107.5 80.1012 99.9 93.3012 81.6C78.5012 88.3 63.0012 93.7 47.2012 97.5V97.6Z" fill="white"/>
2522<path d="M100.001 34.4C100.001 34.4 100.001 34.3 100.001 34.2C97.1008 26 92.2008 18.8 85.7008 13C84.3008 20.3 82.1008 27.4 79.3008 34.4H100.101H100.001Z" fill="white"/>
2523<path d="M68.9004 34.4C72.8004 25.6 75.5004 16.3 77.0004 6.70002C52.2004 -7.29998 20.8004 1.40002 6.70039 26.1C5.20039 28.7 3.90039 31.4 2.90039 34.3H68.9004V34.4Z" fill="white"/>
2524<path d="M64.0007 44.1H0.60072C-1.89928 60.7 3.90072 77.5 16.1007 89C16.1007 88.9 16.1007 88.9 16.1007 88.9C23.8007 84.8 31.1007 80 37.8007 74.5C48.3007 66 57.1007 55.7 63.9007 44.1H64.0007Z" fill="white"/>
2525<path d="M582.701 115.8C582.101 115.4 581.301 115.2 580.601 115.2C579.901 115.3 579.101 115.4 578.501 115.8C577.801 116.2 577.301 116.7 576.901 117.4C576.101 118.7 576.101 120.3 576.901 121.6C577.301 122.3 577.801 122.8 578.501 123.2C579.101 123.6 579.901 123.8 580.601 123.8C581.301 123.8 582.101 123.6 582.701 123.2C583.401 122.8 583.901 122.3 584.301 121.6C584.701 121 584.901 120.2 584.901 119.5C584.901 118.8 584.701 118 584.301 117.4C583.901 116.7 583.401 116.2 582.701 115.8ZM583.701 121.3C583.401 121.8 583.001 122.3 582.401 122.6C581.301 123.2 580.001 123.2 578.901 122.6C578.401 122.3 577.901 121.9 577.601 121.3C577.301 120.7 577.101 120.1 577.101 119.5C577.101 118.9 577.301 118.2 577.601 117.7C577.901 117.2 578.301 116.7 578.901 116.4C579.401 116.1 580.001 115.9 580.601 115.9C581.201 115.9 581.901 116.1 582.401 116.4C582.901 116.7 583.401 117.1 583.701 117.7C584.301 118.8 584.301 120.2 583.701 121.3Z" fill="white"/>
2526<path d="M581.301 119.9C581.201 119.9 581.001 119.7 580.901 119.7C581.301 119.7 581.601 119.7 581.901 119.3C582.201 118.9 582.301 118.7 582.301 118.4C582.301 118.1 582.201 117.9 582.101 117.7C581.901 117.5 581.701 117.3 581.501 117.3C581.101 117.2 580.701 117.2 580.301 117.2H578.701V121.8C578.701 121.7 579.401 121.7 579.401 121.7V119.7H579.801C580.001 119.7 580.201 119.8 580.401 119.9C580.701 120.2 581.001 120.6 581.201 121L581.601 121.7H582.501L581.901 120.8C581.701 120.5 581.501 120.2 581.201 119.9H581.301ZM580.401 119.2H579.601V117.9H581.101C581.101 117.9 581.401 117.9 581.401 118.1C581.401 118.1 581.401 118.4 581.401 118.5C581.401 118.7 581.401 118.9 581.201 119C580.901 119.2 580.601 119.2 580.301 119.2H580.401Z" fill="white"/>
2527<path d="M577.901 18V15.2H578.501C578.801 15.2 579.001 15.2 579.301 15.4C579.801 15.8 580.101 16.3 580.401 16.9L581.001 17.9H582.301L581.501 16.6C581.201 16.1 580.901 15.7 580.501 15.3C580.501 15.2 580.201 15 580.001 15C580.501 15 580.901 14.8 581.301 14.4C581.701 14 581.801 13.7 581.801 13.2C581.801 12.7 581.801 12.5 581.501 12.2C581.201 11.9 581.001 11.7 580.701 11.6C580.101 11.4 579.601 11.4 579.001 11.4H576.801V17.9H577.901V18ZM577.701 12.4H578.901C579.301 12.4 579.701 12.4 580.001 12.4C580.301 12.4 580.301 12.4 580.401 12.7C580.601 12.8 580.601 13 580.601 13.2C580.601 13.5 580.601 13.7 580.301 13.9C580.001 14.2 579.501 14.2 579.101 14.2H577.701C577.701 14.3 577.701 12.4 577.701 12.4Z" fill="white"/>
2528<path d="M576.502 19.8C578.402 20.9 580.602 20.9 582.502 19.8C583.402 19.3 584.202 18.5 584.702 17.6C585.802 15.7 585.802 13.4 584.702 11.5C584.102 10.6 583.402 9.8 582.402 9.3C581.502 8.8 580.602 8.5 579.502 8.5C578.402 8.5 577.502 8.8 576.602 9.3C575.602 9.8 574.802 10.5 574.302 11.5C573.202 13.4 573.202 15.7 574.302 17.6C574.802 18.5 575.602 19.3 576.502 19.8ZM575.002 12C575.402 11.2 576.102 10.5 576.902 10.1C577.702 9.7 578.502 9.5 579.402 9.5C580.302 9.5 581.202 9.7 581.902 10.1C582.702 10.6 583.402 11.2 583.802 12C584.302 12.7 584.502 13.6 584.502 14.5C584.502 15.4 584.202 16.2 583.802 17C583.302 17.8 582.702 18.5 581.902 18.9C580.402 19.8 578.402 19.8 576.902 18.9C576.102 18.5 575.402 17.8 575.002 17C574.502 16.2 574.302 15.4 574.302 14.5C574.302 13.6 574.602 12.8 575.002 12Z" fill="white"/>
2529</g>
2530<defs>
2531<clipPath id="clip0_564_3">
2532<rect width="585.5" height="154.1" fill="white"/>
2533</clipPath>
2534</defs>
2535</svg>
2536
2537                                                    </div>
2538                                    </div>
2539                                                                <div>
2540                                                                
2541                        <div
2542                            class="flex justify-center mx-auto logo relative logo-container"
2543                            style="--mask-image:url('https://cypressnorth.com/wp-content/uploads/2024/08/bg-fullwhite.svg')"
2544                        >
2545                                                        <?xml version="1.0" encoding="UTF-8"?>
2546<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 440 60">
2547  <defs>
2548    <style>
2549      .cls-1 {
2550        fill: #fff;
2551        fill-rule: evenodd;
2552      }
2553    </style>
2554  </defs>
2555  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
2556  <g>
2557    <g id="Layer_1">
2558      <g id="Page-1">
2559        <g id="icons">
2560          <path id="Boston-Globe-Full-Logo" class="cls-1" d="M90.4,44.6l-.6-.6c-3.1,3.4-4.5,4.2-6.9,4.2
2560s-3.8-1.1-6.7-3.8v-8.1l14.2-10.9-9.6-9.6c-4.2,3.4-4.9,4-8,6.3-1.7,1.3-2.7,1.9-3.7,2.4.2,1.2.4,2.9.4,4.1v18.1c-1.7,1.6-3.2,2.3-4.4,2.3s-2.8-1-2.8-2.7v-24.2c-1-3.1-2.9-5-6.5-6.3l-8.9,7.3V6.1c0-2.5,1.4-4.7,2.7-5.3v-.3c-3.6,0-6.2,2.4-7.3,5.1l-1.6-3.3h-.6v43.6c-3.5,1.9-7.4,4-11.6,4s-1.5,0-2.3,0V12.7c1.9.2,3,.3,4.1.3,1.7,0,2.8-.3,3.5-.7l4.8-9.9-.8-.2c-1.9,3.8-2.9,4.3-6.9,4.3s-6-.5-10.1-1c-3.9-.5-8-1-10-1C4.8,4.6,1.3,8.8,1.3,13.1s.6,3.6,1.8,5.1l.7-.5c-.8-1-1.3-2.3-1.3-3.4,0-1.8,1.4-3.4,5.1-3.4s6.7.5,11.6.9c-5.6,2.8-10.2,5.7-15.6,9.9-2.4,3.2-3.5,7.2-3.5,11.4,0,10.7,8.1,22.2,25.9,22.2,5.2-3,12.9-7.4,12.9-7.4l7.1,6.4,4.9-4.8-3.8-4.1v-20.7c1.7-2.3,3.5-3.3,5-3.3s3.2,1.2,3.6,3.4v24.8c.6,2.1,3,4.1,5.5,4.7l8.7-6.6,10.1,7,10.5-10.4ZM84.2,28.7l-8,6.4v-13.8l.3-.3,7.7,7.7ZM25.3,49.7c-4.9-.6-9.1-2.5-12.3-5.3,6.1-4.4,7.5-7,7.5-12V12.4l.2-.2c2,.2,3,.3,4.6.4v37.2ZM14.1,37.3c0,3-.5,4.7-2.1,6.1-3.6-3.8-5.6-9.1-5.6-15.1s.6-5.9,1.8-7.7c2-1.8,4.3-3.5,5.9-4.3v21.1ZM179,21.8l-11.3-6.2c-3.4,3.5-7.9,6.2-12.9,9,.7,2.1.5,4.7.5,8.1,0,8.2,0,12.7-1.4,14.8l12.5,7.7c3.4-3.6,7.2-6.3,12.2-9.1-.4-1.3-.5-2.6-.5-3.8v-14c0-4.2.4-5.6.9-6.5ZM150.9,30.4l-8.7-5.8c3.3-2.1,4.4-2.7,5.6-3.6,2.1-1.5,2.7-2.4,2.7-3.3s-.3-2-1.9-4.3c-2-3-3.8-5.8-7.8-11.4-5.5,3.8-8.6,6-14.4,10.6-2.4,1.9-4.1,4.8-4.1,8.6s0,7.9,0,12.3-.6,5.1-4.1,8.1c-8.6,0-13.7,5.5-13.7,11.1s.8,4.8,2.6,6.8l.6-.6c-1.1-1.2-2-3.1-2-5.2s2.2-6.2,8.9-6.2,14.5,5.1,18.5,7.6c5.8-4.9,9.4-7,16.9-9.5v-12.6c0-.9.3-1.8.8-2.6ZM130.3,5.4l-.2-.6c-4.1,0-6.4-.5-8.6-.9-2.1-.3-3.8-.7-6.3-.7-6.5,0-10.7,3.4-10.7,8.8s.5,3.6,2,5.2l.6-.6c-.8-1-1.2-2-1.2-3.1,0-2.4,2-4.4,6.3-4.4s6.2.6,8.7,1.2c-5.5,4.1-8.8,7-8.8,15.6-.8-.3-1.9-.5-3.3-.5-4.1,0-6.3,2.8-6.3,5.4s.3,2.5,1.1,3.4l.7-.4c-.3-.6-.5-1.2-.5-1.8,0-1.8,1.4-3.2,3.9-3.2s3.9,1,4.7,2.4c0,6-1.2,9.1-4.3,9.1v.7c4.7,0,10.4-3.5,10.4-9v-11.1c0-9.1,5.3-13.3,11.8-15.6ZM171,50l-.4.3-7.8-4.7v-25l8.2,4.6v24.8ZM143.2,20.9c0,2.2-2,3.3-8.6,7.4v-6.3c0-3.2.2-4.9.3-6.2h-1.4c.2,1.4.3,3.1.3,6.2v25.2c-4.1-2.5-9.1-5-14.5-5.4,5-2.9,10-6.7,10-12.4v-12.4c0-4,1.6-6.3,5.7-9.9,3.2,4.8,4.5,6.9,7.1,11.3.6,1,1,2,1,2.5ZM142.1,33.2l-.2,14.2c-1.5.8-2.5,1.3-3.8,2.3-1.1-.7-2.2-1.4-3.4-2.2v-18.4l7.5,4.1ZM286.1,47.9l-.7-.8-3.3,2.9c-1.7,0-2.9-1.2-2.9-3.1s0-21.2.2-24.6c-1.3-2.6-2.9-4.5-6.7-5.8l-8.9,6.6c0-2.8-1.6-5.2-4.6-6.8l-5.2,4.4,2.8,3s0,17.4,0,20.3-2.1,4.9-2.1,4.9l8.2,6,4.3-5.3-3.2-3v-21.7c1.6-2.1,3.2-3,4.7-3s3,1.2,3.4,2.9c0,1.3,0,3.4,0,5.5,0,3.4,0,15.2,0,19.9.6,2.1,3.6,4.9,5.6,4.9l8.6-7.2ZM250.4,46.6c-.4-1.3-.5-2.6-.5-3.8v-20.8l-10.7-6c-3.4,3.5-7.4,5.9-12.4,8.7.3,1,.5,2.6.5,3.7v17.5c-1.6,1.7-3.1,2.7-4.5,2.7s-2.8-.6-4.2-2.2c0-1.4,0-16.4,0-25.6h7.7v-1.9l-7.7-.3s0-7.2.2-8.7h-.9l-10.7,11.4c-4.6-.7-8.1-2.4-13.1-5.8-3.9,4.1-6.6,5.9-11.3,8.2.2,2.4.3,3.7.3,6s0,3.7-.2,6l6.3,4.4-5.9,6.2c-2.6,2.7-3.5,4.8-3.5,7s.8,3.6,2,5l.7-.4c-.8-1.2-1.3-2.6-1.3-3.9,0-2.1,1.1-3.9,4.1-3.9s6.4,2,9.7,4.6c3.7-3.5,6.5-5.7,10.6-7.8v-10.1c0-1.2,0-1.7.4-2.5l-6.3-4.2,8.1-8.8h3.7c0,9,0,20.6,0,21.8s-.3,3.6-1.4,5.1l8.9,6.6,7.7-7,11.1,7.3c4.3-4.1,7.8-6.7,12.6-8.9ZM242.7,50.2l-.4.3-7.9-4.8v-24.7l8.3,4.9v24.3ZM202.1,26.2l-8.3,9-3.6-2.7v-12c3.7,2.6,5.9,4,11.9,5.6ZM198.9,50c-2.9-2.6-6.8-4.7-13.1-4.7l9.6-10.3,3.3,3v12.1ZM385.5,21.5l-11.8-6.1c-3.6,3.4-7.2,5.8-11.9,8.2.3.9.6,4.5.6,6.8v16.3c-1.1,1.2-2.2,1.8-3.2,1.8s-2.3-.5-3.7-1.6V7.3c0-2.3,1.4-4.9,3.1-4.9v-.3c-3.6,0-6.9,1.7-7.9,4.4-.9-1.5-2.3-2.8-4.3-2.8v.4c1.1,0,2.3,3.4,2.3,6.5v31.7c0,3.1-.4,4.6-1.6,6.3l7.9,5.7,7.4-6.4,11.4,6.9c4.3-4.1,6.9-6.4,11.7-9.3-.3-1.5-.4-4.3-.4-5.5v-14c0-2.4,0-3.7.5-4.6ZM343.3,6.1l-.9-.8-3.2,3.5s-8.4-2.8-15.1-6.7c-9.3,7.1-16.4,12.2-25.6,18.7-2.2,3.3-3.3,7.5-3.3,12.2,0,12.6,11.6,22.5,26.2,22.5,9.5-4.1,16.3-9.7,21.3-16.5.3-1.4.4-3.4.4-4.4,0-9.2-6.2-14.3-12.8-15.9l13-12.5ZM378.3,49.2l-.6.4-8.4-5.3v-23.6l8.8,4.3v24.2ZM332.9,14.6l-10.5,9.4v-14.5c3.7,1.5,7.1,3.3,10.5,5.1ZM336.7,38.1c0,2.9-.3,4.8-1.1,7.2-2.9,2.9-7.1,4.5-11.9,4.5h-1.4v-25.4c.9,0,1.7-.2,2.5-.2,7.1,0,11.9,6.4,11.9,13.8ZM321.3,49.7c-5.2-.4-9.2-2.2-12.4-4.8,4.8-3.4,7.9-5,7.9-10.2V9.1c.5-.4,1-.8,1.5-1.2,1.1.4,2,.8,3,1.2v40.6ZM310.7,38.4c0,2.7-.8,4.3-2.6,5.7-4-4-6-9.5-6-15,0-8.3,2.9-11.5,6.8-14.3.6-.5,1.2-.9,1.8-1.3v24.9ZM440,44.6l-.6-.6c-3,3.1-4.8,4.3-6.6,4.3s-3.4-1.1-7-3.9v-8.1l13.9-11.2c-3.2-2.8-9.9-9.5-9.9-9.5-3.7,3.4-5.9,5.2-11.1,8.9.2,1.1.4,2.6.4,3.8v15.7c0,1.1,0,1.9-.5,3.2l10.9,7.7,10.5-10.4ZM413.4,46.5c-.5-4.4-.4-16.5-.4-22.1s-3.1-6.3-7.1-8l-8.1,6.8v-14.8c0-2.5,1.5-5.1,3.2-5.1v-.5c-3.8,0-8.1,3.1-8.7,5-.9-1.5-2.9-2.4-4.9-2.4v.8c1.9,0,3.7,3.4,3.7,9.3,0,12,0,23.4,0,28.4s-.2,2.7-1.1,4l12.1,7.4c4.6-4.3,6.4-5.6,11.3-8.7ZM433.4,28.6l-7.6,6.2v-14.1l7.6,7.9ZM406.5,36.8c0,4.3-.2,12.8-.2,13.1l-.3.3-8.2-5.1v-20.2c1.3-2,3-3,4.6-3s3.2,1.4,3.9,3.3c0,.8,0,6,0,11.6Z"/>
2561        </g>
2562      </g>
2563    </g>
2564  </g>
2565</svg>
2566                                                    </div>
2567                                    </div>
2568                                                                <div>
2569                                                                
2570                        <div
2571                            class="flex justify-center mx-auto logo relative logo-container"
2572                            style="--mask-image:url('https://cypressnorth.com/w
2572p-content/uploads/2023/10/logo-salesforce.svg')"
2573                        >
2574                                                        <?xml version="1.0" encoding="UTF-8"?>
2575<svg xmlns="http://www.w3.org/2000/svg" width="105.201" height="73.453" viewBox="0 0 105.201 73.453">
2576  <g id="logo-salesforce" transform="translate(0 0)">
2577    <path id="Subtraction_6" data-name="Subtraction 6" d="M38.919,73.453A18.927,18.927,0,0,1,21.169,61.1a17.5,17.5,0,0,1-3.59.374h-.022a17.336,17.336,0,0,1-6.834-1.389A17.784,17.784,0,0,1,2.34,34.946a17.759,17.759,0,0,1,6.439-6.5A20.262,20.262,0,0,1,10.591,8.973,20.418,20.418,0,0,1,27.533,0h.023A20.407,20.407,0,0,1,43.778,8.01a18.9,18.9,0,0,1,2.782-2.38,18.621,18.621,0,0,1,3.2-1.8A18.365,18.365,0,0,1,66.627,4.946a19.021,19.021,0,0,1,6.722,6.95A22.5,22.5,0,0,1,82.5,9.95h.026a22.761,22.761,0,0,1,4.572.464A22.5,22.5,0,0,1,95.2,13.848a22.889,22.889,0,0,1,0,37.849A22.622,22.622,0,0,1,78.055,55.15a16.666,16.666,0,0,1-5.971,6.13,16.519,16.519,0,0,1-8.5,2.339,16.7,16.7,0,0,1-3.781-.432,16.451,16.451,0,0,1-3.472-1.233,18.918,18.918,0,0,1-17.412,11.5ZM52.793,41.717a.155.155,0,0,0-.153.108c-.006.016-.017.045-.031.085s-.031.079-.048.128c-.1.276-.34.927-.372,1.022a.219.219,0,0,0,0,.163.161.161,0,0,0,.088.081,4.788,4.788,0,0,0,.557.163,3.628,3.628,0,0,0,.894.086,4.439,4.439,0,0,0,1.5-.234,2.8,2.8,0,0,0,1.126-.783,3.962,3.962,0,0,0,.793-1.363,11.967,11.967,0,0,0,.539-2.043l1.371-7.752H61.07a.209.209,0,0,0,.2-.178l.226-1.265a.176.176,0,0,0-.029-.14.221.221,0,0,0-.17-.055H59.35a.585.585,0,0,0,.013-.077,7.914,7.914,0,0,1,.311-1.295,1.75,1.75,0,0,1,.426-.648,1.267,1.267,0,0,1,.511-.315,2.067,2.067,0,0,1,.655-.1,2.757,2.757,0,0,1,.812.126.471.471,0,0,0,.131.024c.085,0,.1-.049.133-.119l.469-1.276a.162.162,0,0,0-.113-.211,5.058,5.058,0,0,0-.6-.144,4.667,4.667,0,0,0-.828-.064,3.492,3.492,0,0,0-2.582.924,5.023,5.023,0,0,0-1.226,2.759l-.074.411H56a.208.208,0,0,0-.2.176l-.225,1.266a.174.174,0,0,0,.03.141.212.212,0,0,0,.167.055h1.348l-1.37,7.612a9.455,9.455,0,0,1-.362,1.5,3.116,3.116,0,0,1-.427.866,1.1,1.1,0,0,1-.556.427,2.265,2.265,0,0,1-.717.1,2.6,2.6,0,0,1-.49-.055,1.4,1.4,0,0,1-.329-.1A.214.214,0,0,0,52.793,41.717Zm-5.378-4.935a.163.163,0,0,0-.16.131l-.428,1.179c-.055.143,0,.191.03.22a.123.123,0,0,1,.016.016,4.605,4.605,0,0,0,.447.276l.154.087a6.378,6.378,0,0,0,3.146.731c2.158,0,3.5-1.144,3.5-2.986V36.4c0-1.706-1.515-2.325-2.933-2.772L51,33.571c-1.069-.347-1.992-.647-1.992-1.349v-.039a.93.93,0,0,1,.374-.748,1.616,1.616,0,0,1,1-.3,6.3,6.3,0,0,1,2.743.7.289.289,0,0,0,.14.043.153.153,0,0,0,.147-.11c.037-.111.4-1.076.437-1.179a.206.206,0,0,0-.105-.242,6.129,6.129,0,0,0-3.093-.828l-.216,0c-1.975,0-3.354,1.191-3.354,2.9v.036c0,1.8,1.521,2.381,2.947,2.785l.231.074c1.036.317,1.931.593,1.931,1.319v.035a1.047,1.047,0,0,1-.408.834,1.773,1.773,0,0,1-1.11.331,5.049,5.049,0,0,1-1.057-.1,5.183,5.183,0,0,1-1.726-.7c-.1-.06-.176-.107-.237-.147l-.119-.075A.252.252,0,0,0,47.416,36.782Zm-32.18,1.309h0c-.054.141,0,.19.029.22a.093.093,0,0,1,.017.016,4.2,4.2,0,0,0,.436.27l.006,0,.034.02.125.069a6.383,6.383,0,0,0,3.146.731c2.159,0,3.5-1.144,3.5-2.986V36.4c0-1.7-1.516-2.324-2.935-2.772l-.184-.057c-1.069-.347-1.992-.648-1.992-1.349v-.039a.929.929,0,0,1,.375-.748,1.613,1.613,0,0,1,1-.3,6.29,6.29,0,0,1,2.741.7.3.3,0,0,0,.141.043.152.152,0,0,0,.146-.11l.438-1.179a.208.208,0,0,0-.1-.242,6.14,6.14,0,0,0-3.094-.828l-.216,0c-1.975,0-3.354,1.191-3.354,2.9v.036c0,1.8,1.521,2.381,2.946,2.785l.231.074c1.038.318,1.934.593,1.934,1.319v.035a1.048,1.048,0,0,1-.409.834,1.781,1.781,0,0,1-1.114.331,5.036,5.036,0,0,1-1.054-.1,5.15,5.15,0,0,1-1.724-.7c-.079-.047-.14-.085-.2-.122L16.1,36.91c-.053-.035-.1-.064-.15-.094a.267.267,0,0,0-.13-.043c-.071,0-.123.047-.154.14l-.425,1.179ZM27.6,33.163a5.81,5.81,0,0,0-1.5.192,3.935,3.935,0,0,0-1.273.589,2.83,2.83,0,0,0-1.211,2.4,3.155,3.155,0,0,0,.279,1.388,2.522,2.522,0,0,0,.795.952,3.361,3.361,0,0,0,1.244.537,7.356,7.356,0,0,0,1.613.165,11.317,11.317,0,0,0,1.851-.154c.591-.1,1.331-.25,1.537-.3.167-.038.351-.088.421-.107h0a.19.19,0,0,0,.142-.2l0-5.564a3.405,3.405,0,0,0-.969-2.685,4.163,4.163,0,0,0-2.8-.842,10.1,10.1,0,0,0-1.635.15,5.915,5.915,0,0,0-1.878.686.187.187,0,0,0-.055.24l.432,1.157a.14.14,0,0,0,.141.107.2.2,0,0,0,.058-.009.625.625,0,0,0,.1-.05,6.189,6.189,0,0,1,2.645-.617h.013a2.458,2.458,0,0,1,1.506.394,1.638,1.638,0,0,1,.5,1.45v.257c-.519-.076-1-.119-1.007-.119C28.32,33.172,28.018,33.163,27.6,33.163Zm62.921-3.611a4.8,4.8,0,0,0-2.013.391,4.021,4.021,0,0,0-1.4,1.069,4.463,4.463,0,0,0-.825,1.58,6.8,6.8,0,0,0-.266,1.941,6.5,6.5,0,0,0,.274,1.941,3.911,3.911,0,0,0,2.419,2.559,6.049,6.049,0,0,0,2.173.356h.038a6.424,6.424,0,0,0,3.071-.608c.071-.039.132-.1.051-.289l-.4-1.115a.166.166,0,0,0-.164-.117.228.228,0,0,0-.066.01c-.034.013-.067.027-.1.04l-.016.007a5.871,5.871,0,0,1-2.367.4h-.019a2.9,2.9,0,0,1-2.087-.716,2.864,2.864,0,0,1-.71-2.022l6.1,0a.178.178,0,0,0,.178-.157s0-.008,0-.014a.032.032,0,0,0,0-.014,6.581,6.581,0,0,0-.184-2.591,3.81,3.81,0,0,0-.78-1.424,3.524,3.524,0,0,0-1.162-.881A4.427,4.427,0,0,0,90.522,29.552Zm-24.459,0a4.537,4.537,0,0,0-1.929.388,4,4,0,0,0-1.388,1.048,4.392,4.392,0,0,0-.816,1.562,7.157,7.157,0,0,0,0,3.86,4.314,4.314,0,0,0,.818,1.562,3.914,3.914,0,0,0,1.386,1.039,5.108,5.108,0,0,0,3.86,0,3.916,3.916,0,0,0,1.384-1.039,4.274,4.274,0,0,0,.817-1.562,7.133,7.133,0,0,0,0-3.86,4.287,4.287,0,0,0-.817-1.562,3.955,3.955,0,0,0-1.384-1.048A4.544,4.544,0,0,0,66.062,29.552Zm-24.375,0a4.807,4.807,0,0,0-2.013.391,3.98,3.98,0,0,0-1.406,1.069,4.434,4.434,0,0,0-.825,1.58,6.809,6.809,0,0,0-.268,1.941,6.506,6.506,0,0,0,.278,1.941,3.894,3.894,0,0,0,2.419,2.559,6.025,6.025,0,0,0,2.172.356h.039a6.462,6.462,0,0,0,3.072-.608c.07-.039.13-.1.051-.289l-.4-1.115a.166.166,0,0,0-.163-.117.228.228,0,0,0-.066.01l-.074.028-.044.017a5.87,5.87,0,0,1-2.369.405h-.02a2.9,2.9,0,0,1-2.086-.716,2.858,2.858,0,0,1-.71-2.022l6.1,0a.179.179,0,0,0,.178-.157.116.116,0,0,1,0-.021,6.508,6.508,0,0,0-.186-2.6,3.753,3.753,0,0,0-.779-1.424,3.5,3.5,0,0,0-1.158-.881,4.425,4.425,0,0,0-1.737-.354Zm40.994-.007a4.936,4.936,0,0,0-2.008.384,4.148,4.148,0,0,0-1.45,1.048,4.5,4.5,0,0,0-.876,1.562,6.156,6.156,0,0,0-.295,1.933,5.172,5.172,0,0,0,1.2,3.576,4.564,4.564,0,0,0,3.558,1.335,7.44,7.44,0,0,0,2.55-.453.174.174,0,0,0,.074-.078.18.18,0,0,0,0-.136L84.99,37.5a.165.165,0,0,0-.162-.122.259.259,0,0,0-.07.011,3.952,3.952,0,0,1-.836.24,6.324,6.324,0,0,1-.986.07,2.761,2.761,0,0,1-2.064-.768,3.47,3.47,0,0,1-.773-2.457,3.816,3.816,0,0,1,.692-2.367,2.356,2.356,0,0,1,2-.875,6.02,6.02,0,0,1,1.9.271.153.153,0,0,0,.054.01c.047,0,.114-.023.154-.134s.069-.187.1-.275l.062-.168c.08-.219.17-.468.283-.784a.161.161,0,0,0-.114-.212,7.178,7.178,0,0,0-1.2-.3A9.506,9.506,0,0,0,82.681,29.546Zm-10.4.2a.175.175,0,0,0-.175.184v9.073a.184.184,0,0,0,.185.183h1.6a.183.183,0,0,0,.131-.053A.188.188,0,0,0,74.076,39v-4.53a5.312,5.312,0,0,1,.2-1.6,2.221,2.221,0,0,1,.535-.894,1.819,1.819,0,0,1,.751-.452,2.969,2.969,0,0,1,.819-.115,3.453,3.453,0,0,1,.669.08h.026c.091,0,.153-.053.2-.167.108-.278.408-1.124.461-1.276a.162.162,0,0,0,0-.128.158.158,0,0,0-.093-.09,5.214,5.214,0,0,0-1.021-.174c-.1-.006-.2-.009-.3-.009a2.844,2.844,0,0,0-1.273.262,2.721,2.721,0,0,0-1.031.758v-.742a.177.177,0,0,0-.178-.184ZM33.663,25.84a.174.174,0,0,0-.173.182V39.006a.176.176,0,0,0,.176.183h1.616A.173.173,0,0,0,35.456,39V26.024a.175.175,0,0,0-.174-.183ZM27.632,37.829a3.316,3.316,0,0,1-1.145-.183,1.389,1.389,0,0,1-.36-.181,1.187,1.187,0,0,1-.352-.361,1.448,1.448,0,0,1-.183-.794,1.334,1.334,0,0,1,.544-1.176,1.462,1.462,0,0,1,.4-.222,3.541,3.541,0,0,1,1.3-.219h.06a12.728,12.728,0,0,1,1.655.14V37.6h0a12.77,12.77,0,0,1-1.644.218C27.82,37.826,27.725,37.829,27.632,37.829Zm38.43-.052a1.913,1.913,0,0,1-1.744-.856,4.456,4.456,0,0,1-.57-2.441,4.435,4.435,0,0,1,.569-2.434,1.923,1.923,0,0,1,1.744-.844,1.948,1.948,0,0,1,1.758.844,4.4,4.4,0,0,1,.575,2.434,4.44,4.44,0,0,1-.575,2.441A1.942,1.942,0,0,1,66.062,37.778Zm26.43-4.3H88.143a3.53,3.53,0,0,1,.49-1.435,1.962,1.962,0,0,1,1.746-.882,1.9,1.9,0,0,1,1.706.882,2.967,2.967,0,0,1,.407,1.434Zm-48.833,0H39.308a3.5,3.5,0,0,1,.493-1.435,1.953,1.953,0,0,1,1.743-.882,1.888,1.888,0,0,1,1.709.882,3.008,3.008,0,0,1,.407,1.434Z" transform="translate(0 0)" fill="#fff"></path>
2578  </g>
2579</svg>
2580
2581                                                    </div>
2582                                    </div>
2583                                                                <div>
2584                                                                
2585                        <div
2586                            class="flex justify-center mx-auto logo relative logo-container"
2587                            style="--mask-image:url('https://cypressnorth.com/w
2587p-content/uploads/2023/10/MIT-modern-logo.svg')"
2588                        >
2589                                                        <?xml version="1.0" encoding="UTF-8"?>
2590<svg xmlns="http://www.w3.org/2000/svg" width="71.753" height="64.842" viewBox="0 0 71.753 64.842">
2591  <g id="MIT-modern-logo" transform="translate(0 0.001)">
2592    <path id="Path_450" data-name="Path 450" d="M34.907,38.3c.844.007,1.7.007,2.54.015h2.944c.052.052.06.06.067.075a.057.057,0,0,1,.015.03.663.663,0,0,1,.022.1V67.142c0,.075-.007.149-.015.224,0,.022-.022.045-.052.1-.12.007-.262.03-.411.03h-4.67c-.149,0-.3.007-.448.007Q34.911,52.915,34.907,38.3Z" transform="translate(-33.231 -38.301)" fill="#fff"></path>
2593    <path id="Path_451" data-name="Path 451" d="M584.8,821.947a1.621,1.621,0,0,1-1.009-1.2c-.022-.127-.015-.261-.03-.418h1.562a1.1,1.1,0,0,1,.075.172c.09.456.366.628.927.59.583-.037.747-.239.777-.829.008-.157,0-.314,0-.516a2.592,2.592,0,0,1-1.606.351,1.713,1.713,0,0,1-1.539-1.113,3.3,3.3,0,0,1,.06-2.712,2,2,0,0,1,2.518-.986c.194.075.381.179.59.284.037-.09.067-.172.112-.269.12-.008.232-.015.344-.015h1.009a3.079,3.079,0,0,1,.037.336v4.812a1.546,1.546,0,0,1-1.061,1.509C586.646,821.947,585.727,821.947,584.8,821.947Zm2.309-4.132a1.876,1.876,0,0,0-.247-1.128.815.815,0,0,0-1.412.075,2.113,2.113,0,0,0-.022,1.741.837.837,0,0,0,1.367.232A1.233,1.233,0,0,0,587.109,817.815Z" transform="translate(-541.019 -757.107)" fill="#fff"></path>
2594    <path id="Path_452" data-name="Path 452" d="M658.5,823.6v-1.039h.934a.463.463,0,0,0,.209-.613c-.1-.344-.217-.687-.321-1.031-.388-1.218-.777-2.443-1.158-3.661l-.067-.247a5.117,5.117,0,0,1,1.629-.015c.247,1.151.5,2.316.747,3.489h.082c.254-1.173.508-2.339.762-3.519h1.659a2.48,2.48,0,0,1-.06.306c-.575,1.734-1.143,3.474-1.719,5.208a1.943,1.943,0,0,1-.755,1.121Z" transform="translate(-609.865 -758.756)" fill="#fff"></path>
2595    <path id="Path_453" data-name="Path 453" d="M293.63,38.523c.418-.082,5.851-.067,6.127.015.067.269.09,28.6.015,29.081a1.773,1.773,0,0,1-.306.045H293.9a2.47,2.47,0,0,1-.247-.03C293.577,67.35,293.555,38.994,293.63,38.523Z" transform="translate(-272.586 -38.457)" fill="#fff"></path>
2596    <path id="Path_454" data-name="Path 454" d="M166.079,38.53V58.42c-.3.1-5.806.1-6.142.015-.067-.269-.09-19.375-.015-19.89a2.393,2.393,0,0,1,.344-.045H165.8A2.636,2.636,0,0,1,166.079,38.53Z" transform="translate(-148.868 -38.486)" fill="#fff"></path>
2597    <path id="Path_455" data-name="Path 455" d="M566.821,172.054v19.083c-.3.09-5.724.1-6.127.03-.075-.262-.1-18.6-.03-19.1C560.933,171.979,566.418,171.964,566.821,172.054Z" transform="translate(-519.67 -162.005)" fill="#fff"></path>
2598    <path id="Path_456" data-name="Path 456" d="M433.144,191.628c-.448.09-5.858.067-6.127-.015-.075-.321-.075-18.784.007-19.113h6.09C433.2,172.784,433.219,191.165,433.144,191.628Z" transform="translate(-395.998 -162.474)" fill="#fff"></path>
2599    <path id="Path_457" data-name="Path 457" d="M560.776,38.469c.284-.09,14.951-.1,15.355-.015v6.112c-.157.007-.306.022-.463.03H560.813C560.716,44.312,560.694,38.91,560.776,38.469Z" transform="translate(-519.767 -38.388)" fill="#fff"></path>
2600    <path id="Path_458" data-name="Path 458" d="M39.345,500.672q.594-2.41,1.2-4.842h2.481l.03.03c.007.007.022.015.022.03.007.075.022.149.022.224q0,3.194-.007,6.381a.894.894,0,0,1-.045.149,9.137,9.137,0,0,1-1.636.022,8.217,8.217,0,0,1-.037-1.2c-.007-.4,0-.8,0-1.2v-2.331h-.06c-.4,1.562-.8,3.123-1.21,4.7a7.922,7.922,0,0,1-1.577.045c-.433-1.629-.859-3.235-1.285-4.834-.022,0-.045.007-.067.007V502.6a4.246,4.246,0,0,1-1.569.03c-.082-.284-.09-6.411,0-6.822.814-.015,1.644,0,2.526-.007.134.553.269,1.091.4,1.629s.254,1.061.381,1.6.262,1.091.389,1.629A.187.187,0,0,0,39.345,500.672Z" transform="translate(-33.82 -461.617)" fill="#fff"></path>
2601    <path id="Path_459" data-name="Path 459" d="M433.449,44.772H427.3V38.645a2.549,2.549,0,0,1,.321-.045h5.559a1.309,1.309,0,0,1,.247.03C433.517,38.906,433.532,44.324,433.449,44.772Z" transform="translate(-396.311 -38.579)" fill="#fff"></path>
2602    <path id="Path_460" data-name="Path 460" d="M233.4,796.507a1.94,1.94,0,0,1,1.2-.53,1.589,1.589,0,0,1,1.472.545,1.556,1.556,0,0,1,.321.979c.015,1.2.007,2.391.007,3.579a.55.55,0,0,1-.03.1,4.149,4.149,0,0,1-1.509.03c-.007-.12-.022-.254-.022-.381,0-.822,0-1.644-.007-2.466a2.281,2.281,0,0,0-.06-.553.65.65,0,0,0-.672-.575.7.7,0,0,0-.665.643,4.46,4.46,0,0,0-.06.7c-.007.732,0,1.464,0,2.2v.456a15.126,15.126,0,0,1-1.539.008c-.015-.149-.037-.269-.037-.389v-6.082c0-.12.022-.239.037-.381h1.517C233.421,795.073,233.332,795.753,233.4,796.507Z" transform="translate(-215.419 -737.906)" fill="#fff"></path>
2603    <path id="Path_461" data-name="Path 461" d="M521.033,503.107a8.465,8.465,0,0,1-1.5.022c-.1-.291-.119-6.366-.03-6.829h1.509V498.3a8.793,8.793,0,0,1,1.054-.4,1.6,1.6,0,0,1,1.584.418,1.434,1.434,0,0,1,.366.8,3.558,3.558,0,0,1,.06.628c.007,1.024,0,2.04,0,3.064a2.849,2.849,0,0,1-.03.3,5.954,5.954,0,0,1-1.547-.007v-.426c0-.747.007-1.494,0-2.242a4.45,4.45,0,0,0-.06-.7.637.637,0,0,0-.605-.6.622.622,0,0,0-.71.523,3.311,3.311,0,0,0-.09.665c-.007.785-.007,1.569-.007,2.354C521.033,502.808,521.033,502.943,521.033,503.107Z" transform="translate(-481.57 -462.08)" fill="#fff"></path>
2604    <path id="Path_462" data-name="Path 462" d="M150.827,518.614h-1.412a1.218,1.218,0,0,1,.635-1.293,2.382,2.382,0,0,1,1.024-.321,5.2,5.2,0,0,1,1.629.12,1.366,1.366,0,0,1,1.1,1.4c-.007.575-.007,1.143,0,1.719a7.8,7.8,0,0,0,.112,1.958,2.9,2.9,0,0,1-1.42.03c-.037-.1-.082-.209-.112-.3a10.2,10.2,0,0,1-1.106.426,1.891,1.891,0,0,1-1.472-.217,1.56,1.56,0,0,1,.142-2.66,4.779,4.779,0,0,1,1.487-.463l.822-.135c.082-.523-.022-.77-.344-.867C151.4,517.844,151.1,518.008,150.827,518.614Zm1.4,1.21c-.306.082-.62.164-.927.261a1.985,1.985,0,0,0-.411.172.477.477,0,0,0-.239.538.454.454,0,0,0,.374.418,1.247,1.247,0,0,0,.62-.03A1.084,1.084,0,0,0,152.224,519.824Z" transform="translate(-138.921 -481.218)" fill="#fff"></path>
2605    <path id="Path_463" data-name="Path 463" d="M505.611,820.722a2.592,2.592,0,0,1-2.346-1.121,2.931,2.931,0,0,1-.336-.822,3,3,0,0,1,.112-1.9,2.316,2.316,0,0,1,1.614-1.427,3.264,3.264,0,0,1,2.227.134,2.29,2.29,0,0,1,1.352,1.636,2.874,2.874,0,0,1-.471,2.578,2.534,2.534,0,0,1-1.741.9C505.887,820.714,505.746,820.714,505.611,820.722Zm1.188-2.727a7.009,7.009,0,0,0-.187-.784,1,1,0,0,0-1.009-.68.99.99,0,0,0-1.016.605,2.24,2.24,0,0,0,.007,1.808,1.007,1.007,0,0,0,1.076.568.97.97,0,0,0,.934-.665A6.151,6.151,0,0,0,506.8,817.994Z" transform="translate(-466.193 -757.264)" fill="#fff"></path>
2606    <path id="Path_464" data-name="Path 464" d="M386.859,820.658a2.527,2.527,0,0,1-2.765-2.72,2.84,2.84,0,0,1,.284-1.3,2.363,2.363,0,0,1,1.719-1.3,3.238,3.238,0,0,1,2.04.179,2.264,2.264,0,0,1,1.345,1.636,2.816,2.816,0,0,1-.545,2.66,2.544,2.544,0,0,1-1.636.807A2.839,2.839,0,0,1,386.859,820.658Zm1.188-2.72c-.06-.254-.1-.508-.172-.755a1.113,1.113,0,0,0-2.077-.008,2.37,2.37,0,0,0,.022,1.636.99.99,0,0,0,1.039.628.968.968,0,0,0,1.009-.665C387.95,818.506,387.988,818.222,388.048,817.938Z" transform="translate(-356.334 -757.2)" fill="#fff"></path>
2607    <path id="Path_465" data-name="Path 465" d="M586.3,668.707a2.835,2.835,0,0,1,.321-1.367,2.209,2.209,0,0,1,1.323-1.136,3.214,3.214,0,0,1,2.4.1,2.312,2.312,0,0,1,1.42,1.988,4.166,4.166,0,0,1-.052,1.18,2.2,2.2,0,0,1-1.435,1.726,3.027,3.027,0,0,1-3.1-.4,2.38,2.38,0,0,1-.844-1.644A3.023,3.023,0,0,1,586.3,668.707Zm1.532,0a2.571,2.571,0,0,0,.232.949.993.993,0,0,0,.9.56.975.975,0,0,0,1.009-.493,2.061,2.061,0,0,0,.007-1.965,1,1,0,0,0-1.031-.516.945.945,0,0,0-.912.643C587.939,668.147,587.895,668.431,587.827,668.707Z" transform="translate(-543.426 -619.117)" fill="#fff"></path>
2608    <path id="Path_466" data-name="Path 466" d="M371.411,518.74c.09-.508-.007-.792-.329-.859a1.188,1.188,0,0,0-.687.037c-.187.09-.291.336-.471.56h-1.33a1.2,1.2,0,0,1,.628-1.293,2.379,2.379,0,0,1,1.1-.329,4.963,4.963,0,0,1,1.592.135,1.321,1.321,0,0,1,1.061,1.308c0,.71-.008,1.42.007,2.129.007.545.037,1.083.06,1.689a4.926,4.926,0,0,1-1.367.007c-.045-.142-.082-.247-.127-.381-.1.06-.179.1-.254.149a2.314,2.314,0,0,1-1.965.276,1.452,1.452,0,0,1-1-1.188,1.524,1.524,0,0,1,.785-1.636,4.73,4.73,0,0,1,1.487-.471C370.866,518.83,371.15,518.785,371.411,518.74Zm.03.934c-.448.135-.852.254-1.248.381a.722.722,0,0,0-.194.112.535.535,0,0,0,.052.859.961.961,0,0,0,1.121-.217A1.468,1.468,0,0,0,371.441,519.674Z" transform="translate(-341.73 -481.09)" fill="#fff"></path>
2609    <path id="Path_467" data-name="Path 467" d="M748.2,520h-3.445a.978.978,0,0,0,.852,1.2.944.944,0,0,0,.874-.306c.157-.179.314-.344.508-.553.374.187.747.366,1.143.56a2.019,2.019,0,0,1-.822.979,2.917,2.917,0,0,1-3.116.09,2.039,2.039,0,0,1-.994-1.345,3.738,3.738,0,0,1,.045-1.987,2.391,2.391,0,0,1,2.772-1.666,2.355,2.355,0,0,1,2.092,2.227C748.155,519.442,748.17,519.688,748.2,520Zm-3.527-.994h1.9c-.09-.6-.4-.9-.911-.911A.968.968,0,0,0,744.673,519.008Z" transform="translate(-688.503 -481.179)" fill="#fff"></path>
2610    <path id="Path_468" data-name="Path 468" d="M479.406,668.984h-3.422a.962.962,0,0,0,.5,1.091.981.981,0,0,0,1-.007,6.13,6.13,0,0,0,.755-.725,6.011,6.011,0,0,1,1.106.538,1.844,1.844,0,0,1-.747.956,2.238,2.238,0,0,1-1.128.456,2.787,2.787,0,0,1-2.316-.553,2.317,2.317,0,0,1-.792-1.554,3.654,3.654,0,0,1,.209-1.763,2.192,2.192,0,0,1,1.472-1.367,2.829,2.829,0,0,1,1.689-.008,2.159,2.159,0,0,1,1.323,1.128A3.806,3.806,0,0,1,479.406,668.984Zm-1.592-.994a.94.94,0,0,0-.994-.9.846.846,0,0,0-.852.9Z" transform="translate(-439.831 -619.027)" fill="#fff"></path>
2611    <path id="Path_469" data-name="Path 469" d="M83.268,818.49c.4.209.755.4,1.143.6a2.357,2.357,0,0,1-1.188,1.173,2.942,2.942,0,0,1-2.72-.1,2.263,2.263,0,0,1-1.106-1.771,3.431,3.431,0,0,1,.276-1.928,2.208,2.208,0,0,1,1.532-1.248,2.822,2.822,0,0,1,1.367-.022,2.171,2.171,0,0,1,1.5,1.181,3.7,3.7,0,0,1,.366,1.771c-.149.015-.284.037-.411.037H81.019a.99.99,0,0,0,.8,1.188,1.15,1.15,0,0,0,1.113-.463C83.037,818.782,83.134,818.662,83.268,818.49Zm-2.3-1.315h1.875a.933.933,0,0,0-.919-.9A.954.954,0,0,0,80.967,817.175Z" transform="translate(-74.374 -757.072)" fill="#fff"></path>
2612    <path id="Path_470" data-name="Path 470" d="M310.46,815.438h1.472c.03.112.052.2.075.306a.433.433,0,0,0,.1-.045,2.171,2.171,0,0,1,1.733-.366,1.257,1.257,0,0,1,1.128,1.278c.008.134.015.276.015.411v3.557c-.531.022-1.016.022-1.547,0-.015-.164-.037-.3-.037-.426v-2.578a3.077,3.077,0,0,0-.03-.523.528.528,0,0,0-.523-.486.693.693,0,0,0-.785.366,1.7,1.7,0,0,0-.09.546c-.008.882,0,1.763-.008,2.653,0,.135-.015.269-.022.426h-1.472l-.022-.022c-.007-.008-.022-.015-.022-.03
2612-.007-.075-.03-.15-.03-.217q0-2.354.008-4.7A.6.6,0,0,1,310.46,815.438Z" transform="translate(-288.146 -757.232)" fill="#fff"></path>
2613    <path id="Path_471" data-name="Path 471" d="M77.6,666.14h1.472c.045.09.09.172.112.217.351-.12.687-.247,1.031-.336a1.84,1.84,0,0,1,1.061.082,1.252,1.252,0,0,1,.867,1.151,4.078,4.078,0,0,1,.015.523v3.46a6.253,6.253,0,0,1-1.584.007v-3.228c-.007-.516-.209-.747-.672-.747a.671.671,0,0,0-.747.77c-.007.71,0,1.42,0,2.13v1.076a6.372,6.372,0,0,1-1.554,0Z" transform="translate(-72.74 -619.076)" fill="#fff"></path>
2614    <path id="Path_472" data-name="Path 472" d="M601.311,518.825h1.5a48.347,48.347,0,0,1,.023,5.111,10.6,10.6,0,0,1-1.465.022c-.037-.127-.067-.217-.1-.314a.428.428,0,0,0-.1.03,2.156,2.156,0,0,1-2.227.187,1.094,1.094,0,0,1-.613-.874,2.035,2.035,0,0,1-.022-.3v-3.624c0-.06.015-.12.015-.179a4.2,4.2,0,0,1,1.539-.022c.008.127.015.254.015.389v2.8a2.541,2.541,0,0,0,.015.336.4.4,0,0,0,.389.388.881.881,0,0,0,.807-.164.841.841,0,0,0,.224-.65v-2.69C601.311,519.139,601.311,519.012,601.311,518.825Z" transform="translate(-554.534 -482.901)" fill="#fff"></path>
2615    <path id="Path_473" data-name="Path 473" d="M355.345,668.13a1.028,1.028,0,0,1,.194-.03h1.315c.015.15.03.284.03.411v2.839a.767.767,0,0,0,.306.717,2.626,2.626,0,0,0,.553.015.594.594,0,0,0,.56-.672c.015-.426.007-.844.007-1.27v-1.607c0-.134.022-.261.037-.411h1.472c.082.284.1,4.565.022,5.074a6.814,6.814,0,0,1-1.465.045c-.045-.1-.082-.194-.127-.306a2.253,2.253,0,0,1-1.592.418,1.314,1.314,0,0,1-1.36-1.375v-3.587C355.315,668.309,355.33,668.22,355.345,668.13Z" transform="translate(-329.691 -621.043)" fill="#fff"></path>
2616    <path id="Path_474" data-name="Path 474" d="M16.151,800.784c-.62.03-1.173.015-1.778.015a7.643,7.643,0,0,1-.022-1.091c-.007-.359,0-.725,0-1.083V795.3H12.587a8.576,8.576,0,0,1,0-1.315c.3-.082,4.849-.1,5.32-.023a6.255,6.255,0,0,1,.015,1.3c-.59.06-1.158,0-1.763.045C16.151,797.122,16.151,798.923,16.151,800.784Z" transform="translate(-12.562 -737.452)" fill="#fff"></path>
2617    <path id="Path_475" data-name="Path 475" d="M222.1,521.3c.336-.291.635-.553.964-.829a3.109,3.109,0,0,1,.269.2,2.053,2.053,0,0,0,1.517.493.8.8,0,0,0,.187-.022c.269-.067.4-.2.411-.411.007-.239-.179-.321-.351-.374-.306-.082-.635-.127-.941-.217a6.745,6.745,0,0,1-1.016-.336,1.181,1.181,0,0,1-.673-1.323,1.632,1.632,0,0,1,1.113-1.367,3.118,3.118,0,0,1,2.294.022c.344.127.672.306,1.061.493a9.033,9.033,0,0,1-.949.971,1.913,1.913,0,0,0-1.091-.508,1.821,1.821,0,0,0-.695.045.285.285,0,0,0-.075.538,1.3,1.3,0,0,0,.448.172c.418.1.852.187,1.27.3a2.317,2.317,0,0,1,.538.239,1.191,1.191,0,0,1,.6,1.233,1.716,1.716,0,0,1-1.457,1.584,3.362,3.362,0,0,1-2.884-.478C222.474,521.615,222.317,521.473,222.1,521.3Z" transform="translate(-206.443 -481.148)" fill="#fff"></path>
2618    <path id="Path_476" data-name="Path 476" d="M674.457,517.558c-.374.358-.672.65-.986.956a1.986,1.986,0,0,0-1.091-.523,2.155,2.155,0,0,0-.658.037.432.432,0,0,0-.239.246.265.265,0,0,0,.179.329,4.83,4.83,0,0,0,.71.217,5.292,5.292,0,0,1,1.427.411,1.179,1.179,0,0,1,.657.971,1.643,1.643,0,0,1-1.039,1.763,3.414,3.414,0,0,1-3.3-.351c-.172-.12-.321-.262-.515-.426.344-.291.635-.553.949-.822.165.112.3.217.441.314a2.1,2.1,0,0,0,1.375.381.765.765,0,0,0,.284-.075c.164-.075.321-.164.3-.381a.389.389,0,0,0-.336-.351c-.314-.075-.628-.142-.942-.217a7.769,7.769,0,0,1-.792-.217,1.275,1.275,0,0,1-.859-1.726,1.633,1.633,0,0,1,1.181-1.143,3.322,3.322,0,0,1,2.466.194C673.911,517.267,674.143,517.4,674.457,517.558Z" transform="translate(-620.506 -481.044)" fill="#fff"></path>
2619    <path id="Path_477" data-name="Path 477" d="M294,521.3c.306-.269.605-.523.912-.792.157.112.3.209.441.306a2.109,2.109,0,0,0,1.412.388.258.258,0,0,0,.075-.007c.254-.045.471-.224.486-.4s-.127-.359-.433-.433c-.411-.1-.829-.157-1.233-.277a4.437,4.437,0,0,1-.844-.366.882.882,0,0,1-.448-.657,1.558,1.558,0,0,1,.792-1.771,2.625,2.625,0,0,1,1.726-.321,4.4,4.4,0,0,1,1.681.59,1.2,1.2,0,0,1,.217.194c-.314.306-.613.59-.934.9a2.016,2.016,0,0,0-1.083-.523,2.281,2.281,0,0,0-.553-.008c-.239.037-.351.164-.359.321-.007.194.127.291.284.351a5.3,5.3,0,0,0,.613.164c.329.075.657.142.979.224a1.932,1.932,0,0,1,.344.134,1.3,1.3,0,0,1,.71,1.689,1.545,1.545,0,0,1-1.016,1.113,3.462,3.462,0,0,1-3.572-.583A2.627,2.627,0,0,1,294,521.3Z" transform="translate(-272.971 -481.18)" fill="#fff"></path>
2620    <path id="Path_478" data-name="Path 478" d="M153.545,666.719c-.291.321-.568.62-.859.934a2.1,2.1,0,0,0-1.719-.493c-.179.037-.179.052-.321.284.015.321.276.381.516.448.351.09.71.135,1.054.232a4.373,4.373,0,0,1,.889.366,1.08,1.08,0,0,1,.545.956,1.63,1.63,0,0,1-1.158,1.719,3.4,3.4,0,0,1-3.6-.725.688.688,0,0,1-.09-.12l.927-.792c.2.142.389.261.568.389a1.824,1.824,0,0,0,1.24.291,1.006,1.006,0,0,0,.217-.037c.239-.075.381-.239.374-.411-.007-.217-.179-.3-.344-.344-.336-.09-.68-.142-1.016-.239a8.2,8.2,0,0,1-1.016-.351,1.008,1.008,0,0,1-.605-.837,1.569,1.569,0,0,1,1.054-1.808,3.106,3.106,0,0,1,2.331,0A2.775,2.775,0,0,1,153.545,666.719Z" transform="translate(-138.62 -619.057)" fill="#fff"></path>
2621    <path id="Path_479" data-name="Path 479" d="M912.745,517.712c-.321.359-.59.665-.867.979l-.247-.164a2.066,2.066,0,0,0-1.263-.381.709.709,0,0,0-.321.082.3.3,0,0,0-.022.553,4.253,4.253,0,0,0,.74.232,10.954,10.954,0,0,1,1.285.366,1.278,1.278,0,0,1,.732,1.666,1.56,1.56,0,0,1-.971,1.106,3.5,3.5,0,0,1-3.661-.605,2,2,0,0,1-.149-.187c.306-.269.605-.538.919-.814.15.1.269.187.381.276a2.116,2.116,0,0,0,1.472.426.528.528,0,0,0,.149-.03.5.5,0,0,0,.4-.4c.008-.179-.112-.321-.381-.4-.314-.082-.628-.135-.942-.209a3.217,3.217,0,0,1-1.18-.433,1.086,1.086,0,0,1-.478-.77,1.574,1.574,0,0,1,.859-1.711,2.639,2.639,0,0,1,1.509-.306,4.33,4.33,0,0,1,1.89.628A.766.766,0,0,1,912.745,517.712Z" transform="translate(-841.093 -481.22)" fill="#fff"></path>
2622    <path id="Path_480" data-name="Path 480" d="M448.208,518.464c-.4.217-.762.411-1.151.62-.075-.1-.134-.179-.194-.254a.969.969,0,0,0-1.009-.418.941.941,0,0,0-.785.71,2.6,2.6,0,0,0,.015,1.547.934.934,0,0,0,.792.7.989.989,0,0,0,1.1-.456c.045-.075.1-.142.172-.254.359.172.71.344,1.091.523a2.186,2.186,0,0,1-.8.949,2.74,2.74,0,0,1-3.176-.075,2.176,2.176,0,0,1-.792-1.225,3.152,3.152,0,0,1,.12-2.189,2.542,2.542,0,0,1,2.742-1.427,2.366,2.366,0,0,1,1.793,1.076A.917.917,0,0,1,448.208,518.464Z" transform="translate(-411.144 -481.412)" fill="#fff"></path>
2623    <path id="Path_481" data-name="Path 481" d="M160.351,816.632c-.4.216-.77.418-1.113.605a4.8,4.8,0,0,0-.545-.515.969.969,0,0,0-1.345.276,2.315,2.315,0,0,0,.052,2.144,1.057,1.057,0,0,0,1.7-.007c.052-.082.1-.164.172-.284a7.159,7.159,0,0,1,1.106.531,1.768,1.768,0,0,1-.605.762,2.505,2.505,0,0,1-1.861.613,2.791,2.791,0,0,1-1.338-.4,2.3,2.3,0,0,1-.994-1.472,3.026,3.026,0,0,1,.224-2.242,2.4,2.4,0,0,1,1.838-1.248,2.717,2.717,0,0,1,1.928.374A1.924,1.924,0,0,1,160.351,816.632Z" transform="translate(-144.784 -757.298)" fill="#fff"></path>
2624    <path id="Path_482" data-name="Path 482" d="M666.964,644.028v1.1c-.277.03-.531.052-.829.082-.037.172-.075.329-.12.538.329.015.605.03.912.045v.942c-.292.015-.56.03-.882.045V650.8a10.174,10.174,0,0,1-1.584.015v-4.042c-.277-.015-.508-.022-.777-.037a2.5,2.5,0,0,1,.022-.941c.247-.015.471-.03.74-.052.007-.187.015-.359.022-.523a1.255,1.255,0,0,1,1.345-1.33A2.592,2.592,0,0,1,666.964,644.028Z" transform="translate(-615.001 -598.637)" fill="#fff"></path>
2625    <path id="Path_483" data-name="Path 483" d="M305.428,651.892h-.747a14.515,14.515,0,0,0-.045,2.765c.2.3.516.149.829.179a4.967,4.967,0,0,1,.015,1.2,3.487,3.487,0,0,1-1.778-.1,1.076,1.076,0,0,1-.665-1c-.03-.844-.045-1.689-.06-2.533v-.478c-.232-.023-.433-.038-.65-.052a2.769,2.769,0,0,1-.03-.934c.209-.015.411-.037.672-.052v-1.382a7.557,7.557,0,0,1,1.584-.06c.112.486,0,.964.082,1.45l.792.045Z" transform="translate(-280.625 -603.774)" fill="#fff"></path>
2626    <path id="Path_484" data-name="Path 484" d="M429.391,655.856a5.569,5.569,0,0,1-1.539-.03,1.071,1.071,0,0,1-.882-.941,5.574,5.574,0,0,1-.067-.7c-.008-.672,0-1.345,0-2.017v-.441c-.239-.015-.456-.037-.7-.052v-.919c.224-.022.433-.045.695-.075v-1.4a6.248,6.248,0,0,1,1.584,0v1.435h.822a2.38,2.38,0,0,1,.067.972c-.306.015-.575.022-.889.037a23.42,23.42,0,0,0,.067,2.735c.269.292.568.149.859.209A4.941,4.941,0,0,1,429.391,655.856Z" transform="translate(-395.293 -603.576)" fill="#fff"></path>
2627    <path id="Path_485" data-name="Path 485" d="M219.847,649.311a10.577,10.577,0,0,1,1.547-.022v1.45c.291.015.545.022.829.037a2.52,2.52,0,0,1,.045.949h-.792a9.933,9.933,0,0,0,.037,2.832c.217.232.516.075.8.149v1.173a3.843,3.843,0,0,1-1.7-.06,1.227,1.227,0,0,1-.785-1.278c-.022-.732-.007-1.465-.015-2.2v-.583l-.71-.045v-.927c.224-.022.433-.037.665-.06C219.877,650.275,219.743,649.8,219.847,649.311Z" transform="translate(-203.668 -603.621)" fill="#fff"></path>
2628    <path id="Path_486" data-name="Path 486" d="M864.645,506.731a3.5,3.5,0,0,1-1.756-.1,1.107,1.107,0,0,1-.68-1.068c-.015-.807-.015-1.614-.015-2.421v-.523c-.232-.022-.448-.037-.657-.052a1.6,1.6,0,0,1-.015-.941c.194-.008.4-.022.658-.037V500.2a4.1,4.1,0,0,1,1.547-.03c.112.448-.008.919.075,1.42h.792a1.945,1.945,0,0,1,.022.971l-.807.045a1.831,1.831,0,0,0-.037.284c0,.687-.008,1.367,0,2.055.008.493.082.56.56.575.1,0,.194.015.276.022A2.575,2.575,0,0,1,864.645,506.731Z" transform="translate(-798.03 -465.607)" fill="#fff"></path>
2629    <path id="Path_487" data-name="Path 487" d="M817.373,502.491c-.254-.022-.448-.037-.672-.052V501.5c.217-.015.418-.03.672-.052V500.04a7.424,7.424,0,0,1,1.577-.022v1.45h.837a2.465,2.465,0,0,1,.045.964c-.284.022-.56.045-.874.067a17.31,17.31,0,0,0,.1,2.847c.284.022.53.045.8.067a4.944,4.944,0,0,1,.03,1.151,1,1,0,0,1-.262.075,8.442,8.442,0,0,1-.971.008,1.211,1.211,0,0,1-1.233-1.2c-.022-.829-.037-1.666-.052-2.5C817.365,502.82,817.373,502.67,817.373,502.491Z" transform="translate(-756.615 -465.491)" fill="#fff"></path>
2630    <path id="Path_488" data-name="Path 488" d="M38.065,652.222H36.4c-.09-.292-.112-6.351-.03-6.822H38.05C38.14,645.669,38.155,651.789,38.065,652.222Z" transform="translate(-34.543 -600.039)" fill="#fff"></path>
2631    <path id="Path_489" data-name="Path 489" d="M469.466,794.2h1.494l.037.037c.008.007.022.015.022.03a1.413,1.413,0,0,1,.022.187c0,2.152,0,4.3-.007,6.448a.576.576,0,0,1-.045.157c-.478.015-.971.007-1.509,0-.037-.583-.015-1.151-.022-1.719s0-1.143,0-1.719v-1.681C469.466,795.388,469.466,794.813,469.466,794.2Z" transform="translate(-435.317 -737.721)" fill="#fff"></path>
2632    <path id="Path_490" data-name="Path 490" d="M273.685,673H272.22c-.09-.284-.12-4.438-.045-5.051a4.161,4.161,0,0,1,1.494-.037,1.438,1.438,0,0,1,.052.269v4.558A2.41,2.41,0,0,1,273.685,673Z" transform="translate(-252.738 -620.828)" fill="#fff"></path>
2633    <path id="Path_491" data-name="Path 491" d="M272.6,646.088v-1.181c.262,0,.508-.007.747-.007h.77a5.743,5.743,0,0,1,.022,1.188Z" transform="translate(-253.17 -599.576)" fill="#fff"></path>
2634  </g>
2635</svg>
2636
2637                                                    </div>
2638                                    </div>
2639                                                                <div>
2640                                                                
2641                        <div
2642                            class="flex justify-center mx-auto logo relative logo-container"
2643                            style="--mask-image:url('https://cypressnorth.com/wp-content/uploads/2024/08/expertwhite.svg')"
2644                        >
2645                                                        <?xml version="1.0" encoding="UTF-8"?>
2646<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 218 21.4">
2647  <defs>
2648    <style>
2649      .cls-1 {
2650        fill: #fff;
2651      }
2652    </style>
2653  </defs>
2654  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
2655  <g>
2656    <g id="Layer_1">
2657      <g id="Group_170868">
2658        <g id="Group_774">
2659          <path id="Path_730" class="cls-1" d="M19.7,1.9h-3.8l7.7,7.7-5.8,5.8-5.8-5.8h-3.8l9.6,9.6,9.6-9.6-7.7-7.7Z"/>
2660          <path id="Path_731" class="cls-1" d="M4.3,9.6l5.8-5.8,5.8,5.8h3.8L10.1,0,.5,9.6l7.7,7.7h3.8l-7.7-7.7Z"/>
2661        </g>
2662        <g id="Group_775">
2663          <path id="Path_732" class="cls-1" d="M47.2,14.8v2.5h-12.2V1.9h12.1v2.5h-9v3.7h8.5v2.3h-8.5v4.4h9.1Z"/>
2664          <path id="Path_733" class="cls-1" d="M58.8,17.3l-3.5-4.8-3.5,4.8h-3.4l4.8-6.6-4.6-6h3.4l3.2,4.4,3.2-4.4h3.4l-4.6,6,4.8,6.6h-3.5Z"/>
2665          <path id="Path_734" class="cls-1" d="M74.8,10.9c.1-2.2-1.5-4.1-3.7-4.2-.1,0-.3,0-.4,0-2.2,0-4.1,1.7-4.2,3.9,0,.1,0,.2,0,.4-.1,2.2,1.5,4,3.7,4.2.1,0,.3,0,.4,0,2.2,0,4.1-1.6,4.2-3.8,0-.1,0-.3,0-.4ZM77.8,10.8c0,4.1-2.8,6.8-6.1,6.8-2.1,0-4.1-1.1-5.1-3v6.7h-2.9V4.7h2.9v2.9c.9-2.2,3-3.5,5.3-3.4,3.5,0,5.9,2.9,5.9,6.6h0Z"/>
2666          <path id="Path_735" class="cls-1" d="M82.3,9.6h7.5c-.1-1.9-1.4-3-3.6-3-1.9-.2-3.6,1.1-3.9,3ZM92.4,11.4h-10.2c.3,2.4,2.1,3.8,5,3.8s3.4-.6,4.7-1.6v2.4c-1.5,1.1-3.4,1.7-5.3,1.7-4.4,0-7.4-2.8-7.4-6.8s2.6-6.6,6.9-6.6,6.2,2.2,6.2,5.9v1.3Z"/>
2667          <path id="Path_736" class="cls-1" d="M102.9,5v2.8c-.6-.4-1.3-.6-2.1-.6-1.8,0-3.1,1.4-3.1,4.2v5.9h-2.9V4.7h2.9v3.2c.6-2.3,1.7-3.4,3.4-3.4.6,0,1.2.2,1.8.5Z"/>
2668          <path id="Path_737" class="cls-1" d="M120.6,1.9h3v15.4h-3V1.9Z"/>
2669          <path id="Path_738" class="cls-1" d="M139.7,10.2v7.1h-2.9v-6.4c0-2.8-1.1-4.1-3.3-4.1s-3.7,1.7-3.7,3.9v6.6h-2.9V4.7h2.9v2.7c.7-2,2.7-3.4,4.8-3.2,3.2,0,5.1,2.2,5.1,6Z"/>
2670          <path id="Path_739" class="cls-1" d="M142,16v-2.5c1.6,1.2,3.5,1.9,5.6,1.9,1.8,0,2.8-.6,2.8-1.6s-.2-1.2-1.7-1.6l-2.9-.7c-2.7-.7-3.7-1.9-3.7-3.5s2.1-3.7,5.6-3.7c1.8,0,3.5.4,5,1.4v2.4c-1.4-1-3.1-1.6-4.9-1.6-1.9,0-2.8.6-2.8,1.4s.6,1.1,2.1,1.5l2.7.6c2.2.5,3.6,1.5,3.6,3.6s-2.1,4-5.6,4c-2,0-4.1-.6-5.8-1.7Z"/>
2671          <path id="Path_740" class="cls-1" d="M203.8,7h-3.8v10.3h-2.9V7h-2.5v-.8l5.4-5.4v4h3.8v2.3Z"/>
2672          <path id="Path_741" class="cls-1" d="M178.9,7h-3.8v10.3h-2.9V7h-2.5v-.8l5.4-5.4v4h3.8v2.3Z"/>
2673          <path id="Path_742" class="cls-1" d="M163.6,7h-3.8v10.3h-2.9V7h-2.5v-.8l5.4-5.4v4h3.8v2.3Z"/>
2674          <path id="Path_743" class="cls-1" d="M165.1,4.7h2.9v12.6h-2.9V4.7ZM164.8,1.9c-.1-1,.6-1.8,1.6-2,1-.1,1.8.6,2,1.6.1,1-.6,1.8-1.6,2,0,0-.1,0-.2,0-.9,0-1.7-.6-1.8-1.5,0,0,0,0,0,0h0Z"/>
2675          <path id="Path_744" class="cls-1" d="M193,4.7v12.6h-2.9v-2.5c-.8,1.9-2.6,3.1-4.7,3-3.3,0-5.1-2-5.1-5.6v-7.5h2.9v7c0,2.5,1.1,3.6,3.3,3.6s3.6-1.5,3.6-3.8v-6.8h2.9Z"/>
2676          <path id="Path_745" class="cls-1" d="M207.4,9.6h7.5c-.1-1.9-1.4-3-3.6-3-1.9-.2-3.6,1.1-3.9,3ZM217.5,11.4h-10.2c.3,2.4,2.1,3.8,5,3.8,1.7,0,3.4-.6,4.7-1.6v2.4c-1.5,1.1-3.4,1.7-5.3,1.7-4.4,0-7.4-2.8-7.4-6.8s2.6-6.6,6.9-6.6,6.2,2.2,6.2,5.9v1.3Z"/>
2677          <path id="Path_746" class="cls-1" d="M112.9,6.9h-3.8v10.3h-2.9V6.9h-2.5v-.8l5.4-5.4v4h3.8v2.3Z"/>
2678        </g>
2679      </g>
2680    </g>
2681  </g>
2682</svg>
2683                                                    </div>
2684                                    </div>
2685                                                                <div>
2686                                                                
2687                        <div
2688                            class="flex justify-center mx-auto logo relative logo-container"
2689                            style="--mask-image:url('https://cypressnorth.com/w
2689p-content/uploads/2024/08/convene-logowhite.svg')"
2690                        >
2691                                                        <?xml version="1.0" encoding="UTF-8"?>
2692<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 36">
2693  <defs>
2694    <style>
2695      .cls-1 {
2696        fill: #fff;
2697      }
2698    </style>
2699  </defs>
2700  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
2701  <g>
2702    <g id="Layer_1">
2703      <path class="cls-1" d="M28,22.5c-1.6,4.9-4.3,9.1-11.4,9.4-10.7,0-13.9-8.9-13.9-13.6C2.7,6.1,12.5,3.2,16.4,3.2s10.8,2,10.8,7.3-1.2,3.6-3.1,3.6-3.2-1.2-3.2-3.2,2.2-3,2.2-3.8c0-1.9-4.3-2.6-5.8-2.6-6.6,0-8.3,4.8-8.3,13.8s1,7.3,1.4,8.2c1,2.3,3.1,3.7,6.7,3.9,4,.2,7.8-3,9.5-7.9h1.4Z"/>
2704      <path class="cls-1" d="M36.5,17.5c0,5.7,0,13,7,13s7-7.3,7-13,0-13-7-13-7,7.3-7,13ZM56.7,17.5c0,8.3-6,14.4-13.2,14.4s-13.2-6.1-13.2-14.4,6-14.3,13.2-14.3c7.1,0,13.2,6,13.2,14.3Z"/>
2705      <path class="cls-1" d="M61.5,5.4h-3.8v-1.5h1.4c1.3,0,2.6,0,3.8,0,1.3,0,2.6-.3,3.8-.6v7.3h.3c1.9-4.3,4.6-7.3,9.6-7.3s8.2.6,8.2,6.8v19.4h3.7v1.6h-12.7v-1.6h3.6V10.9c0-5-1.6-5.7-4.3-5.7-4.7,0-8.2,6.4-8.2,11.5v12.7h3.7v1.6h-12.8v-1.6h3.8V5.4h0Z"/>
2706      <path class="cls-1" d="M104.6,3.9v1.6h4.2l-6.9,19.7h0l-6.7-19.8h3.6v-1.5h-12.3v1.6h3.3l9.2,26.4h2.4l9.4-26.4h3.3v-1.6h-9.4Z"/>
2707      <path class="cls-1" d="M132.3,13.4v-2.4c0-4.9-2.9-6.5-6.3-6.5s-6,3.8-6.1,4.3c-.4,1.5-.7,3-.7,4.5h13.1ZM138.5,22.5c-1.4,6.4-6,9.4-12.1,9.4s-13.7-5.6-13.7-13.2,5.4-15.5,13.5-15.5,12.3,4.7,12.3,12.2h-19.4v2.8c0,6.8.9,12.3,8.4,12.3s8.5-3.4,9.4-7.9h1.6Z"/>
2708      <path class="cls-1" d="M143.8,5.4h-3.8v-1.5h1.4c1.3,0,2.6,0,3.8,0,1.3,0,2.6-.3,3.8-.6v7.3h.1c1.9-4.3,4.6-7.3,9.6-7.3s8.2.6,8.2,6.8v19.4h3.7v1.6h-12.6v-1.6h3.6V10.9c0-5-1.6-5.7-4.3-5.7-4.7,0-8.2,6.4-8.2,11.5v12.7h3.7v1.6h-12.8v-1.6h3.8V5.4Z"/>
2709      <path class="cls-1" d="M191,13.4v-2.4c0-4.9-2.9-6.5-6.3-6.5s-6,3.8-6.1,4.3c-.4,1.5-.7,3-.7,4.5h13.1ZM197.2,22.5c-1.4,6.4-6,9.4-12.1,9.4s-13.7-5.6-13.7-13.2,5.3-15.5,13.5-15.5,12.3,4.7,12.3,12.2h-19.4v2.8c0,6.8.9,12.3,8.4,12.3s8.5-3.4,9.4-7.9h1.6Z"/>
2710    </g>
2711  </g>
2712</svg>
2713                                                    </div>
2714                                    </div>
2715                                                                <div>
2716                                                                
2717                        <div
2718                            class="flex justify-center mx-auto logo relative logo-container"
2719                            style="--mask-image:url('https://cypressnorth.com/wp-content/uploads/2023/10/mandala_logo_pre-finalized-01_1.svg')"
2720                        >
2721                                                        <?xml version="1.0" encoding="UTF-8"?>
2722<svg xmlns="http://www.w3.org/2000/svg" width="124.425" height="19.774" viewBox="0 0 124.425 19.774">
2723  <g id="mandala_logo_pre-finalized-01_1" transform="translate(0 0.001)">
2724    <path id="Path_401" data-name="Path 401" d="M0,18.115V3.056H3.651v2.13h0C4.563,3.361,5.78,2.6,7.3,2.6a4.714,4.714,0,0,1,2.586.761,4.641,4.641,0,0,1,1.521,1.977,10.326,10.326,0,0,1,1.825-1.825A4.131,4.131,0,0,1,15.819,2.6a5.376,5.376,0,0,1,4.107,1.673,6.714,6.714,0,0,1,1.521,4.411v9.431H17.8V8.532a2.581,2.581,0,0,0-4.411-1.825,2.047,2.047,0,0,0-.761,1.825v9.431h-3.8V8.532A2.6,2.6,0,0,0,6.236,5.946a3.16,3.16,0,0,0-1.825.761,2.519,2.519,0,0,0-.761,1.825v9.431H0Z" transform="translate(0 1.354)" fill="#fff"></path>
2725    <path id="Path_402" data-name="Path 402" d="M29.029,15.681h0a6.14,6.14,0,0,1-1.977,1.977,5.055,5.055,0,0,1-3.042.761,7.811,7.811,0,0,1-5.628-2.282A7.567,7.567,0,0,1,16.1,10.51a7.567,7.567,0,0,1,2.282-5.628A7.567,7.567,0,0,1,24.01,2.6a6.344,6.344,0,0,1,5.02,2.586h0V3.056H32.68V17.963H29.029ZM27.66,7.315a4.411,4.411,0,0,0-6.389,0A4.378,4.378,0,0,0,19.9,10.51a4.719,4.719,0,0,0,1.369,3.346,4.378,4.378,0,0,0,3.194,1.369,4.143,4.143,0,0,0,3.194-1.369,5.131,5.131,0,0,0,1.369-3.346A4.378,4.378,0,0,0,27.66,7.315Z" transform="translate(8.389 1.354)" fill="#fff"></path>
2726    <path id="Path_403" data-name="Path 403" d="M29.3,18.115V3.056h3.651V5.338h0A4.649,4.649,0,0,1,37.362,2.6a5.524,5.524,0,0,1,4.259,1.825,6.733,6.733,0,0,1,1.673,4.563v9.127h-3.8V9.293a3.1,3.1,0,0,0-.913-2.282A2.737,2.737,0,0,0,36.3,5.946,3.119,3.119,0,0,0,33.1,9.141v8.822H29.3Z" transform="translate(15.268 1.354)" fill="#fff"></path>
2727    <path id="Path_404" data-name="Path 404" d="M53.329,17.036h0a6.14,6.14,0,0,1-1.977,1.977,5.055,5.055,0,0,1-3.042.761,7.811,7.811,0,0,1-5.628-2.282A7.567,7.567,0,0,1,40.4,11.864a7.567,7.567,0,0,1,2.282-5.628A7.567,7.567,0,0,1,48.31,3.955a6.344,6.344,0,0,1,5.02,2.586h0V0H56.98V19.47H53.329ZM51.96,8.67a4.411,4.411,0,0,0-6.389,0A4.378,4.378,0,0,0,44.2,11.864a4.719,4.719,0,0,0,1.369,3.346,4.378,4.378,0,0,0,3.194,1.369,4.143,4.143,0,0,0,3.194-1.369,5.131,5.131,0,0,0,1.369-3.346A4.378,4.378,0,0,0,51.96,8.67Z" transform="translate(21.052 -0.001)" fill="#fff"></path>
2728    <path id="Path_405" data-name="Path 405" d="M66.229,15.681h0a6.14,6.14,0,0,1-1.977,1.977,5.055,5.055,0,0,1-3.042.761,7.811,7.811,0,0,1-5.628-2.282A7.567,7.567,0,0,1,53.3,10.51a7.567,7.567,0,0,1,2.282-5.628A7.567,7.567,0,0,1,61.21,2.6a6.344,6.344,0,0,1,5.02,2.586h0V3.056H69.88V17.963H66.229ZM64.86,7.315a4.411,4.411,0,0,0-6.389,0A4.378,4.378,0,0,0,57.1,10.51a4.719,4.719,0,0,0,1.369,3.346,4.378,4.378,0,0,0,3.194,1.369,4.143,4.143,0,0,0,3.194-1.369,5.131,5.131,0,0,0,1.369-3.346A4.378,4.378,0,0,0,64.86,7.315Z" transform="translate(27.774 1.354)" fill="#fff"></path>
2729    <path id="Path_406" data-name="Path 406" d="M66.5,0h3.651V19.47H66.5Z" transform="translate(34.652 -0.001)" fill="#fff"></path>
2730    <path id="Path_407" data-name="Path 407" d="M83.829,15.681h0a6.14,6.14,0,0,1-1.977,1.977,5.055,5.055,0,0,1-3.042.761,7.567,7.567,0,0,1-5.628-2.282A7.567,7.567,0,0,1,70.9,10.51a7.567,7.567,0,0,1,2.282-5.628A7.567,7.567,0,0,1,78.81,2.6a6.344,6.344,0,0,1,5.02,2.586h0V3.056H87.48V17.963H83.829ZM82.46,7.315a4.411,4.411,0,0,0-6.389,0A4.378,4.378,0,0,0,74.7,10.51a4.719,4.719,0,0,0,1.369,3.346,4.378,4.378,0,0,0,3.194,1.369,4.143,4.143,0,0,0,3.194-1.369,5.131,5.131,0,0,0,1.369-3.346A4.378,4.378,0,0,0,82.46,7.315Z" transform="translate(36.945 1.354)" fill="#fff"></path>
2731  </g>
2732</svg>
2733
2734                                                    </div>
2735                                    </div>
2736                                                                <div>
2737                                                                
2738                        <div
2739                            class="flex justify-center mx-auto logo relative logo-container"
2740                            style="--mask-image:url('https://cypressnorth.com/w
2740p-content/uploads/2023/10/img-crbl-logo.svg')"
2741                        >
2742                                                        <?xml version="1.0" encoding="UTF-8"?>
2743<svg xmlns="http://www.w3.org/2000/svg" width="122.706" height="32.963" viewBox="0 0 122.706 32.963">
2744  <g id="img-crbl-logo" transform="translate(0 0)">
2745    <path id="Path_383" data-name="Path 383" d="M54.975,9.55c0-5.552-2.8-6.594-7.555-6.594H41.015c-1.814,0-2.589.775-2.589,2.537V22.976h4.7V16.6h3.332l2.539,4.644c1.255,2.348,4.029,5.126,6.433,5.126,1.069,0,1.307-.56,1.307-.56l-5.578-9.727C53.645,15.188,54.975,13.11,54.975,9.55Zm-11.85-2c0-.374.161-.56.587-.56h4.431c1.709,0,2.348,1.174,2.348,2.7,0,1.869-.881,2.855-2.268,2.855h-5.1ZM32.047,18.628a9.763,9.763,0,0,1-2.91.4c-4.243,0-4.857-1.681-4.857-5.445V8.4c0-2.75-.961-4.4-3.069-5.578A2.4,2.4,0,0,0,20.117,2.5a1.284,1.284,0,0,0-.534.108V13.557c0,8.408,2.537,9.69,9.5,9.69a22.948,22.948,0,0,0,7.66-1.094V2.959h-4.7V18.628Zm-18.74.238c-3.816,0-7.394-2.481-7.394-6.7,0-4.243,3.578-6.566,7.394-6.566a11.166,11.166,0,0,1,4.539.853V1.837a17.4,17.4,0,0,0-4.885-.667C5.326,1.17.79,6.027.79,12.167c0,6.112,4.539,11.077,12.171,11.077a14.643,14.643,0,0,0,6.433-1.227l-1.656-3.977a12,12,0,0,1-4.431.825Zm74.952.08H80.306c-.427,0-.587-.161-.587-.56V14.97H85.59V10.94H79.719V7.576c0-.374.161-.56.587-.587h7.607c1.443,0,2.215-.8,2.215-2.614V2.959H77.556c-1.761,0-2.537.8-2.537,2.589V20.361c0,1.814.775,2.617,2.537,2.617H90.45V21.511c0-1.817-.748-2.564-2.19-2.564ZM71.2,12.568a5.388,5.388,0,0,0,1.656-4.137c0-3.149-1.789-5.472-6.353-5.472H59.112c-1.789,0-2.562.775-2.562,2.537V22.978H66.719c4.057,0,6.86-1.468,6.86-6.22a4.51,4.51,0,0,0-2.376-4.19ZM61.247,7.55c0-.374.188-.56.587-.56h4.644a1.651,1.651,0,0,1,1.789,1.842c0,.8-.08,2.108-1.789,2.108H61.247Zm5.018,11.4H61.247V14.809h5.259c1.656,0,2,1.014,2,2.082C68.508,18.066,68.187,18.946,66.265,18.946Zm56.907,0H113.43c-.213,0-.4-.161-.4-.56V8.75c0-2.75-.961-4.4-3.069-5.578a2.4,2.4,0,0,0-1.094-.321,1.3,1.3,0,0,0-.534.108v17.4c0,1.814.775,2.617,2.589,2.617h7.419c2.163,0,4.993-1.227,4.993-3.631a.542.542,0,0,0-.163-.4Zm-16.389,0H97.041c-.213,0-.4-.161-.4-.56V8.75c0-2.75-.961-4.4-3.068-5.578a2.4,2.4,0,0,0-1.094-.321,1.284,1.284,0,0,0-.534.108v17.4c0,1.814.773,2.617,2.589,2.617h7.419c2.163,0,4.993-1.227,4.993-3.631a.535.535,0,0,0-.161-.4Z" transform="translate(-0.79 -1.17)" fill="#fff"></path>
2746    <path id="Path_384" data-name="Path 384" d="M302.042,103.671c0-1.081-.5-2.394-2.592-2.394h-2.81v7.652h1.247v-2.843h1.563A2.271,2.271,0,0,0,302.042,103.671Zm-3.006-1.3c1.192,0,1.729.306,1.729,1.3s-.427,1.3-1.618,1.3H297.89v-2.6h1.147Zm5.1,5.445v-6.536h-1.179v7.652h5.159v-1.117Zm26.272-6.536h1.214v7.652H330.4Zm8.533,7.5a5.534,5.534,0,0,1-1.859.263,3.944,3.944,0,1,1,0-7.871,5.091,5.091,0,0,1,1.771.3V102.7a3.436,3.436,0,0,0-.7-.3,3.713,3.713,0,0,0-1.006-.12,2.827,2.827,0,1,0,0,5.64,3.868,3.868,0,0,0,1.794-.371Zm-27.15-7.5-2.941,7.652h1.3l.622-1.706h3.6L315,108.93h1.28l-2.941-7.652Zm.788,1.234,1.3,3.6h-2.69C312.291,103.222,312.532,102.623,312.575,102.512Zm16.514-1.234h-5.806v1.114h2.3v6.538h1.214v-6.538h2.3Zm-6.9.394a5.677,5.677,0,0,0-2.416-.5c-1.322,0-2.537.59-2.537,2.1,0,1.29,1.28,1.749,2.045,2.11.984.459,1.892.8,1.892,1.6s-.808,1-1.5,1a5.794,5.794,0,0,1-2.23-.58l-.427,1.016a6.438,6.438,0,0,0,2.843.635c1.2,0,2.537-.622,2.537-2.088,0-1.5-1.618-2.155-2.524-2.569-.687-.316-1.41-.557-1.41-1.234,0-.635.723-.9,1.312-.9a4.56,4.56,0,0,1,1.914.4l.5-.989Zm22.719,0a5.685,5.685,0,0,0-2.416-.5c-1.322,0-2.537.59-2.537,2.1,0,1.29,1.28,1.749,2.045,2.11.984.459,1.892.8,1.892,1.6s-.808,1-1.5,1a5.8,5.8,0,0,1-2.231-.58l-.427,1.016a6.453,6.453,0,0,0,2.843.635c1.2,0,2.537-.622,2.537-2.088,0-1.5-1.618-2.153-2.524-2.569-.687-.316-1.41-.557-1.41-1.234,0-.635.723-.9,1.312-.9a4.56,4.56,0,0,1,1.914.4Z" transform="translate(-222.411 -76.08)" fill="#fff"></path>
2747  </g>
2748</svg>
2749
2750                                                    </div>
2751                                    </div>
2752                                    </div>
2753
2754            </div>
2755    </div>
2756    
2757</section>
2758
2759
2760<section  class="cn--block cn--video relative bg-white   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
2761    
2762    <div class="relative z-10 w-full h-full">
2763        <div class="container">
2764                    <header>
2765                <h2 class="heading-4 text-center md-5 lg:mb-15 text-gray-300">Check out what we&#039;ve been up to</h2>
2766            </header>
2767            </div>
2768            <div class="box-content max-w-4xl px-8 mx-auto">
2769                            <div x-data="functionalCookiePrefs" class="h-full">
2770        <template x-if="cookiesAccepted">
2771            <div class="responsive-embed z-1">
2772                <iframe loading="lazy" title="Cypress North Video Reel" width="640" height="360" src="https://www.youtube-nocookie.com/embed/Yh3y6gZk2Bo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
2772 web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
2773            </div>
2774        </template>
2775        <template x-if="!cookiesAccepted">
2776            <div class="flex flex-col justify-center items-center text-center my-0 mx-auto bg-blue p-5 rounded-lg max-w-screen-sm min-h-96">
2777                <div style="margin-bottom:12px; font-weight:bold; color:white;">
2778                    Video Blocked. To view this content:
2779                </div>
2780                <button
2781                    class="btn group/btn btn--bordered btn--green text-white font-semibold text-nowrap" 
2782                    @click="attemptAllowFunctionalCookies()"
2783                >ENABLE FUNCTIONAL COOKIES</button>
2784            </div>
2785        </template>
2786    </div>
2787
2788                        </div>
2789    </div>
2790    
2791</section>
2792
2793
2794<section  class="cn--block cn--case-study-card-carousel relative bg-green   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
2795    
2796    <div class="relative z-10 w-full h-full">
2797        <div class="max-w-screen-xl mx-auto xl:px-8">
2798        <header class="relative mb-8 lg:mb-15 z-1">
2799            <h2 class="text-center text-blue-900 heading-2 font-sans">Check out some work</h2>    
2800    </header>
2801
2802        <div class="relative"
2803    x-cloak
2804    x-id="['carousel']"
2805    x-data="{
2806        swiper: null,
2807        init() {
2808            this.$nextTick(() => {
2809                this.swiper = new Swiper($refs.swiper, {
2810                    slidesPerView: 1.25,
2811                    spaceBetween: 16,
2812                    centeredSlides: true,
2813                    loop: true,
2814                    navigation: {
2815                        enabled: true,
2816                        prevEl: '#' + this.$refs.arrow_left?.id,
2817                        nextEl: '#' + this.$refs.arrow_right?.id,
2818                    },
2819                    breakpoints: {
2820                        640: {
2821                            slidesPerView: 2,
2822                        },
2823                        768: {
2824                            slidesPerView: 2.3,
2825                        },
2826                        1024: {
2827                            slidesPerView: 2.7,
2828                            spaceBetween: 24,
2829                        },
2830                        1280: {
2831                            slidesPerView: 3,
2832                            centeredSlides: false,
2833                            spaceBetween: 24,
2834                        },
2835                    },
2836                });
2837            })
2838        }
2839    }"
2840>
2841    <div
2842    class="flex gap-16 items-center justify-center mt-8 max-xl:block"
2843>
2844    <button type="button"
2845    x-ref="arrow_left"
2846    :id="`${$id('carousel')}-arrow-left`"
2847    class="transition-opacity [&amp;.swiper-button-disabled]:opacity-50 max-xl:hidden"
2848>
2849    <svg class="w-8 text-blue rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
2850  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
2851</svg></button>
2852
2853    <div x-ref="swiper" class="swiper" :id="$id('carousel')">
2854            <div class="relative pt-5 swiper-wrapper">
2855                                <div class="!h-auto swiper-slide">
2856                    <a href="https://cypressnorth.com/our-work/universal-analytics-data-extract/" class="block h-full transition-transform duration-300 ease-out bg-white px-7 pt-7 group pb-9 hover:-translate-y-5"
2857    x-data="{
2858        init() {
2859            if(!$refs.video) return;
2860
2861            $refs.video.muted = $refs.video.loop = $refs.video.playsInline = true;
2862
2863            $el.addEventListener('mouseover', this.play);
2864            $el.addEventListener('mouseleave', this.reset);
2865        },
2866        play() {
2867            $refs.video.play();
2868        },
2869        reset() {
2870            $refs.video.load();
2871        }
2872    }"
2873>
2874            <div class="relative">
2875    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
2876        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Data - Homepage 2" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
2876p-content/uploads/2024/02/Data-Homepage-2-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2-1200x675.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2024/02/Data-Homepage-2.jpg 1431w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2877
2878    </div>
2879
2880    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
2881        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
2882  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
2883</svg>    </div>
2884</div>    
2885    <div class="mt-4">
2886        <span class="block mb-1 text-base font-bold !leading-none tracking-widest text-gray-300 uppercase lg:text-lg">Universal Analytics Data Extract</span>
2887
2888        
2889                    <h3 class="mb-0 font-serif heading-3">Data Extraction</h3>
2890            </div>
2891</a>
2892                </div>
2893                                <div class="!h-auto swiper-slide">
2894                    <a href="https://cypressnorth.com/our-work/ask-for-whipped/" class="block h-full transition-transform duration-300 ease-out bg-white px-7 pt-7 group pb-9 hover:-translate-y-5"
2895    x-data="{
2896        init() {
2897            if(!$refs.video) return;
2898
2899            $refs.video.muted = $refs.video.loop = $refs.video.playsInline = true;
2900
2901            $el.addEventListener('mouseover', this.play);
2902            $el.addEventListener('mouseleave', this.reset);
2903        },
2904        play() {
2905            $refs.video.play();
2906        },
2907        reset() {
2908            $refs.video.load();
2909        }
2910    }"
2911>
2912            <div class="relative">
2913    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
2914        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-640x360.webp" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="AskForWhipped" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-640x360.webp 640w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-300x169.webp 300w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-1024x576.webp 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-768x432.webp 768w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-1536x864.webp 1536w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-480x270.webp 480w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-1200x675.webp 1200w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped-1440x810.webp 1440w, https://cypressnorth.com/wp-content/uploads/2024/02/AskForWhipped.webp 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2915
2916    </div>
2917
2918    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
2919        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
2920  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
2921</svg>    </div>
2922</div>    
2923    <div class="mt-4">
2924        <span class="block mb-1 text-base font-bold !leading-none tracking-widest text-gray-300 uppercase lg:text-lg">Ask For Whipped</span>
2925
2926        
2927                    <h3 class="mb-0 font-serif heading-3">Product Microsite</h3>
2928            </div>
2929</a>
2930                </div>
2931                                <div class="!h-auto swiper-slide">
2932                    <a href="https://cypressnorth.com/our-work/the-jacobs-institute/" class="block h-full transition-transform duration-300 ease-out bg-white px-7 pt-7 group pb-9 hover:-translate-y-5"
2933    x-data="{
2934        init() {
2935            if(!$refs.video) return;
2936
2937            $refs.video.muted = $refs.video.loop = $refs.video.playsInl
2937ine = true;
2938
2939            $el.addEventListener('mouseover', this.play);
2940            $el.addEventListener('mouseleave', this.reset);
2941        },
2942        play() {
2943            $refs.video.play();
2944        },
2945        reset() {
2946            $refs.video.load();
2947        }
2948    }"
2949>
2950            <div class="relative">
2951    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
2952        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-640x360.webp" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="TheJI_Webpages" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-640x360.webp 640w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-300x169.webp 300w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-1024x576.webp 1024w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-768x432.webp 768w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-1536x864.webp 1536w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-480x270.webp 480w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-1200x675.webp 1200w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages-1440x810.webp 1440w, https://cypressnorth.com/wp-content/uploads/2024/02/TheJI_Webpages.webp 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
2953
2954    </div>
2955
2956    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
2957        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
2958  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
2959</svg>    </div>
2960</div>    
2961    <div class="mt-4">
2962        <span class="block mb-1 text-base font-bold !leading-none tracking-widest text-gray-300 uppercase lg:text-lg">The Jacobs Institute</span>
2963
2964        
2965                    <h3 class="mb-0 font-serif heading-3">Not-for-profit Medical Website</h3>
2966            </div>
2967</a>
2968                </div>
2969                                <div class="!h-auto swiper-slide">
2970                    <a href="https://cypressnorth.com/our-work/tomric/" class="block h-full transition-transform duration-300 ease-out bg-white px-7 pt-7 group pb-9 hover:-translate-y-5"
2971    x-data="{
2972        init() {
2973            if(!$refs.video) return;
2974
2975            $refs.video.muted = $refs.video.loop = $refs.video.playsInline = true;
2976
2977            $el.addEventListener('mouseover', this.play);
2978            $el.addEventListener('mouseleave', this.reset);
2979        },
2980        play() {
2981            $refs.video.play();
2982        },
2983        reset() {
2984            $refs.video.load();
2985        }
2986    }"
2987>
2988            <div class="relative">
2989    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
2990        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Tomric_Feature" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-1200x675.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2023/11/Tomric_Feature.jpg 1920w" sizes="auto, (max-width: 640px) 100v
2990w, 640px" />
2991
2992    </div>
2993
2994    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
2995        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
2996  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
2997</svg>    </div>
2998</div>    
2999    <div class="mt-4">
3000        <span class="block mb-1 text-base font-bold !leading-none tracking-widest text-gray-300 uppercase lg:text-lg">Tomric</span>
3001
3002        
3003                    <h3 class="mb-0 font-serif heading-3">Confectionery Website & Branding</h3>
3004            </div>
3005</a>
3006                </div>
3007                                <div class="!h-auto swiper-slide">
3008                    <a href="https://cypressnorth.com/our-work/brewed-bottled/" class="block h-full transition-transform duration-300 ease-out bg-white px-7 pt-7 group pb-9 hover:-translate-y-5"
3009    x-data="{
3010        init() {
3011            if(!$refs.video) return;
3012
3013            $refs.video.muted = $refs.video.loop = $refs.video.playsInline = true;
3014
3015            $el.addEventListener('mouseover', this.play);
3016            $el.addEventListener('mouseleave', this.reset);
3017        },
3018        play() {
3019            $refs.video.play();
3020        },
3021        reset() {
3022            $refs.video.load();
3023        }
3024    }"
3025>
3026            <div class="relative">
3027    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3028        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-640x360.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="BB_Branding" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-1536x864.png 1536w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-1200x675.png 1200w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding-1440x810.png 1440w, https://cypressnorth.com/wp-content/uploads/2023/11/BB_Branding.png 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3029
3030    </div>
3031
3032    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3033        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3034  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3035</svg>    </div>
3036</div>    
3037    <div class="mt-4">
3038        <span class="block mb-1 text-base font-bold !leading-none tracking-widest text-gray-300 uppercase lg:text-lg">Brewed &#038; Bottled</span>
3039
3040        
3041                    <h3 class="mb-0 font-serif heading-3">Beer Shop Branding, Website & content</h3>
3042            </div>
3043</a>
3044                </div>
3045                            </div>
3046        </div>
3047        <div
3048    class="flex gap-16 items-center justify-center mt-8 xl:hidden"
3049>
3050    <button type="button"
3051    x-ref="arrow_left"
3052    :id="`${$id('carousel')}-arrow-left`"
3053    class="transition-opacity [&amp;.swiper-button-disabled]:opacity-50"
3054>
3055    <svg class="w-8 text-blue rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3056  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3057</svg></button>
3058
3059    
3060    <button type="button"
3061    x-ref="arrow_right"
3062    :id="`${$id('carousel')}-arrow-right`"
3063    class="transition-opacity [&amp;.swiper-button-disabled]:opacity-50"
3064>
3065    <svg class="w-8 text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3066  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3067</svg></button>
3068
3069</div>
3070    <button type="button"
3071    x-ref="arrow_right"
3072    :id="`${$id('carousel')}-arrow-right`"
3073    class="transition-opacity [&amp;.swiper-button-disabled]:opacity-50 max-xl:hidden"
3074>
3075    <svg class="w-8 text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3076  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3077</svg></button>
3078
3079</div>
3080</div>
3081
3082        <footer class="relative mt-10 lg:mt-20 z-1">
3083    <div class="container">
3084        <div class="flex flex-col items-center gap-8 md:flex-row md:justify-center">
3085                    
3086            <a
3087    class="btn group/btn btn--solid btn--blue-white left" href="https://cypressnorth.com/our-work/"
3088>
3089    All Work
3090
3091    </a>
3092            </div>
3093    </div>
3094</footer>    </div>
3095    </div>
3096    
3097</section>
3098
3099
3100<section  class="cn--block cn--testimonial-carousel pt-15 lg:pt-20 pb-15 lg:pb-20 relative bg-white z-1 transform-gpu ">
3101    <div class="absolute inset-0 top-[40%] bg-vertical-dash-pattern z-0"></div>
3102
3103    <div class="container">
3104        <header class="relative mb-8 lg:mb-15 z-1">
3105            <h2 class="text-center text-blue-900 heading-2 font-sans">What They’re Saying</h2>    
3106    </header>
3107    </div>
3108
3109    <div
3110    x-cloak
3111    x-id="['carousel']"
3112    x-data="{
3113        swiper: null,
3114        marginLeft: 0,
3115        init() {
3116            this.$nextTick(() => { // wait until ref ids are ready
3117                this.swiper = new Swiper($refs.swiper, {
3118                    slidesPerView: 1.25,
3119                    spaceBetween: 16,
3120                    centeredSlides: true,
3121                    navigation: {
3122                        enabled: true,
3123                        prevEl: '#' + this.$refs.arrow_left?.id,
3124                        nextEl: '#' + this.$refs.arrow_right?.id,
3125                    },
3126                    breakpoints: {
3127                        1280: {
3128                            spaceBetween: 24,
3129                            slidesPerView: 'auto',
3130                            centeredSlides: false,
3131                            slidesOffsetBefore: (window.innerWidth - 1024)/2,
3132                        },
3133                    },
3134                });
3135                this.swiper.init()
3136            })
3137        },
3138    }"
3139>
3140    <div x-ref="swiper" class="swiper swiper-container-free-mode" :id="$id('carousel')">
3141        <div class="swiper-wrapper">
3142        
3143                    <div class="max-w-screen-lg swiper-slide">
3144                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3145            <img decoding="async" width="400" height="400" src="https://cypressnorth.com/w
3145p-content/uploads/2024/10/RTP_Icon-copy.jpg" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="RTP_Icon copy" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/10/RTP_Icon-copy.jpg 400w, https://cypressnorth.com/wp-content/uploads/2024/10/RTP_Icon-copy-300x300.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/10/RTP_Icon-copy-150x150.jpg 150w" sizes="auto, (max-width: 400px) 100vw, 400px" />
3146
3147    
3148    <div class="mb-8 font-bold text-center lg:text-xl">
3149        “We engaged Cypress North to build our first Website. Having not gone through this process before, the team was patient and thorough, helping us understand our options and ultimately guiding us through the entire process. Our website is a critical piece of our GTM strategy, and they have built a solid foundation for us that we can build upon in the future. Outside of the website, they carefully listened to us and were able to successfully rebrand our business giving it a modern and professional look. Our PM, copywriters, and developer were fantastic to work with. If you are looking for a team that CARES about the success of your project and business, I strongly recommend you contact CN for your next project. ”
3150    </div>
3151
3152    <div class="text-center">
3153        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Jerry DiBartolo &amp; Adam Hendricks</p>
3154
3155                <p class="italic font-medium">Co-Founders, Partners, Requisite Talent Partners</p>
3156            </div>
3157</div>
3158            </div>
3159                    <div class="max-w-screen-lg swiper-slide">
3160                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3161            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/Werfen-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Werfen" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Werfen-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Werfen-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Werfen-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Werfen.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3162
3163    
3164    <div class="mb-8 font-bold text-center lg:text-xl">
3165        “For the build of our website and our virtual platform tool, the Cypress North team took the time to learn our products, corporate structure and culture to build digital solutions that met our business needs and is attractive and easy to use for our customers. After the build, Cypress North was diligent to perform needed maintenance and astonishingly quick to respond to edit requests.”
3166    </div>
3167
3168    <div class="text-center">
3169        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Christie Otis</p>
3170
3171                <p class="italic font-medium">VP Worldwide Marketing &amp; Service, Transfusion &amp; Transplant, Werfen</p>
3172            </div>
3173</div>
3174            </div>
3175                    <div class="max-w-screen-lg swiper-slide">
3176                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3177            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/Erin-M-Moss-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Erin M Moss" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Erin-M-Moss-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Erin-M-Moss-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Erin-M-Moss-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Erin-M-Moss.png 500w" sizes="auto, (max-width: 480px) 100v
3177w, 480px" />
3178
3179    
3180    <div class="mb-8 font-bold text-center lg:text-xl">
3181        “I am so happy to be a client of Cypress North. From day one, they have made me feel supported in the work that I do. To have a whole team of people who care about making sure they understand who you are and what you are trying to achieve is amazing. The energy they give is genuine. I have felt both supported and seen by this team. Thank you Cypress North for everything you have done for me! ”
3182    </div>
3183
3184    <div class="text-center">
3185        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Erin M. Moss</p>
3186
3187                <p class="italic font-medium">Mental Health Therapist, Erin M. Moss Mental Health Counseling Private Practice</p>
3188            </div>
3189</div>
3190            </div>
3191                    <div class="max-w-screen-lg swiper-slide">
3192                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3193            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/Pintler-Group-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Pintler Group" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Pintler-Group-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Pintler-Group-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Pintler-Group-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Pintler-Group.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3194
3195    
3196    <div class="mb-8 font-bold text-center lg:text-xl">
3197        “The Cypress North development shop is incredible to work with. We vetted dozens of firms, off-shore dev-shops, and considered bringing in-house. A couple conversations with the Cypress North Team and it was clear they operate on a different level. Their skilled engineers helped create a minimum viable product we could immediately take to market. As our customer base grows and requests new features, Cypress North is quick to react, build, and ship. If you're growing a software company and need a team to grow right there with you: Cypress North is it.”
3198    </div>
3199
3200    <div class="text-center">
3201        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Kyle Pucko</p>
3202
3203                <p class="italic font-medium">Founder, Pintler Group</p>
3204            </div>
3205</div>
3206            </div>
3207                    <div class="max-w-screen-lg swiper-slide">
3208                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3209            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/expert-institute-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="expert institute" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/expert-institute-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/expert-institute-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/expert-institute-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/expert-institute.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3210
3211    
3212    <div class="mb-8 font-bold text-center lg:text-xl">
3213        “Working with Cypress North over the last four years has been nothing short of a game-changer for our business. They've taken our Paid Search efforts from 'just okay' to absolutely amazing. It's like they waved a magic wand and restructured our entire approach on Google Adwords and Microsoft Ads, and the results speak for themselves. We're seeing more Sales Qualified Leads (SQLs) than ever, and our Cost Per Acquisition (CPA) has improved significantly. What stands out the most, though, is the Cypress North team's genuine care for our success. They've been more than just a service provider; they've been our partners, our marketing maestros, and I can't recommend them highly enough. If you're looking to give your Paid Search a serious boost, these are the folks to turn to.”
3214    </div>
3215
3216    <div class="text-center">
3217        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Michael Morgenstern</p>
3218
3219                <p class="italic font-medium">
3219Senior Vice President, Marketing, Expert Institute</p>
3220            </div>
3221</div>
3222            </div>
3223                    <div class="max-w-screen-lg swiper-slide">
3224                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3225            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/Curbell-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Curbell" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Curbell-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Curbell-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Curbell-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Curbell.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3226
3227    
3228    <div class="mb-8 font-bold text-center lg:text-xl">
3229        “We partnered with Cypress North to redesign our website, and it has been a pleasure to continue our partnership with them since launching the new site. <br />
3230Their talented design and development teams are not only innovative but also incredibly easy to work with. They understand our needs intuitively and translate them into solutions with remarkable efficiency.<br />
3231What truly sets Cypress North apart is their responsiveness. Whenever we encounter an issue or seek to make improvements, they are quick to respond and proactive.<br />
3232Overall, our experience with Cypress North has been nothing short of exceptional. We highly recommend them to anyone seeking a partner who not only delivers top-notch design and development but also prioritizes collaboration and client satisfaction.”
3233    </div>
3234
3235    <div class="text-center">
3236        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Sherrie Bloom</p>
3237
3238                <p class="italic font-medium">Director of Marketing, Curbell</p>
3239            </div>
3240</div>
3241            </div>
3242                    <div class="max-w-screen-lg swiper-slide">
3243                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3244            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/MLT-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="MLT" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/MLT-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/MLT-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/MLT-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/MLT.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3245
3246    
3247    <div class="mb-8 font-bold text-center lg:text-xl">
3248        “Working with Cypress North has been great to say the least. They really understand our brand and have a seamless ability to incorporate exactly what being a Mark's customer is like into our ads. Working with the team has been wonderful and I look forward to our meeting every week to hear the next new idea that they have for us to try. They never stop trying to make us better.”
3249    </div>
3250
3251    <div class="text-center">
3252        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Zach Meyer</p>
3253
3254                <p class="italic font-medium">Marine Operations Manager, Mark&#039;s Leisure Time Marine</p>
3255            </div>
3256</div>
3257            </div>
3258                    <div class="max-w-screen-lg swiper-slide">
3259                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3260            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/CW-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="CW" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
3260p-content/uploads/2024/02/CW-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/CW-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/CW-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/CW.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3261
3262    
3263    <div class="mb-8 font-bold text-center lg:text-xl">
3264        “I stumbled across Cypress North through the Marketing O’Clock podcast - an entertaining and tremendous resource of industry knowledge. After being a devoted listener for a year or so, I approached Greg and his team about becoming a client and half-expected a polite decline. After all, Centennial Woods is a niche business tucked away in the Wyoming mountains and I was the only full-time employee in the marketing department.<br />
3265<br />
3266Thankfully, Cypress North took us on as a client and embraced our story, our challenges, and our vision. Since partnering, our online presence has skyrocketed. Our website traffic, social media engagement, and online sales have all seen exponential growth due to the Cypress North team’s ability to listen, collaborate, and adapt to our ever-changing needs. With their help and guidance, I am no longer bogged down by daily marketing duties and I can now explore new avenues for business expansion.”
3267    </div>
3268
3269    <div class="text-center">
3270        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Joe DeBaisio</p>
3271
3272                <p class="italic font-medium">Marketing Manager, Centennial Woods</p>
3273            </div>
3274</div>
3275            </div>
3276                    <div class="max-w-screen-lg swiper-slide">
3277                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3278            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/Statco-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Statco" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Statco-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Statco-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Statco-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Statco.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3279
3280    
3281    <div class="mb-8 font-bold text-center lg:text-xl">
3282        “We've been working with Cypress North going on 5 years now, and the experience has been nothing short of exceptional. They've played a crucial role in enhancing our online presence, running targeted ads, monitoring those channels, and providing insightful reporting that has been instrumental in making informed decisions on different divisions and products/services offerings.”
3283    </div>
3284
3285    <div class="text-center">
3286        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Randy Smith</p>
3287
3288                <p class="italic font-medium">Director of Marketing, Statco-DSI</p>
3289            </div>
3290</div>
3291            </div>
3292                    <div class="max-w-screen-lg swiper-slide">
3293                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3294            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/02/Aleron-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Aleron" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Aleron-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Aleron-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Aleron-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Aleron.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3295
3296    
3297    <div class="mb-8 font-bold text-center lg:text-xl">
3298        “For more than two decades, across three organizations, my teams’ marketing efforts have been enriched by a longstanding partnership with Cypress North. They have been a strategic ally and an integral extension of our marketing team here at Aleron for over six years now. Their proactive approach, swift responsiveness, and innovative solutions have left a mark on our brand growth, including web development, optimization, content, and lead generation. Time and again, we've witnessed their expertise actively contributing to our success. They are exceptional when it comes to promptly addressing any inquiries—a quality that truly sets them apart.”
3299    </div>
3300
3301    <div class="text-center">
3302        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Emily Paul</p>
3303
3304                <p class="italic font-medium">Chief Marketing Officer, Aleron</p>
3305            </div>
3306</div>
3307            </div>
3308                    <div class="max-w-screen-lg swiper-slide">
3309                <div class="w-full h-full max-w-screen-lg pt-12 pb-6 bg-white border-2 lg:pb-10 border-gray lg:pt-15 px-7 lg:px-15">
3310            <img decoding="async" width="480" height="480" src="https://cypressnorth.com/w
3310p-content/uploads/2024/02/Sealing-Devices-480x480.png" class="border-green border-2 object-cover object-center aspect-square w-[90px] mx-auto rounded-full mb-10 lg:mb-12 overflow-hidden" alt="Sealing Devices" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/Sealing-Devices-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/02/Sealing-Devices-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/02/Sealing-Devices-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/02/Sealing-Devices.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
3311
3312    
3313    <div class="mb-8 font-bold text-center lg:text-xl">
3314        “It’s a hard job to impress the people who are living what our company does and stands for every day, but the marketing brief presentation that the team put together took all our thoughts and really brought them together in such an efficient/effective manner. It definitely gave us great confidence to continue working together. Phew!  What a relief to FINALLY feel like we are working with a team that truly gets us.”
3315    </div>
3316
3317    <div class="text-center">
3318        <p class="mb-0 font-bold lg:mb-2 lg:text-xl">Jennifer Georger</p>
3319
3320                <p class="italic font-medium">Marketing Manager, Sealing Devices Inc.</p>
3321            </div>
3322</div>
3323            </div>
3324                </div>
3325        <div
3326    class="flex gap-16 items-center justify-center mt-8"
3327>
3328    <button type="button"
3329    x-ref="arrow_left"
3330    :id="`${$id('carousel')}-arrow-left`"
3331    class="transition-opacity [&amp;.swiper-button-disabled]:opacity-50"
3332>
3333    <svg class="w-8 text-blue rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3334  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3335</svg></button>
3336
3337    
3338    <button type="button"
3339    x-ref="arrow_right"
3340    :id="`${$id('carousel')}-arrow-right`"
3341    class="transition-opacity [&amp;.swiper-button-disabled]:opacity-50"
3342>
3343    <svg class="w-8 text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3344  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3345</svg></button>
3346
3347</div>
3348    </div>
3349</div>
3350
3351    <div class="container">
3352            </div>
3353</section>
3354
3355<section  class="cn--block cn--team-member-card-carousel relative bg-blue-900   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
3356    
3357    <div class="relative z-10 w-full h-full">
3358        <div class="container">
3359        <header class="relative mb-8 lg:mb-15 z-1">
3360            <h2 class="text-center text-white heading-2 font-sans">Meet our people</h2>    
3361    </header>
3362    </div>
3363
3364    <div class="-mt-6">
3365                        <div
3366    x-cloak
3367    x-id="['carousel']"
3368    x-data="{
3369        swiper: null,
3370        init() {
3371            this.swiper = new Swiper($refs.swiper, {
3372                slidesPerView: 1.25,
3373                spaceBetween: 16,
3374                slidesOffsetBefore: 32,
3375                breakpoints: {
3376                    768: {
3377                        slidesPerView: 2.25,
3378                        spaceBetween: 16,
3379                        slidesOffsetBefore: 32,
3380                    },
3381                    1024: {
3382                        slidesPerView: 2.75,
3383                        spaceBetween: 24,
3384                    },
3385                    1024: {
3386                        slidesPerView: 3.25,
3387                    },
3388                    1280: {
3389                        slidesPerView: 3.75,
3390                        slidesOffsetBefore: (window.innerWidth - 1280)/2 > 32 ? (window.innerWidth - 1280)/2 : 32,
3391                    },
3392                    1536: {
3393                        slidesPerView: 4.5,
3394                        slidesOffsetBefore: (window.innerWidth - 1280)/2,
3395                    },
3396                    1900: {
3397                        slidesPerView: 6.5,
3398                        slidesOffsetBefore: (window.innerWidth - 1280)/2,
3399                    },
3400                },
3401            });
3402        },
3403    }"
3404>
3405    <div x-ref="swiper" class="swiper swiper-container-free-mode" :id="$id('carousel')">
3406        <div class="py-6 swiper-wrapper">
3407            
3408                        <div class="!h-auto swiper-slide">
3409                <a href="https://cypressnorth.com/about/team/greg-finn/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3410    
3411
3412            <div class="relative">
3413    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3414        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/w
3414p-content/uploads/2023/11/CN_GregFinn_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_GregFinn_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3415
3416    </div>
3417
3418    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3419        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3420  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3421</svg>    </div>
3422</div>    
3423    <h3 class="mt-4 mb-0 font-serif heading-3">Greg <br>Finn</h3>
3424
3425    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Head of Performance &amp; Innovation / Partner</span>
3426</a>            </div>
3427                        <div class="!h-auto swiper-slide">
3428                <a href="https://cypressnorth.com/about/team/matthew-mombrea/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3429    
3430
3431            <div class="relative">
3432    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3433        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-58-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 58" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-58-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-58-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-58-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-58-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-58.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3434
3435    </div>
3436
3437    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3438        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3439  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3440</svg>    </div>
3441</div>    
3442    <h3 class="mt-4 mb-0 font-serif heading-3">Matthew <br>Mombrea</h3>
3443
3444    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">CTO / Partner</span>
3445</a>            </div>
3446                        <div class="!h-auto swiper-slide">
3447                <a href="https://cypressnorth.com/about/team/amy-kohler/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3448    
3449
3450            <div class="relative">
3451    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3452        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2025/05/CN_AmyKohler_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_AmyKohler_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2025/05/CN_AmyKohler_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_AmyKohler_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/w
3452p-content/uploads/2025/05/CN_AmyKohler_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_AmyKohler_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_AmyKohler_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3453
3454    </div>
3455
3456    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3457        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3458  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3459</svg>    </div>
3460</div>    
3461    <h3 class="mt-4 mb-0 font-serif heading-3">Amy <br>Kohler</h3>
3462
3463    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Office Operations Manager</span>
3464</a>            </div>
3465                        <div class="!h-auto swiper-slide">
3466                <a href="https://cypressnorth.com/about/team/jess-budde/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3467    
3468
3469            <div class="relative">
3470    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3471        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9836" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9836-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3472
3473    </div>
3474
3475    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3476        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3477  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3478</svg>    </div>
3479</div>    
3480    <h3 class="mt-4 mb-0 font-serif heading-3">Jess <br>Budde</h3>
3481
3482    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Director of Marketing Operations &amp; Client Services</span>
3483</a>            </div>
3484                        <div class="!h-auto swiper-slide">
3485                <a href="https://cypressnorth.com/about/team/catherine-woodcock/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3486    
3487
3488            <div class="relative">
3489    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3490        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-10-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 10" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-10-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-10-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-10-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-10-480x270.jpg 480w, https://cypressnorth.com/w
3490p-content/uploads/2024/02/People-10.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3491
3492    </div>
3493
3494    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3495        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3496  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3497</svg>    </div>
3498</div>    
3499    <h3 class="mt-4 mb-0 font-serif heading-3">Catherine <br>Woodcock</h3>
3500
3501    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Account Executive</span>
3502</a>            </div>
3503                        <div class="!h-auto swiper-slide">
3504                <a href="https://cypressnorth.com/about/team/maggie-humphrey/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3505    
3506
3507            <div class="relative">
3508    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3509        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_MaggieHumphrey_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3510
3511    </div>
3512
3513    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3514        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3515  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3516</svg>    </div>
3517</div>    
3518    <h3 class="mt-4 mb-0 font-serif heading-3">Maggie <br>Humphrey</h3>
3519
3520    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Director of Ecommerce</span>
3521</a>            </div>
3522                        <div class="!h-auto swiper-slide">
3523                <a href="https://cypressnorth.com/about/team/kathleen-hagelberger/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3524    
3525
3526            <div class="relative">
3527    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3528        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-28-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 28" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-28-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-28-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-28-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-28-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-28.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3529
3530    </div>
3531
3532    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3533        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3534  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3535</svg>    </div>
3536</div>    
3537    <h3 class="mt-4 mb-0 font-serif heading-3">Kathleen <br>Hagelberger</h3>
3538
3539    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Director of Organic</span>
3540</a>            </div>
3541                        <div class="!h-auto swiper-slide">
3542                <a href="https://cypressnorth.com/about/team/elizabeth-sarro/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3543    
3544
3545            <div class="relative">
3546    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3547        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/w
3547p-content/uploads/2024/02/People-25-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 25" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-25-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3548
3549    </div>
3550
3551    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3552        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3553  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3554</svg>    </div>
3555</div>    
3556    <h3 class="mt-4 mb-0 font-serif heading-3">Elizabeth <br>Sarro</h3>
3557
3558    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Digital Marketing Manager</span>
3559</a>            </div>
3560                        <div class="!h-auto swiper-slide">
3561                <a href="https://cypressnorth.com/about/team/brian-rizzo/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3562    
3563
3564            <div class="relative">
3565    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3566        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-11-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 11" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-11-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-11-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-11-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-11-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-11.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3567
3568    </div>
3569
3570    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3571        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3572  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3573</svg>    </div>
3574</div>    
3575    <h3 class="mt-4 mb-0 font-serif heading-3">Brian <br>Rizzo</h3>
3576
3577    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Software Engineering Manager</span>
3578</a>            </div>
3579                        <div class="!h-auto swiper-slide">
3580                <a href="https://cypressnorth.com/about/team/nicole-visano/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3581    
3582
3583            <div class="relative">
3584    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3585        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9871" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-768x512.jpg 768w, https://cypressnorth.com/w
3585p-content/uploads/2026/02/6R9A9871-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9871-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3586
3587    </div>
3588
3589    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3590        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3591  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3592</svg>    </div>
3593</div>    
3594    <h3 class="mt-4 mb-0 font-serif heading-3">Nicole <br>Visano</h3>
3595
3596    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Account Manager</span>
3597</a>            </div>
3598                        <div class="!h-auto swiper-slide">
3599                <a href="https://cypressnorth.com/about/team/christine-zirnheld/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3600    
3601
3602            <div class="relative">
3603    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3604        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-73-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 73" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-73-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3605
3606    </div>
3607
3608    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3609        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3610  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3611</svg>    </div>
3612</div>    
3613    <h3 class="mt-4 mb-0 font-serif heading-3">Christine <br>Zirnheld</h3>
3614
3615    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Director of Lead Gen</span>
3616</a>            </div>
3617                        <div class="!h-auto swiper-slide">
3618                <a href="https://cypressnorth.com/about/team/heather-monahan/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3619    
3620
3621            <div class="relative">
3622    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3623        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A5960" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960-1200x800.jpg 1200w, https://cypressnorth.com/w
3623p-content/uploads/2024/03/6R9A5960-1440x960.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5960.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3624
3625    </div>
3626
3627    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3628        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3629  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3630</svg>    </div>
3631</div>    
3632    <h3 class="mt-4 mb-0 font-serif heading-3">Heather <br>Monahan</h3>
3633
3634    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Content Manager</span>
3635</a>            </div>
3636                        <div class="!h-auto swiper-slide">
3637                <a href="https://cypressnorth.com/about/team/julia-meteer/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3638    
3639
3640            <div class="relative">
3641    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3642        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_JuliaMeteer_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_JuliaMeteer_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_JuliaMeteer_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JuliaMeteer_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JuliaMeteer_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JuliaMeteer_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JuliaMeteer_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3643
3644    </div>
3645
3646    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3647        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3648  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3649</svg>    </div>
3650</div>    
3651    <h3 class="mt-4 mb-0 font-serif heading-3">Julia <br>Meteer</h3>
3652
3653    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Digital Marketing Manager</span>
3654</a>            </div>
3655                        <div class="!h-auto swiper-slide">
3656                <a href="https://cypressnorth.com/about/team/jonathan-nalewajek/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3657    
3658
3659            <div class="relative">
3660    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3661        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-5-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 5" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-5-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-5-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-5-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-5-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-5.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3662
3663    </div>
3664
3665    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3666        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3667  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3668</svg>    </div>
3669</div>    
3670    <h3 class="mt-4 mb-0 font-serif heading-3">Jonathan <br>Nalewajek</h3>
3671
3672    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">
3672Senior Software Engineer</span>
3673</a>            </div>
3674                        <div class="!h-auto swiper-slide">
3675                <a href="https://cypressnorth.com/about/team/harrison-worden/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3676    
3677
3678            <div class="relative">
3679    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3680        <img decoding="async" width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-640x480.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Harrison feat_" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/08/Harrison-feat_.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3681
3682    </div>
3683
3684    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3685        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3686  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3687</svg>    </div>
3688</div>    
3689    <h3 class="mt-4 mb-0 font-serif heading-3">Harrison <br>Worden</h3>
3690
3691    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Digital Marketing Strategist</span>
3692</a>            </div>
3693                        <div class="!h-auto swiper-slide">
3694                <a href="https://cypressnorth.com/about/team/callie-kessler/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3695    
3696
3697            <div class="relative">
3698    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3699        <img decoding="async" width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-640x480.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Lexi_keebs_skyler 1" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3700
3701    </div>
3702
3703    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3704        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3705  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3706</svg>    </div>
3707</div>    
3708    <h3 class="mt-4 mb-0 font-serif heading-3">Callie <br>Kessler</h3>
3709
3710    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Digital Marketing Strategist</span>
3711</a>            </div>
3712                        <div class="!h-auto swiper-slide">
3713                <a href="https://cypressnorth.com/about/team/adam-gold/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3714    
3715
3716            <div class="relative">
3717    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3718        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/w
3718p-content/uploads/2023/11/agold-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="agold" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/agold-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/11/agold-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/11/agold-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/11/agold.jpg 652w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3719
3720    </div>
3721
3722    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3723        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3724  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3725</svg>    </div>
3726</div>    
3727    <h3 class="mt-4 mb-0 font-serif heading-3">Adam <br>Gold</h3>
3728
3729    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Software Engineer</span>
3730</a>            </div>
3731                        <div class="!h-auto swiper-slide">
3732                <a href="https://cypressnorth.com/about/team/tyler-dakin/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3733    
3734
3735            <div class="relative">
3736    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3737        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-13-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 13" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-13-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-13-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-13-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-13-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-13.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3738
3739    </div>
3740
3741    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3742        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3743  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3744</svg>    </div>
3745</div>    
3746    <h3 class="mt-4 mb-0 font-serif heading-3">Tyler <br>Dakin</h3>
3747
3748    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Software Developer</span>
3749</a>            </div>
3750                        <div class="!h-auto swiper-slide">
3751                <a href="https://cypressnorth.com/about/team/angelina-guiliano/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3752    
3753
3754            <div class="relative">
3755    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3756        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2025/09/CN_AngelinaGuiliano_thumbnail_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_AngelinaGuiliano_thumbnail_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2025/09/CN_AngelinaGuiliano_thumbnail_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AngelinaGuiliano_thumbnail_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AngelinaGuiliano_thumbnail_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AngelinaGuiliano_thumbnail_900x450-480x240.jpg 480w, https://cypressnorth.com/w
3756p-content/uploads/2025/09/CN_AngelinaGuiliano_thumbnail_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3757
3758    </div>
3759
3760    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3761        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3762  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3763</svg>    </div>
3764</div>    
3765    <h3 class="mt-4 mb-0 font-serif heading-3">Angelina <br>Guiliano</h3>
3766
3767    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Account Manager</span>
3768</a>            </div>
3769                        <div class="!h-auto swiper-slide">
3770                <a href="https://cypressnorth.com/about/team/jack-novorr/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3771    
3772
3773            <div class="relative">
3774    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3775        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-41-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 41" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-41-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-41-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-41-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-41-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-41.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3776
3777    </div>
3778
3779    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3780        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3781  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3782</svg>    </div>
3783</div>    
3784    <h3 class="mt-4 mb-0 font-serif heading-3">Jack <br>Novorr</h3>
3785
3786    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Head of Data</span>
3787</a>            </div>
3788                        <div class="!h-auto swiper-slide">
3789                <a href="https://cypressnorth.com/about/team/jordan-siefer/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3790    
3791
3792            <div class="relative">
3793    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3794        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-50-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 50" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-50-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-50-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-50-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-50-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-50.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3795
3796    </div>
3797
3798    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3799        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3800  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3801</svg>    </div>
3802</div>    
3803    <h3 class="mt-4 mb-0 font-serif heading-3">Jordan <br>Siefer</h3>
3804
3805    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Creative Director</span>
3806</a>            </div>
3807                        <div class="!h-auto swiper-slide">
3808                <a href="https://cypressnorth.com/about/team/bridget-hogan/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3809    
3810
3811            <div class="relative">
3812    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3813        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/w
3813p-content/uploads/2025/02/6R9A9454-2-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9454-2" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-2048x1366.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-1280x854.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2025/02/6R9A9454-2-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3814
3815    </div>
3816
3817    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3818        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3819  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3820</svg>    </div>
3821</div>    
3822    <h3 class="mt-4 mb-0 font-serif heading-3">Bridget <br>Hogan</h3>
3823
3824    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Strategist</span>
3825</a>            </div>
3826                        <div class="!h-auto swiper-slide">
3827                <a href="https://cypressnorth.com/about/team/dana-guenther/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3828    
3829
3830            <div class="relative">
3831    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3832        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9974" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9974-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3833
3834    </div>
3835
3836    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3837        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3838  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3839</svg>    </div>
3840</div>    
3841    <h3 class="mt-4 mb-0 font-serif heading-3">Dana <br>Guenther</h3>
3842
3843    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Strategist</span>
3844</a>            </div>
3845                        <div class="!h-auto swiper-slide">
3846                <a href="https://cypressnorth.com/about/team/brooke-hastings/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3847    
3848
3849            <div class="relative">
3850    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3851        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/w
3851p-content/uploads/2026/03/CN_BrookeHastings_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_BrookeHastings_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/03/CN_BrookeHastings_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/03/CN_BrookeHastings_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/03/CN_BrookeHastings_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/03/CN_BrookeHastings_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/03/CN_BrookeHastings_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3852
3853    </div>
3854
3855    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3856        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3857  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3858</svg>    </div>
3859</div>    
3860    <h3 class="mt-4 mb-0 font-serif heading-3">Brooke <br>Hastings</h3>
3861
3862    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">CRM Strategist</span>
3863</a>            </div>
3864                        <div class="!h-auto swiper-slide">
3865                <a href="https://cypressnorth.com/about/team/alana-leveritte/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3866    
3867
3868            <div class="relative">
3869    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3870        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-31-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 31" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-31-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-31-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-31-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-31-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-31.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3871
3872    </div>
3873
3874    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3875        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3876  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3877</svg>    </div>
3878</div>    
3879    <h3 class="mt-4 mb-0 font-serif heading-3">Alana <br>Leveritte</h3>
3880
3881    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Associate</span>
3882</a>            </div>
3883                        <div class="!h-auto swiper-slide">
3884                <a href="https://cypressnorth.com/about/team/lexi-braniecki/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3885    
3886
3887            <div class="relative">
3888    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3889        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_LexiBraniecki_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/w
3889p-content/uploads/2024/09/CN_LexiBraniecki_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3890
3891    </div>
3892
3893    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3894        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3895  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3896</svg>    </div>
3897</div>    
3898    <h3 class="mt-4 mb-0 font-serif heading-3">Lexi <br>Braniecki</h3>
3899
3900    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Associate</span>
3901</a>            </div>
3902                        <div class="!h-auto swiper-slide">
3903                <a href="https://cypressnorth.com/about/team/gracie-miller/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3904    
3905
3906            <div class="relative">
3907    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3908        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9628" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3909
3910    </div>
3911
3912    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3913        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3914  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3915</svg>    </div>
3916</div>    
3917    <h3 class="mt-4 mb-0 font-serif heading-3">Gracie <br>Miller</h3>
3918
3919    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Associate</span>
3920</a>            </div>
3921                        <div class="!h-auto swiper-slide">
3922                <a href="https://cypressnorth.com/about/team/aaron-mckinley/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3923    
3924
3925            <div class="relative">
3926    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3927        <img decoding="async" width="640" height="400" src="https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-640x400.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_Aaron_Lifestyle_2000x1250" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-640x400.png 640w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-300x188.png 300w, https://cypressnorth.com/w
3927p-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-1024x640.png 1024w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-768x480.png 768w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-1536x960.png 1536w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-480x300.png 480w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-1280x800.png 1280w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250-1440x900.png 1440w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Aaron_Lifestyle_2000x1250.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3928
3929    </div>
3930
3931    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3932        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3933  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3934</svg>    </div>
3935</div>    
3936    <h3 class="mt-4 mb-0 font-serif heading-3">Aaron <br>McKinley</h3>
3937
3938    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Content Writer</span>
3939</a>            </div>
3940                        <div class="!h-auto swiper-slide">
3941                <a href="https://cypressnorth.com/about/team/sarah-payne/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3942    
3943
3944            <div class="relative">
3945    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3946        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2026/02/CN_SarahPayne_Thumbn
3946ail_900x450_2-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_SarahPayne_Thumbnail_900x450_2" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/CN_SarahPayne_Thumbnail_900x450_2-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/CN_SarahPayne_Thumbnail_900x450_2-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/CN_SarahPayne_Thumbnail_900x450_2-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/CN_SarahPayne_Thumbnail_900x450_2-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/CN_SarahPayne_Thumbnail_900x450_2.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3947
3948    </div>
3949
3950    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3951        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3952  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3953</svg>    </div>
3954</div>    
3955    <h3 class="mt-4 mb-0 font-serif heading-3">Sarah <br>Payne</h3>
3956
3957    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Junior Content Writer</span>
3958</a>            </div>
3959                        <div class="!h-auto swiper-slide">
3960                <a href="https://cypressnorth.com/about/team/macy-weber/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3961    
3962
3963            <div class="relative">
3964    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3965        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9768" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9768-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3966
3967    </div>
3968
3969    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3970        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3971  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3972</svg>    </div>
3973</div>    
3974    <h3 class="mt-4 mb-0 font-serif heading-3">Macy <br>Weber</h3>
3975
3976    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Associate</span>
3977</a>            </div>
3978                        <div class="!h-auto swiper-slide">
3979                <a href="https://cypressnorth.com/about/team/nathan-mcavoy/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3980    
3981
3982            <div class="relative">
3983    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
3984        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9803" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
3984p-content/uploads/2026/02/6R9A9803-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
3985
3986    </div>
3987
3988    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
3989        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
3990  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
3991</svg>    </div>
3992</div>    
3993    <h3 class="mt-4 mb-0 font-serif heading-3">Nathan <br>McAvoy</h3>
3994
3995    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Coordinator</span>
3996</a>            </div>
3997                        <div class="!h-auto swiper-slide">
3998                <a href="https://cypressnorth.com/about/team/olivia-degaetano/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
3999    
4000
4001            <div class="relative">
4002    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4003        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2026/05/CN_OliviaDegaetano_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_OliviaDegaetano_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/05/CN_OliviaDegaetano_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/05/CN_OliviaDegaetano_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/05/CN_OliviaDegaetano_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/05/CN_OliviaDegaetano_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/05/CN_OliviaDegaetano_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4004
4005    </div>
4006
4007    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4008        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4009  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4010</svg>    </div>
4011</div>    
4012    <h3 class="mt-4 mb-0 font-serif heading-3">Olivia <br>Degaetano</h3>
4013
4014    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Coordinator</span>
4015</a>            </div>
4016                        <div class="!h-auto swiper-slide">
4017                <a href="https://cypressnorth.com/about/team/julie-hong/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4018    
4019
4020            <div class="relative">
4021    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4022        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_JulieHong_Office_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_JulieHong_Office_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4022p-content/uploads/2023/11/CN_JulieHong_Office_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JulieHong_Office_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JulieHong_Office_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JulieHong_Office_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_JulieHong_Office_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4023
4024    </div>
4025
4026    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4027        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4028  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4029</svg>    </div>
4030</div>    
4031    <h3 class="mt-4 mb-0 font-serif heading-3">Julie <br>Hong</h3>
4032
4033    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Coordinator</span>
4034</a>            </div>
4035                        <div class="!h-auto swiper-slide">
4036                <a href="https://cypressnorth.com/about/team/maya-knaak/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4037    
4038
4039            <div class="relative">
4040    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4041        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2026/06/CN_MayaKnaak_Candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_MayaKnaak_Candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/06/CN_MayaKnaak_Candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/06/CN_MayaKnaak_Candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/06/CN_MayaKnaak_Candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/06/CN_MayaKnaak_Candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/06/CN_MayaKnaak_Candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4042
4043    </div>
4044
4045    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4046        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4047  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4048</svg>    </div>
4049</div>    
4050    <h3 class="mt-4 mb-0 font-serif heading-3">Maya <br>Knaak</h3>
4051
4052    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Digital Marketing Coordinator</span>
4053</a>            </div>
4054                        <div class="!h-auto swiper-slide">
4055                <a href="https://cypressnorth.com/about/team/erik-barnes/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4056    
4057
4058            <div class="relative">
4059    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4060        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-19-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 19" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-19-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19.jpg 960w" sizes="auto, (max-width: 640px) 100v
4060w, 640px" />
4061
4062    </div>
4063
4064    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4065        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4066  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4067</svg>    </div>
4068</div>    
4069    <h3 class="mt-4 mb-0 font-serif heading-3">Erik <br>Barnes</h3>
4070
4071    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Video Content Producer</span>
4072</a>            </div>
4073                        <div class="!h-auto swiper-slide">
4074                <a href="https://cypressnorth.com/about/team/kristen-nalewajek/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4075    
4076
4077            <div class="relative">
4078    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4079        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-33-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="People 33" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-33-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-33-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-33-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-33-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-33.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4080
4081    </div>
4082
4083    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4084        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4085  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4086</svg>    </div>
4087</div>    
4088    <h3 class="mt-4 mb-0 font-serif heading-3">Kristen <br>Nalewajek</h3>
4089
4090    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Data Analyst</span>
4091</a>            </div>
4092                        <div class="!h-auto swiper-slide">
4093                <a href="https://cypressnorth.com/about/team/32220/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4094    
4095
4096            <div class="relative">
4097    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4098        <img decoding="async" width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-640x427.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="6R9A9914" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2025/09/6R9A9914-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4099
4100    </div>
4101
4102    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4103        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4104  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4105</svg>    </div>
4106</div>    
4107    <h3 class="mt-4 mb-0 font-serif heading-3">Jorge <br>Rivera-Colon</h3>
4108
4109    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Junior Marketing Analyst</span>
4110</a>            </div>
4111                        <div class="!h-auto swiper-slide">
4112                <a href="https://cypressnorth.com/about/team/carli-zollo/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4113    
4114
4115            <div class="relative">
4116    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4117        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/w
4117p-content/uploads/2026/01/CN_CarliZollo_Office_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_CarliZollo_Office_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/01/CN_CarliZollo_Office_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/01/CN_CarliZollo_Office_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/01/CN_CarliZollo_Office_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/01/CN_CarliZollo_Office_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/01/CN_CarliZollo_Office_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4118
4119    </div>
4120
4121    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4122        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4123  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4124</svg>    </div>
4125</div>    
4126    <h3 class="mt-4 mb-0 font-serif heading-3">Carli <br>Zollo</h3>
4127
4128    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Junior Marketing Analyst</span>
4129</a>            </div>
4130                        <div class="!h-auto swiper-slide">
4131                <a href="https://cypressnorth.com/about/team/lane-howard/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4132    
4133
4134            <div class="relative">
4135    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4136        <img decoding="async" width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-640x480.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Lane C (1)" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4137
4138    </div>
4139
4140    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4141        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4142  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4143</svg>    </div>
4144</div>    
4145    <h3 class="mt-4 mb-0 font-serif heading-3">Lane <br>Howard</h3>
4146
4147    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Senior Graphic Designer</span>
4148</a>            </div>
4149                        <div class="!h-auto swiper-slide">
4150                <a href="https://cypressnorth.com/about/team/annika-monfort/" class="flex flex-col h-full px-6 pt-4 pb-5 transition-transform duration-300 ease-out bg-white border-2 group hover:-translate-y-5">
4151    
4152
4153            <div class="relative">
4154    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4155        <img decoding="async" width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2025/09/CN_AnnikaMonfort_candid_900x450-640x320.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_AnnikaMonfort_candid_900x450" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4155p-content/uploads/2025/09/CN_AnnikaMonfort_candid_900x450-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AnnikaMonfort_candid_900x450-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AnnikaMonfort_candid_900x450-768x384.jpg 768w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AnnikaMonfort_candid_900x450-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_AnnikaMonfort_candid_900x450.jpg 900w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4156
4157    </div>
4158
4159    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4160        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4161  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4162</svg>    </div>
4163</div>    
4164    <h3 class="mt-4 mb-0 font-serif heading-3">Annika <br>Monfort</h3>
4165
4166    <span class="block mt-1 font-bold leading-none tracking-widest text-gray-300 uppercase">Junior Graphic Designer</span>
4167</a>            </div>
4168                    </div>
4169    </div>
4170</div>            </div>
4171
4172    <div class="container">
4173        <footer class="relative mt-10 lg:mt-20 z-1">
4174    <div class="container">
4175        <div class="flex flex-col items-center gap-8 md:flex-row md:justify-center">
4176                    
4177            <a
4178    class="btn group/btn btn--solid btn--green left" href="https://cypressnorth.com/about/team/"
4179>
4180    Meet the Team
4181
4182    </a>
4183            </div>
4184    </div>
4185</footer>    </div>
4186    </div>
4187    
4188</section>
4189
4190
4191<section  class="cn--block cn--logo-card-grid relative bg-white   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
4192    
4193    <div class="relative z-10 w-full h-full">
4194        <div class="container">
4195        <header class="relative mb-8 lg:mb-15 z-1">
4196            <h2 class="text-center text-blue-900 heading-2 font-sans">Where You’ve Seen Us</h2>    
4197    </header>
4198
4199        <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
4200                                                <div>
4201                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4202                            <img decoding="async" width="345" height="137" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.22 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 345w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 300w" sizes="auto, (max-width: 345px) 100vw, 345px" />
4203
4204                        </div>
4205                                    </div>
4206                                                                <div>
4207                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4208                            <img decoding="async" width="319" height="193" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.35 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 319w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 300w" sizes="auto, (max-width: 319px) 100vw, 319px" />
4209
4210                        </div>
4211                                    </div>
4212                                                                <div>
4213                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4214                            <img decoding="async" width="280" height="214" src="https://cypressnorth.com/w
4214p-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.30 PM@2x" fetchpriority="low" loading="lazy" />
4215
4216                        </div>
4217                                    </div>
4218                                                                <div>
4219                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4220                            <img decoding="async" width="248" height="244" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.27 PM@2x" fetchpriority="low" loading="lazy" />
4221
4222                        </div>
4223                                    </div>
4224                                                                <div>
4225                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4226                            <img decoding="async" width="331" height="166" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.45 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 331w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 300w" sizes="auto, (max-width: 331px) 100vw, 331px" />
4227
4228                        </div>
4229                                    </div>
4230                                                                <div>
4231                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4232                            <img decoding="async" width="236" height="238" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.40 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 236w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 150w" sizes="auto, (max-width: 236px) 100vw, 236px" />
4233
4234                        </div>
4235                                    </div>
4236                                                                <div>
4237                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4238                            <img decoding="async" width="369" height="184" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.04.00 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 369w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 300w" sizes="auto, (max-width: 369px) 100vw, 369px" />
4239
4240                        </div>
4241                                    </div>
4242                                                                <div>
4243                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4244                            <img decoding="async" width="360" height="171" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.55 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 360w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 300w" sizes="auto, (max-width: 360px) 100v
4244w, 360px" />
4245
4246                        </div>
4247                                    </div>
4248                                                                <div>
4249                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4250                            <img decoding="async" width="350" height="141" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.06.56 PM@2x" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 350w, https://cypressnorth.com/wp-content/uploads/2023/11/[email protected] 300w" sizes="auto, (max-width: 350px) 100vw, 350px" />
4251
4252                        </div>
4253                                    </div>
4254                                                                <div>
4255                                        <div class="flex items-center justify-center p-5 bg-white border-2 border-gray h-28">
4256                            <img decoding="async" width="208" height="201" src="https://cypressnorth.com/wp-content/uploads/2023/11/[email protected]" class="w-auto max-w-full max-h-full" alt="Screen Shot 2022-11-04 at 12.03.49 PM@2x" fetchpriority="low" loading="lazy" />
4257
4258                        </div>
4259                                    </div>
4260                                    </div>
4261
4262            </div>
4263    </div>
4264    
4265</section>
4266
4267
4268<section  class="cn--block cn--resource-card-carousel relative bg-gray-200 border-gray border-2   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
4269    
4270    <div class="relative z-10 w-full h-full">
4271        <div class="container">
4272        <header class="relative mb-8 lg:mb-15 z-1">
4273            <h2 class="text-center text-blue-900 heading-2 font-sans">Popular Resources</h2>    
4274    </header>
4275    </div>
4276
4277    <div
4278    x-cloak
4279    x-id="['carousel']"
4280    x-data="{
4281        swiper: null,
4282        init() {
4283            this.$nextTick(() => {
4284                this.swiper = new Swiper($refs.swiper, {
4285                    slidesPerView: 1.25,
4286                    spaceBetween: 16,
4287                    slidesOffsetBefore: 16,
4288
4289                    
4290                    breakpoints: {
4291                        768: {
4292                            slidesPerView: 2.25,
4293                            spaceBetween: 16,
4294                            slidesOffsetBefore: 32,
4295                        },
4296                        1024: {
4297                            slidesPerView: 2.75,
4298                            spaceBetween: 24,
4299                        },
4300                        1024: {
4301                            slidesPerView: 3.25,
4302                        },
4303                        1280: {
4304                            slidesPerView: 3.75,
4305                            slidesOffsetBefore: Math.max((window.innerWidth - 1280)/2, 32),
4306                        },
4307                        1536: {
4308                            slidesPerView: 4.5,
4309                            slidesOffsetBefore: (window.innerWidth - 1280)/2,
4310                        },
4311                    },
4312                });
4313            });
4314        },
4315    }"
4316>
4317    <div x-ref="swiper" :id="$id('carousel')"
4318        class="swiper swiper-container-free-mode"
4319        style="padding-right: max(calc(50vw - 640px), 1rem);"
4320    >
4321        <div class="py-6 swiper-wrapper">
4322            
4323                            <div class="!h-auto swiper-slide">
4324                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4325            <div class="relative">
4326    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4327        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Maggie_BFCM Prep_blogpost_1920x1080" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4327p-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-1280x720.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2026/09/Maggie_BFCM-Prep_blogpost_1920x1080.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4328
4329    </div>
4330
4331    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4332        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4333  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4334</svg>    </div>
4335</div>    
4336    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4337        <div class="flex items-center gap-2">
4338            <span class="text-green">
4339                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4340  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4341</svg>            </span>
4342
4343            <div class="flex gap-1 font-bold uppercase">
4344                <span>Blog</span>
4345                                    <span class="font-normal lowercase">by:</span>
4346                                                                    <a href="https://cypressnorth.com/about/team/maggie-humphrey/" class="relative z-20 hover:underline">Maggie Humphrey</a>
4347                                                </div>
4348        </div>
4349
4350        <span class="font-bold">10.1.2026</span>
4351    </div>
4352
4353            <a href="https://cypressnorth.com/category/e-commerce/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">E-Commerce</a>
4354    
4355    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">5 Things Ecommerce Marketers Should Do Before Black Friday &amp; Cyber Monday</h3>
4356
4357    <div>
4358        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">Now is the time for ecommerce marketers to prepare for Black Friday and Cyber Monday. Here are five ways to set yourself up for success.</p>
4359    </div>
4360
4361    <a class="absolute inset-0" title="5 Things Ecommerce Marketers Should Do Before Black Friday &amp; Cyber Monday" href="https://cypressnorth.com/e-commerce/5-things-ecommerce-marketers-should-do-before-black-friday-cyber-monday/" target="_self"></a>
4362</div>
4363                </div>
4364                            <div class="!h-auto swiper-slide">
4365                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4366            <div class="relative">
4367    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4368        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="CN_blog thumbnail_unbound recap_brooke_1920x1080" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4368p-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-1280x720.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2026/09/CN_blog-thumbnail_unbound-recap_brooke_1920x1080.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4369
4370    </div>
4371
4372    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4373        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4374  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4375</svg>    </div>
4376</div>    
4377    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4378        <div class="flex items-center gap-2">
4379            <span class="text-green">
4380                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4381  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4382</svg>            </span>
4383
4384            <div class="flex gap-1 font-bold uppercase">
4385                <span>Blog</span>
4386                                    <span class="font-normal lowercase">by:</span>
4387                                                                    <a href="https://cypressnorth.com/about/team/brooke-hastings/" class="relative z-20 hover:underline">Brooke Hastings</a>
4388                                                </div>
4389        </div>
4390
4391        <span class="font-bold">9.22.2026</span>
4392    </div>
4393
4394            <a href="https://cypressnorth.com/category/crm/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">CRM</a>
4395    
4396    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">HubSpot UNBOUND 2026: 7 Takeaways for an AI-Ready CRM</h3>
4397
4398    <div>
4399        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">Read our team's seven key takeaways from HubSpot UNBOUND 2026 on AI readiness, CRM adoption, and AI search.</p>
4400    </div>
4401
4402    <a class="absolute inset-0" title="HubSpot UNBOUND 2026: 7 Takeaways for an AI-Ready CRM" href="https://cypressnorth.com/crm/hubspot-unbound-2026-7-takeaways-for-an-ai-ready-crm/" target="_self"></a>
4403</div>
4404                </div>
4405                            <div class="!h-auto swiper-slide">
4406                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4407            <div class="relative">
4408    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4409        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Heather_blogpost_1920x1080" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4409p-content/uploads/2026/09/Heather_blogpost_1920x1080-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-1280x720.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2026/09/Heather_blogpost_1920x1080.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4410
4411    </div>
4412
4413    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4414        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4415  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4416</svg>    </div>
4417</div>    
4418    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4419        <div class="flex items-center gap-2">
4420            <span class="text-green">
4421                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4422  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4423</svg>            </span>
4424
4425            <div class="flex gap-1 font-bold uppercase">
4426                <span>Blog</span>
4427                                    <span class="font-normal lowercase">by:</span>
4428                                                                    <a href="https://cypressnorth.com/about/team/heather-monahan/" class="relative z-20 hover:underline">Heather Monahan</a>
4429                                                </div>
4430        </div>
4431
4432        <span class="font-bold">9.3.2026</span>
4433    </div>
4434
4435            <a href="https://cypressnorth.com/category/content-marketing/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">Content Marketing</a>
4436    
4437    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">The Crucial Thing Everyone Seems to Be Forgetting About Content Strategy in the Age of AI</h3>
4438
4439    <div>
4440        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">There are plenty of tips and tricks circulating about improving AI visibility. But before you overhaul your content strategy, there’s one thing you need to keep in mind.</p>
4441    </div>
4442
4443    <a class="absolute inset-0" title="The Crucial Thing Everyone Seems to Be Forgetting About Content Strategy in the Age of AI" href="https://cypressnorth.com/content-marketing/the-crucial-thing-everyone-seems-to-be-forgetting-about-content-strategy-in-the-age-of-ai/" target="_self"></a>
4444</div>
4445                </div>
4446                            <div class="!h-auto swiper-slide">
4447                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4448            <div class="relative">
4449    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4450        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/08/ginny_interview_thumbnail-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="ginny_interview_thumbnail" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4450p-content/uploads/2026/08/ginny_interview_thumbnail-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/08/ginny_interview_thumbnail-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/08/ginny_interview_thumbnail-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/08/ginny_interview_thumbnail-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/08/ginny_interview_thumbnail-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/08/ginny_interview_thumbnail.jpg 1280w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4451
4452    </div>
4453
4454    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4455        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4456  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4457</svg>    </div>
4458</div>    
4459    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4460        <div class="flex items-center gap-2">
4461            <span class="text-green">
4462                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4463  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4464</svg>            </span>
4465
4466            <div class="flex gap-1 font-bold uppercase">
4467                <span>Blog</span>
4468                                    <span class="font-normal lowercase">by:</span>
4469                                                                    <a href="https://cypressnorth.com/about/team/greg-finn/" class="relative z-20 hover:underline">Greg Finn</a>
4470                                                </div>
4471        </div>
4472
4473        <span class="font-bold">8.13.2026</span>
4474    </div>
4475
4476            <a href="https://cypressnorth.com/category/paid-search-marketing/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">Paid Search Marketing</a>
4477    
4478    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">7 Things We Learned From Ginny Marvin About Google’s August Bidding Update</h3>
4479
4480    <div>
4481        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">Google Ads started rolling out new Smart Bidding changes on August 17. These shifts will impact overperforming campaigns limited by budget that use a target by having them perform more closely toward their set target.  This change has created a [&hellip;]</p>
4482    </div>
4483
4484    <a class="absolute inset-0" title="7 Things We Learned From Ginny Marvin About Google’s August Bidding Update" href="https://cypressnorth.com/paid-search-marketing/7-things-we-learned-from-ginny-marvin-ahead-of-googles-august-bidding-update/" target="_self"></a>
4485</div>
4486                </div>
4487                            <div class="!h-auto swiper-slide">
4488                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4489            <div class="relative">
4490    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4491        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="SMX_Hot Takes_Blog Thumbnail" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-640x360.jpg 640w, https://cypressnorth.com/w
4491p-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-1280x720.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2026/06/SMX_Hot-Takes_Blog-Thumbnail.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4492
4493    </div>
4494
4495    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4496        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4497  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4498</svg>    </div>
4499</div>    
4500    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4501        <div class="flex items-center gap-2">
4502            <span class="text-green">
4503                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4504  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4505</svg>            </span>
4506
4507            <div class="flex gap-1 font-bold uppercase">
4508                <span>Blog</span>
4509                                    <span class="font-normal lowercase">by:</span>
4510                                                                    <a href="https://cypressnorth.com/about/team/heather-monahan/" class="relative z-20 hover:underline">Heather Monahan</a>
4511                                                </div>
4512        </div>
4513
4514        <span class="font-bold">6.12.2026</span>
4515    </div>
4516
4517            <a href="https://cypressnorth.com/category/paid-search-marketing/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">Paid Search Marketing</a>
4518    
4519    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">10 Digital Marketing Hot Takes from SMX Advanced</h3>
4520
4521    <div>
4522        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">If you ever need a hot take, put a few hundred digital marketers in one place at the same time. We know there's a lot of advice and opinions out there relating to our industry. So when we were at [&hellip;]</p>
4523    </div>
4524
4525    <a class="absolute inset-0" title="10 Digital Marketing Hot Takes from SMX Advanced" href="https://cypressnorth.com/paid-search-marketing/digital-marketers-share-hot-takes-at-smx-advanced/" target="_self"></a>
4526</div>
4527                </div>
4528                            <div class="!h-auto swiper-slide">
4529                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4530            <div class="relative">
4531    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4532        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-640x360.jpg" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Matt_blogpost_1920x1080_2" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4532p-content/uploads/2026/05/Matt_blogpost_1920x1080_2-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-1024x576.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-1536x864.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-1280x720.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2-1440x810.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2026/05/Matt_blogpost_1920x1080_2.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4533
4534    </div>
4535
4536    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4537        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4538  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4539</svg>    </div>
4540</div>    
4541    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4542        <div class="flex items-center gap-2">
4543            <span class="text-green">
4544                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4545  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4546</svg>            </span>
4547
4548            <div class="flex gap-1 font-bold uppercase">
4549                <span>Blog</span>
4550                                    <span class="font-normal lowercase">by:</span>
4551                                                                    <a href="https://cypressnorth.com/about/team/matthew-mombrea/" class="relative z-20 hover:underline">Matt Mombrea</a>
4552                                                </div>
4553        </div>
4554
4555        <span class="font-bold">6.1.2026</span>
4556    </div>
4557
4558            <a href="https://cypressnorth.com/category/web-programming-and-development/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">Web Programming &amp; Development</a>
4559    
4560    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">Why You Might Not Need an LLM to Leverage AI for Your Business</h3>
4561
4562    <div>
4563        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">Many businesses looking to incorporate AI in their websites assume they need an LLM, but that’s not the case. Here’s why an embedding model may be enough for you.</p>
4564    </div>
4565
4566    <a class="absolute inset-0" title="Why You Might Not Need an LLM to Leverage AI for Your Business" href="https://cypressnorth.com/web-programming-and-development/why-you-might-not-need-an-llm-to-leverage-ai-for-your-business/" target="_self"></a>
4567</div>
4568                </div>
4569                            <div class="!h-auto swiper-slide">
4570                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4571            <div class="relative">
4572    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4573        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-640x360.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Brooke_CRM Blog_1920x1080" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4573p-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-1536x864.png 1536w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-1280x720.png 1280w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080-1440x810.png 1440w, https://cypressnorth.com/wp-content/uploads/2026/04/Brooke_CRM-Blog_1920x1080.png 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4574
4575    </div>
4576
4577    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4578        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4579  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4580</svg>    </div>
4581</div>    
4582    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4583        <div class="flex items-center gap-2">
4584            <span class="text-green">
4585                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4586  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4587</svg>            </span>
4588
4589            <div class="flex gap-1 font-bold uppercase">
4590                <span>Blog</span>
4591                                    <span class="font-normal lowercase">by:</span>
4592                                                                    <a href="https://cypressnorth.com/about/team/brooke-hastings/" class="relative z-20 hover:underline">Brooke Hastings</a>
4593                                                </div>
4594        </div>
4595
4596        <span class="font-bold">4.22.2026</span>
4597    </div>
4598
4599            <a href="https://cypressnorth.com/category/crm/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">CRM</a>
4600    
4601    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">The Hidden Costs of a CRM That Doesn’t Fit Your Team</h3>
4602
4603    <div>
4604        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">Over the past several years, I’ve been called in to help with more than a few messy Customer Relationship Management (CRM) and HubSpot situations. Some were mid-migration or implementation. Others already poured months (or sometimes years – yikes) and a [&hellip;]</p>
4605    </div>
4606
4607    <a class="absolute inset-0" title="The Hidden Costs of a CRM That Doesn’t Fit Your Team" href="https://cypressnorth.com/crm/the-hidden-costs-of-choosing-a-crm-that-doesnt-fit-your-team/" target="_self"></a>
4608</div>
4609                </div>
4610                            <div class="!h-auto swiper-slide">
4611                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4612            <div class="relative">
4613    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4614        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-640x360.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Gracie_Pinterest Blog_1920x1080" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4614p-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-1536x864.png 1536w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-1280x720.png 1280w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080-1440x810.png 1440w, https://cypressnorth.com/wp-content/uploads/2026/04/Gracie_Pinterest-Blog_1920x1080.png 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4615
4616    </div>
4617
4618    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4619        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4620  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4621</svg>    </div>
4622</div>    
4623    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4624        <div class="flex items-center gap-2">
4625            <span class="text-green">
4626                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4627  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4628</svg>            </span>
4629
4630            <div class="flex gap-1 font-bold uppercase">
4631                <span>Blog</span>
4632                                    <span class="font-normal lowercase">by:</span>
4633                                                                    <a href="https://cypressnorth.com/about/team/gracie-miller/" class="relative z-20 hover:underline">Gracie Miller</a>
4634                                                </div>
4635        </div>
4636
4637        <span class="font-bold">4.7.2026</span>
4638    </div>
4639
4640            <a href="https://cypressnorth.com/category/e-commerce/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">E-Commerce</a>
4641    
4642    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">Why Pinterest Should Be Part of Your Ecommerce Strategy</h3>
4643
4644    <div>
4645        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">As marketers, we all know Google and Bing. Both are tried-and-true platforms for pure search intent and play an important role in marketing strategies – especially for ecommerce. But there’s another platform that’s often overlooked where you can increase your [&hellip;]</p>
4646    </div>
4647
4648    <a class="absolute inset-0" title="Why Pinterest Should Be Part of Your Ecommerce Strategy" href="https://cypressnorth.com/e-commerce/why-pinterest-should-be-part-of-your-ecommerce-strategy/" target="_self"></a>
4649</div>
4650                </div>
4651                            <div class="!h-auto swiper-slide">
4652                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4653            <div class="relative">
4654    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4655        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-640x360.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Dana_blogpost_1920x1080" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4655p-content/uploads/2026/02/Dana_blogpost_1920x1080-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-1536x864.png 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-1280x720.png 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080-1440x810.png 1440w, https://cypressnorth.com/wp-content/uploads/2026/02/Dana_blogpost_1920x1080.png 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4656
4657    </div>
4658
4659    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4660        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4661  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4662</svg>    </div>
4663</div>    
4664    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4665        <div class="flex items-center gap-2">
4666            <span class="text-green">
4667                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.35 32.595">
4668  <path d="M25.438,5.871l2.731-2.732a3.035,3.035,0,0,1,4.293,4.293L15.273,24.62A7.284,7.284,0,0,1,12.2,26.449L7.856,27.744,9.151,23.4a7.284,7.284,0,0,1,1.829-3.071L25.438,5.871Zm0,0,4.27,4.27M27.28,21.269v7.689A3.642,3.642,0,0,1,23.638,32.6h-17A3.642,3.642,0,0,1,3,28.958v-17A3.642,3.642,0,0,1,6.642,8.32h7.689" transform="translate(-2 -1.005)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4669</svg>            </span>
4670
4671            <div class="flex gap-1 font-bold uppercase">
4672                <span>Blog</span>
4673                                    <span class="font-normal lowercase">by:</span>
4674                                                                    <a href="https://cypressnorth.com/about/team/dana-guenther/" class="relative z-20 hover:underline">Dana Guenther</a>
4675                                                </div>
4676        </div>
4677
4678        <span class="font-bold">2.26.2026</span>
4679    </div>
4680
4681            <a href="https://cypressnorth.com/category/paid-search-marketing/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">Paid Search Marketing</a>
4682    
4683    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">Google Updates Ad Scheduling Budget Pacing: What it Means for Advertisers</h3>
4684
4685    <div>
4686        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">If you use ad scheduling in Google, changes are coming to daily budget pacing. Learn more about the updates and what you can do to prepare.</p>
4687    </div>
4688
4689    <a class="absolute inset-0" title="Google Updates Ad Scheduling Budget Pacing: What it Means for Advertisers" href="https://cypressnorth.com/paid-search-marketing/google-updates-ad-scheduling-budget-pacing-what-it-means-for-advertisers/" target="_self"></a>
4690</div>
4691                </div>
4692                            <div class="!h-auto swiper-slide">
4693                    <div class="relative h-full block transition-transform duration-300 ease-out bg-white px-6 pt-7 pb-5 group border-2 border-gray shadow-[0_6px_20px_#0000001A] hover:-translate-y-5">
4694            <div class="relative">
4695    <div class="aspect-3/1 md:aspect-[2/1] w-full overflow-hidden">
4696        <img decoding="async" width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-640x360.png" class="object-cover object-center w-full h-full transition-transform duration-300 ease-out group-hover:scale-110" alt="Lexi PPC Competitive Analysis Blog Art" fetchpriority="low" loading="lazy" srcset="https://cypressnorth.com/w
4696p-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-640x360.png 640w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-300x169.png 300w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-1024x576.png 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-768x432.png 768w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-1536x864.png 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-480x270.png 480w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-1280x720.png 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art-1440x810.png 1440w, https://cypressnorth.com/wp-content/uploads/2026/02/Lexi-PPC-Competitive-Analysis-Blog-Art.png 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4697
4698    </div>
4699
4700    <div class="absolute bottom-0 right-0 flex items-center justify-center w-16 h-16 text-white bg-green">
4701        <svg class="w-6 -rotate-90 group-hover:rotate-0 transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.553 16.954">
4702  <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z" transform="translate(19.553) rotate(90)" fill="currentColor"/>
4703</svg>    </div>
4704</div>    
4705    <div class="flex items-center justify-between px-2 py-3 bg-gray-200 text-[10px] lg:text-[12px] text-blue-600 mb-4 leading-none">
4706        <div class="flex items-center gap-2">
4707            <span class="text-green">
4708                <svg class="w-5 max-h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.563 25.34">
4709  <g fill="transparent" stroke="currentColor" stroke-width="2">
4710    <rect width="29.563" height="25.34" rx="4" stroke="none"/>
4711    <rect x="1" y="1" width="27.563" height="23.34" rx="3" fill="none"/>
4712  </g>
4713  <g id="Group_1622" data-name="Group 1622" transform="translate(5.437 5.693)">
4714    <line id="Line_144" data-name="Line 144" x2="14.078" transform="translate(5.122 1.346)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4715    <line id="Line_145" data-name="Line 145" x2="14.078" transform="translate(5.122 6.977)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4716    <line id="Line_146" data-name="Line 146" x2="14.078" transform="translate(5.122 13.312)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4717    <path id="Path_1130" data-name="Path 1130" d="M4,6h.7V8.816" transform="translate(-4 -6)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4718    <path id="Path_1131" data-name="Path 1131" d="M4,10H5.408" transform="translate(-4 -3.023)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4719    <path id="Path_1132" data-name="Path 1132" d="M5.408,16.757H4c0-.7,1.408-1.408,1.408-2.112S4.7,13.59,4,13.942" transform="translate(-4 -2.309)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
4720  </g>
4721</svg>            </span>
4722
4723            <div class="flex gap-1 font-bold uppercase">
4724                <span>Guide</span>
4725                                    <span class="font-normal lowercase">by:</span>
4726                                                                    <a href="https://cypressnorth.com/about/team/lexi-braniecki/" class="relative z-20 hover:underline">Lexi Braniecki</a>
4727                                                </div>
4728        </div>
4729
4730        <span class="font-bold">2.10.2026</span>
4731    </div>
4732
4733            <a href="https://cypressnorth.com/category/paid-search-marketing/" class="z-20 mb-1 text-[10px] lg:text-[12px] uppercase font-bold text-blue-600 inline-block hover:underline relative">Paid Search Marketing</a>
4734    
4735    <h3 class="mb-2 font-bold leading-7 text-20 lg:text-24">Scouting Your Competition: How to Perform a PPC Competitive Analysis</h3>
4736
4737    <div>
4738        <p class="mb-0 text-[12px] lg:text-base line-clamp-3">Learn how to figure out what your paid search competitors are doing and how to leverage that information to improve your own strategy.</p>
4739    </div>
4740
4741    <a class="absolute inset-0" title="Scouting Your Competition: How to Perform a PPC Competitive Analysis" href="https://cypressnorth.com/resources/guides/scouting-your-compet
4741ition-how-to-perform-a-ppc-competitive-analysis/" target="_self"></a>
4742</div>
4743                </div>
4744                    </div>
4745    </div>
4746
4747    </div>
4748
4749    <div class="container">
4750        <footer class="relative mt-10 lg:mt-20 z-1">
4751    <div class="container">
4752        <div class="flex flex-col items-center gap-8 md:flex-row md:justify-center">
4753                    
4754            <a
4755    class="btn group/btn btn--solid btn--blue-green left" href="https://cypressnorth.com/resources/"
4756>
4757    All Resources
4758
4759    </a>
4760            </div>
4761    </div>
4762</footer>    </div>
4763    </div>
4764    
4765</section>
4766
4767
4768<section  class="cn--block cn--circle-cta relative bg-white   pt-15 lg:pt-20 pb-15 lg:pb-20  lg:z-1 lg:transform-gpu">
4769    
4770    <div class="relative z-10 w-full h-full">
4771        <div class="max-w-screen-2xl sm:mx-auto flex flex-col justify-center items-center overflow-hidden px-4 sm:px-8 gap-[54.08px] py-5"
4772    x-data="{
4773            hoverBubble(expand = true) {
4774                const bubble = $el.querySelector('.bubble-main')
4775                const lefts = bubble.querySelectorAll('.bubble-left')
4776                const rights = bubble.querySelectorAll('.bubble-right')
4777
4778                expand ? bubble.classList.add('scale-[1.07]') : bubble.classList.remove('scale-[1.07]')
4779
4780                expand ? lefts.forEach(left => { left.classList.add('sm:-translate-x-[100%]', 'md:-translate-x-[150%]', 'xl:-translate-x-[200%]') }) :
4781                    lefts.forEach(left => { left.classList.remove('sm:-translate-x-[100%]', 'md:-translate-x-[150%]', 'xl:-translate-x-[200%]') })
4782
4783                expand ? rights.forEach(right => { right.classList.add('sm:translate-x-[0%]', 'md:translate-x-[50%]', 'xl:translate-x-[100%]') }) :
4784                    rights.forEach(right => { right.classList.remove('sm:translate-x-[0%]', 'md:translate-x-[50%]', 'xl:translate-x-[100%]') })
4785            }
4786        }"
4787>
4788    <div class="bg-green bubble-main rounded-full aspect-square max-w-[345px] duration-500 transition-transform w-[72%] relative group" @mouseover="hoverBubble(true)" @mouseleave="hoverBubble(false)">
4789        <div class="absolute invisible w-2/3 transition-transform duration-200 -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none -z-1 sm:visible top-1/2 left-1/2 bg-green aspect-square bubble-left bubble-middle opacity-60">
4790            <div class="absolute invisible w-2/3 transition-transform duration-500 -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none -z-1 sm:visible top-1/2 left-1/2 bg-green aspect-square bubble-left bubble-small opacity-30"></div>
4791        </div>
4792
4793        <div class="absolute invisible w-2/3 transition-transform duration-200 -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none -z-1 sm:visible top-1/2 left-1/2 bg-green aspect-square bubble-right bubble-middle opacity-60">
4794            <div class="absolute invisible w-2/3 transition-transform duration-500 -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none -z-1 sm:visible top-1/2 left-1/2 bg-green aspect-square bubble-right bubble-small opacity-30"></div>
4795        </div>
4796
4797                    <a href="https://cypressnorth.com/contact/" title="Let&#039;s Chat" class="flex flex-col items-center justify-center w-4/5 h-full gap-0 mx-auto sm:mt-2 sm:gap-4">
4798    <h2 class="mx-auto text-center heading-3">Ready To Crush Your Goals?</h2>
4799                <button class="btn group/arrow_buttons z-1 w-fit btn--solid btn--blue-white">Let&#039;s Chat</button>
4800</a>            </div>
4801</div>
4802    </div>
4803    
4804</section>
4805
4806
4807<div x-data="smartSuggest">
4808    <template x-if="items && items.length > 0">
4809        <section class="relative bg-white cn--block cn--smart-suggest pt-15 lg:pt-20 pb-15 lg:pb-20 z-1 transform-gpu">
4810            <div class="max-w-screen-lg px-8 mx-auto">
4811                <div>
4812                    <header class="relative mb-8 text-center lg:mb-15 z-1">
4813                        <h2 class="heading-2">Dig In Deeper.</h2>
4814
4815                        <p class="italic font-medium opacity-30 text-18 lg:text-20">Explore some of our popular content:</p>
4816                    </header>
4817
4818                    <ul class="flex flex-wrap -mx-5">
4819                        <template hidden x-for="item in items">
4820                            <li class="w-full px-5 md:w-1/2 lg:w-1/3 -mt-[2px]">
4821                                <a x-bind:href="item.meta.url"
4822                                    class="relative block py-2 pr-4 font-bold uppercase transition-all duration-300 ease-out border-t-2 border-b-2 border-gray group hover:pr-0 focus:pr-0 hover:pl-4 hover:bg-green hover:border-green focus:pl-4 focus:bg-green focus:border-green">
4823                                    <span class="overflow-ellipsis max-w-[90%] overflow-hidden inline-block"
4824                                        x-text="getTitle(item.meta.title)"></span>
4825                                    <span
4826                                        class="absolute transition-opacity duration-300 ease-out -translate-y-1/2 opacity-0 group-hover:opacity-100 top-1/2 right-4">
4827                                        <svg xmlns="http://www.w3.org/2000/svg" width="19.553" height="16.954"
4828                                            viewBox="0 0 19.553 16.954">
4829                                            <path d="M8.477,0l8.477,19.553L8.477,12.934,0,19.553Z"
4830                                                transform="translate(19.553) rotate(90)" fill="#FFFFFF" />
4831                                        </svg>
4832                                    </span>
4833                                </a>
4834                            </li>
4835                        </template>
4836                    </ul>
4837
4838                    <footer class="mt-10 md:mt-13">
4839                        <a href="/solutions/data/marketing-science/#smart-suggest-web-page-recommendations">
4840                        <svg class="mx-auto w-[160px] md:w-[220px]" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
4841	 viewBox="0 0 240 41.6" style="enable-background:new 0 0 240 41.6;" xml:space="preserve">
4842<g>
4843	<path fill="#0F242B" d="M19.1,26.4c-0.5,0.8-1.1,1.4-2,1.8c-0.9,0.5-2,0.7-3.2,0.7c-1.3,0-2.4-0.2-3.4-0.6c-1-0.4-1.8-1-2.4-1.8
4844		c-0.6-0.8-0.9-1.7-1-2.8h3.8c0.1,0.7,0.4,1.3,0.9,1.8c0.5,0.5,1.1,0.7,2,0.7c0.7,0,1.3-0.2,1.7-0.6c0.4-0.4,0.6-0.9,0.6-1.5
4845		c0-0.6-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.6-1.2-0.9c-0.5-0.2-1.2-0.5-2-0.8c-1.1-0.4-2-0.7-2.7-1.1c-0.7-0.4-1.3-0.9-1.8-1.6
4846		c-0.5-0.7-0.7-1.6-0.7-2.7c0-1.5,0.5-2.7,1.6-3.6c1.1-0.9,2.5-1.3,4.3-1.3c1.9,0,3.4,0.5,4.5,1.4c1.1,0.9,1.7,2.1,1.9,3.6h-3.8
4847		c-0.1-0.6-0.4-1.2-0.8-1.6c-0.4-0.4-1-0.6-1.8-0.6c-0.7,0-1.2,0.2-1.6,0.5c-0.4,0.3-0.6,0.8-0.6,1.5c0,0.5,0.2,0.9,0.5,1.3
4848		c0.3,0.3,0.7,0.6,1.2,0.8c0.5,0.2,1.1,0.5,1.9,0.7c1.1,0.4,2.1,0.8,2.8,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.5,0.7,0.8,1.6,0.8,2.8
4849		C19.8,24.8,19.6,25.6,19.1,26.4z"/>
4850	<path fill="#0F242B" d="M44.1,16.2c1,1,1.5,2.5,1.5,4.4v8.1H42V21c0-1.1-0.3-1.9-0.8-2.5c-0.5-0.6-1.3-0.9-2.2-0.9
4851		c-1,0-1.8,0.3-2.4,0.9c-0.6,0.6-0.9,1.5-0.9,2.7v7.4h-3.5V21c0-1.1-0.3-1.9-0.8-2.5c-0.5-0.6-1.3-0.9-2.2-0.9c-1,0-1.8,0.3-2.4,0.9
4852		c-0.6,0.6-0.9,1.5-0.9,2.7v7.4h-3.5V14.8h3.5v2.6c0.4-0.9,0.9-1.6,1.7-2.1c0.8-0.5,1.7-0.7,2.8-0.7c1.1,0,2.1,0.3,2.9,0.8
4853		c0.8,0.5,1.4,1.3,1.9,2.3c0.4-1,1.1-1.7,1.9-2.3c0.9-0.6,1.8-0.8,2.9-0.8C41.7,14.6,43.1,15.2,44.1,16.2z"/>
4854	<path fill="#0F242B" d="M57.1,15.5c0.8,0.6,1.4,1.3,1.8,2.2v-2.9h3.5v13.9h-3.5v-2.9c-0.4,0.9-0.9,1.7-1.8,2.2c-0.8,0.6-1.8,0.8-3,0.8
4855		c-1.2,0-2.2-0.3-3.2-0.9c-0.9-0.6-1.7-1.4-2.2-2.5c-0.5-1.1-0.8-2.3-0.8-3.8c0-1.5,0.3-2.7,0.8-3.8c0.5-1.1,1.3-1.9,2.2-2.5
4856		c0.9-0.6,2-0.9,3.2-0.9C55.2,14.7,56.2,14.9,57.1,15.5z M52.5,18.8c-0.7,0.7-1,1.7-1,3c0,1.3,0.3,2.2,1,2.9
4857		c0.7,0.7,1.6,1.1,2.7,1.1c1.1,0,1.9-0.4,2.6-1.1c0.7-0.7,1-1.7,1-2.9c0-1.2-0.3-2.2-1-2.9c-0.7-0.7-1.6-1.1-2.6-1.1
4858		C54.1,17.7,53.2,18.1,52.5,18.8z"/>
4859	<path fill="#0F242B" d="M71.1,15.4c0.9-0.5,1.8-0.8,2.9-0.8v3.8h-1c-2.6,0-3.9,1.2-3.9,3.6v6.7h-3.5V14.8h3.5v2.7
4860		C69.6,16.6,70.3,15.9,71.1,15.4z"/>
4861	<path fill="#0F242B" d="M83.4,25.7v3h-1.9c-1.6,0-2.7-0.4-3.6-1.1c-0.8-0.8-1.2-2-1.2-3.8v-6h-1.9v-3h1.9v-3.4h3.5v3.4h3.1v3h-3.1v6.1
4862		c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.4,0.4H83.4z"/>
4863	<path fill="#0F242B" d="M102.8,26.4c-0.5,0.8-1.1,1.4-2,1.8c-0.9,0.5-2,0.7-3.2,0.7c-1.3,0-2.4-0.2-3.4-0.6c-1-0.4-1.8-1-2.4-1.8
4864		c-0.6-0.8-0.9-1.7-1-2.8h3.8c0.1,0.7,0.4,1.3,0.9,1.8c0.5,0.5,1.1,0.7,2,0.7c0.7,0,1.3-0.2,1.7-0.6c0.4-0.4,0.6-0.9,0.6-1.5
4865		c0-0.6-0.2-1-0.5-1.4c-0.3-0.4-0.7-0.6-1.2-0.9c-0.5-0.2-1.2-0.5-2-0.8c-1.1-0.4-2-0.7-2.7-1.1c-0.7-0.4-1.3-0.9-1.8-1.6
4866		c-0.5-0.7-0.7-1.6-0.7-2.7c0-1.5,0.5-2.7,1.6-3.6c1.1-0.9,2.5-1.3,4.3-1.3c1.9,0,3.4,0.5,4.5,1.4c1.1,0.9,1.7,2.1,1.9,3.6h-3.8
4867		c-0.1-0.6-0.4-1.2-0.8-1.6c-0.4-0.4-1-0.6-1.8-0.6c-0.7,0-1.2,0.2-1.6,0.5c-0.4,0.3-0.6,0.8-0.6,1.5c0,0.5,0.2,0.9,0.5,1.3
4868		c0.3,0.3,0.7,0.6,1.2,0.8c0.5,0.2,1.1,0.5,1.9,0.7c1.1,0.4,2.1,0.8,2.8,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.5,0.7,0.8,1.6,0.8,2.8
4869		C103.5,24.8,103.3,25.6,102.8,26.4z"/>
4870	<path fill="#0F242B" d="M119.4,14.8v13.9h-3.5v-2.8c-0.4,0.9-1,1.7-1.8,2.2c-0.8,0.5-1.8,0.8-2.9,0.8c-1.6,0-2.9-0.5-3.8-1.6
4871		c-1-1.1-1.4-2.5-1.4-4.4v-8.1h3.5v7.7c0,1.1,0.3,2,0.9,2.6c0.6,0.6,1.3,0.9,2.3,0.9c1,0,1.8-0.3,2.4-1c0.6-0.7,0.9-1.6,0.9-2.8
4872		v-7.4H119.4z"/>
4873	<path fill="#0F242B" d="M131,15.5c0.8,0.6,1.4,1.3,1.8,2.2v-2.9h3.5v13.9c0,1.3-0.3,2.4-0.8,3.5c-0.5,1-1.3,1.8-2.3,2.4
4874		c-1,0.6-2.2,0.9-3.7,0.9c-2,0-3.6-0.5-4.9-1.4c-1.2-1-2-2.2-2.3-3.9h3.5c0.2,0.7,0.6,1.2,1.2,1.6c0.6,0.4,1.3,0.6,2.2,0.6
4875		c1,0,1.9-0.3,2.5-0.9c0.6-0.6,1-1.5,1-2.8v-3c-0.4,0.9-0.9,1.7-1.8,2.2c-0.8,0.6-1.8,0.8-3,0.8c-1.2,0-2.2-0.3-3.2-0.9
4876		c-0.9-0.6-1.7-1.4-2.2-2.5c-0.5-1.1-0.8-2.3-0.8-3.8c0-1.5,0.3-2.7,0.8-3.8c0.5-1.1,1.3-1.9,2.2-2.5c0.9-0.6,2-0.9,3.2-0.9
4877		C129.2,14.7,130.2,14.9,131,15.5z M126.5,18.8c-0.7,0.7-1,1.7-1,3c0,1.3,0.3,2.2,1,2.9c0.7,0.7,1.6,1.1,2.7,1.1
4878		c1.1,0,1.9-0.4,2.6-1.1c0.7-0.7,1-1.7,1-2.9c0-1.2-0.3-2.2-1-2.9c-0.7-0.7-1.6-1.1-2.6-1.1C128,17.7,127.1,18.1,126.5,18.8z"/>
4879	<path fill="#0F242B" d="M148,15.5c0.8,0.6,1.4,1.3,1.8,2.2v-2.9h3.5v13.9c0,1.3-0.3,2.4-0.8,3.5c-0.5,1-1.3,1.8-2.3,2.4
4880		c-1,0.6-2.2,0.9-3.7,0.9c-2,0-3.6-0.5-4.9-1.4c-1.2-1-2-2.2-2.3-3.9h3.5c0.2,0.7,0.6,1.2,1.2,1.6c0.6,0.4,1.3,0.6,2.2,0.6
4881		c1,0,1.9-0.3,2.5-0.9c0.6-0.6,1-1.5,1-2.8v-3c-0.4,0.9-0.9,1.7-1.8,2.2c-0.8,0.6-1.8,0.8-3,0.8c-1.2,0-2.2-0.3-3.2-0.9
4882		c-0.9-0.6-1.7-1.4-2.2-2.5c-0.5-1.1-0.8-2.3-0.8-3.8c0-1.5,0.3-2.7,0.8-3.8c0.5-1.1,1.3-1.9,2.2-2.5c0.9-0.6,2-0.9,3.2-0.9
4883		C146.1,14.7,147.1,14.9,148,15.5z M143.4,18.8c-0.7,0.7-1,1.7-1,3c0,1.3,0.3,2.2,1,2.9c0.7,0.7,1.6,1.1,2.7,1.1
4884		c1.1,0,1.9-0.4,2.6-1.1c0.7-0.7,1-1.7,1-2.9c0-1.2-0.3-2.2-1-2.9c-0.7-0.7-1.6-1.1-2.6-1.1C145,17.7,144.1,18.1,143.4,18.8z"/>
4885	<path fill="#0F242B" d="M169.4,22.4h-10.2c0.1,1.2,0.4,2.1,1,2.7c0.6,0.6,1.4,0.9,2.3,0.9c0.8,0,1.5-0.2,2-0.6c0.5-0.4,0.9-0.9,1-1.6
4886		h3.7c-0.2,1-0.6,1.8-1.2,2.6s-1.4,1.4-2.3,1.8c-0.9,0.4-2,0.7-3.1,0.7c-1.4,0-2.6-0.3-3.6-0.9c-1.1-0.6-1.9-1.4-2.5-2.5
4887		c-0.6-1.1-0.9-2.3-0.9-3.8c0-1.5,0.3-2.7,0.9-3.8c0.6-1.1,1.4-1.9,2.5-2.5c1.1-0.6,2.3-0.9,3.6-0.9c1.4,0,2.6,0.3,3.6,0.9
4888		c1,0.6,1.8,1.3,2.4,2.3c0.6,1,0.8,2.1,0.8,3.4C169.5,21.6,169.5,22,169.4,22.4z M165.1,18.3c-0.6-0.6-1.4-0.9-2.4-0.9
4889		c-1,0-1.8,0.3-2.4,0.9c-0.7,0.6-1,1.4-1.1,2.6h6.7C166,19.8,165.7,18.9,165.1,18.3z"/>
4890	<path fill="#0F242B" d="M180.9,15.9c1,0.9,1.7,2,1.9,3.4h-3.3c-0.1-0.7-0.4-1.2-0.9-1.6s-1.1-0.6-1.8-0.6c-0.6,0-1.1,0.1-1.4,0.4
4891		c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.4,0.1,0.7,0.4,0.9s0.6,0.4,1,0.6c0.4,0.1,1,0.3,1.7,0.5c1.1,0.2,1.9,0.5,2.6,0.7
4892		c0.7,0.3,1.2,0.7,1.7,1.2c0.5,0.6,0.7,1.3,0.7,2.3c0,1.2-0.5,2.1-1.4,2.9c-0.9,0.7-2.2,1.1-3.7,1.1c-1.8,0-3.2-0.4-4.3-1.2
4893		c-1.1-0.8-1.7-2-2-3.5h3.4c0.1,0.7,0.4,1.2,0.9,1.6c0.5,0.4,1.2,0.6,2,0.6c0.6,0,1.1-0.1,1.4-0.4c0.3-0.3,0.5-0.7,0.5-1.1
4894		c0-0.4-0.1-0.7-0.4-1c-0.3-0.3-0.6-0.4-1-0.6c-0.4-0.1-1-0.3-1.7-0.5c-1-0.2-1.9-0.5-2.5-0.7c-0.6-0.2-1.2-0.6-1.7-1.2
4895		c-0.5-0.5-0.7-1.3-0.7-2.2c0-1.2,0.5-2.2,1.4-2.9c0.9-0.8,2.2-1.1,3.8-1.1C178.5,14.7,179.8,15.1,180.9,15.9z"/>
4896	<path fill="#0F242B" d="M193,25.7v3h-1.9c-1.6,0-2.7-0.4-3.6-1.1c-0.8-0.8-1.2-2-1.2-3.8v-6h-1.9v-3h1.9v-3.4h3.5v3.4h3.1v3h-3.1v6.1
4897		c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.4,0.4H193z"/>
4898</g>
4899<g>
4900	<path fill="#4592CF" d="M220.6,19.8h-4.9l-0.9,2.5h-2.6l4.5-12.2h2.8l4.5,12.2h-2.6L220.6,19.8z M220,17.9l-1.8-5.2l-1.8,5.2H220z"/>
4901	<path fill="#4592CF" d="M227.9,9.9v12.3h-2.5V9.9H227.9z"/>
4902</g>
4903<path fill="#4592CF" d="M234.2,27h-21.8v2.4h21.8c1.5,0,2.6-1.2,2.6-2.6V4.3c0-1.5-1.2-2.6-2.6-2.6h-27.1c-1.5,0-2.6,1.2-2.6,2.6v30.1
4904	c0,1.5,1.2,2.6,2.6,2.6h25.6l-1.7,1.7l1.7,1.7l3.8-3.8c0.5-0.5,0.5-1.4,0-1.9l-3.8-3.5l-1.6,1.7l1.7,1.6h-25.6
4905	c-0.1,0-0.2-0.1-0.2-0.3V4.3c0-0.1,0.1-0.3,0.2-0.3h27.1c0.1,0,0.3,0.1,0.3,0.3v22.5C234.4,26.9,234.3,27,234.2,27z"/>
4906</svg>
4907                        </a>
4908                    </footer>
4909                </div>
4910
4911            </div>
4912        </section>
4913    </template>
4914</div>
4915
4916    
4917
4918</main>
4919
4920<footer id="site-footer">
4921            
4922        <!-- Team gallery carousel -->
4923        <div id="team-member-image-carousel" class="relative bg-white "
4924            x-cloak
4925            x-id="['carousel']"
4926            x-data="{
4927                swiper: null,
4928                init() {
4929                    this.swiper = new Swiper($refs.swiper, {
4930                        slidesPerView: 'auto',
4931                        spaceBetween: 40,
4932                        loop: true,
4933                        freeMode: isMobile() ? false : true,
4934                        speed: isMobile() ? 300 : 10000,
4935                        autoplay: isMobile() ? false : {delay: 1,pauseOnMouseEnter: true,disableOnInteraction: true},
4936                        breakpoints: {
4937                            1024: {
4938                                spaceBetween: 60,
4939                            }
4940                        },
4941                    });
4942                },
4943            }"
4944        >
4945            <div x-ref="swiper" class="swiper" :id="$id('carousel')">
4946                <div class="swiper-wrapper !items-center !ease-linear">
4947                                            
4948                                                    <div class="swiper-slide !w-auto">
4949                                <div class="relative">
4950            <div class="absolute w-full top-2 left-2">
4951            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
4952                x-data="{
4953                    expanded: 1 == 1
4954                }"
4955                x-on:click="
4956                    if(window.innerWidth < 1024) {
4957                        if(!expanded) {
4958                            expanded = true;
4959                            $event.preventDefault();
4960                        }
4961                    }
4962                "
4963                x-on:mouseenter="expanded = true"
4964                x-on:mouseleave="expanded = false"
4965            >
4966                                    <a href="https://cypressnorth.com/about/team/maggie
4966-humphrey/" title="Meet Maggie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
4967                                            >
4968                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_MaggieHumphrey_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
4969
4970                    </a>
4971
4972                                                </div>
4973        </div>
4974    
4975    <img width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="6R9A6026" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-1200x800.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026-1440x960.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6026.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
4976
4977</div>
4978                            </div>
4979                                                                    
4980                                                    <div class="swiper-slide !w-auto">
4981                                <div class="relative">
4982            <div class="absolute w-full top-2 left-2">
4983            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
4984                x-data="{
4985                    expanded: 4 == 1
4986                }"
4987                x-on:click="
4988                    if(window.innerWidth < 1024) {
4989                        if(!expanded) {
4990                            expanded = true;
4991                            $event.preventDefault();
4992                        }
4993                    }
4994                "
4995                x-on:mouseenter="expanded = true"
4996                x-on:mouseleave="expanded = false"
4997            >
4998                                    <a href="https://cypressnorth.com/about/team/erik-barnes/" title="Meet Erik" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
4999                                            >
5000                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="EBarnes" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810.webp 525w" sizes="auto, (max-width: 480px) 100v
5000w, 480px" />
5001
5002                    </a>
5003
5004                                                        <a href="https://cypressnorth.com/about/team/jess-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5005                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5006                                            >
5007                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5008
5009                    </a>
5010
5011                                                        <a href="https://cypressnorth.com/about/team/greg-finn/" title="Meet Greg" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 2"
5012                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5013                                            >
5014                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_GregFinn_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5015
5016                    </a>
5017
5018                                                        <a href="https://cypressnorth.com/about/team/christine-zirnheld/" title="Meet Christine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 3"
5019                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5020                                            >
5021                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ChristineHeadshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333.png 624w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5022
5023                    </a>
5024
5025                                                </div>
5026        </div>
5027    
5028    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-24-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 24" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-24-640x360.jpg 640w, https://cypressnorth.com/w
5028p-content/uploads/2024/02/People-24-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-24-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-24-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-24.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5029
5030</div>
5031                            </div>
5032                                                                    
5033                                                    <div class="swiper-slide !w-auto">
5034                                <div class="relative">
5035            <div class="absolute w-full top-2 left-2">
5036            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5037                x-data="{
5038                    expanded: 1 == 1
5039                }"
5040                x-on:click="
5041                    if(window.innerWidth < 1024) {
5042                        if(!expanded) {
5043                            expanded = true;
5044                            $event.preventDefault();
5045                        }
5046                    }
5047                "
5048                x-on:mouseenter="expanded = true"
5049                x-on:mouseleave="expanded = false"
5050            >
5051                                    <a href="https://cypressnorth.com/about/team/erik-barnes/" title="Meet Erik" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5052                                            >
5053                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="EBarnes" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810.webp 525w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5054
5055                    </a>
5056
5057                                                </div>
5058        </div>
5059    
5060    <img width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2024/01/tables-640x320.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="tables" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/01/tables-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/01/tables-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/01/tables-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/01/tables.jpg 652w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5061
5062</div>
5063                            </div>
5064                                                                    
5065                                                    <div class="swiper-slide !w-auto">
5066                                <div class="relative">
5067            <div class="absolute w-full top-2 left-2">
5068            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5069                x-data="{
5070                    expanded: 2 == 1
5071                }"
5072                x-on:click="
5073                    if(window.innerWidth < 1024) {
5074                        if(!expanded) {
5075                            expanded = true;
5076                            $event.preventDefault();
5077                        }
5078                    }
5079                "
5080                x-on:mouseenter="expanded = true"
5081                x-on:mouseleave="expanded = false"
5082            >
5083                                    <a href="https://cypressnorth.com/about/team/jess-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5084                                            >
5085                        <img width="480" height="480" src="https://cypressnorth.com/w
5085p-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5086
5087                    </a>
5088
5089                                                        <a href="https://cypressnorth.com/about/team/catherine-woodcock/" title="Meet Catherine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5090                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5091                                            >
5092                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="Catherine" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255.webp 505w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5093
5094                    </a>
5095
5096                                                </div>
5097        </div>
5098    
5099    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-20-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 20" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-20-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-20-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-20-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-20-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-20.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5100
5101</div>
5102                            </div>
5103                                                                    
5104                                                    <div class="swiper-slide !w-auto">
5105                                <div class="relative">
5106            <div class="absolute w-full top-2 left-2">
5107            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5108                x-data="{
5109                    expanded: 3 == 1
5110                }"
5111                x-on:click="
5112                    if(window.innerWidth < 1024) {
5113                        if(!expanded) {
5114                            expanded = true;
5115                            $event.preventDefault();
5116                        }
5117                    }
5118                "
5119                x-on:mouseenter="expanded = true"
5120                x-on:mouseleave="expanded = false"
5121            >
5122                                    <a href="https://cypressnorth.com/about/team/greg-finn/" title="Meet Greg" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5123                                            >
5124                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_GregFinn_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/w
5124p-content/uploads/2023/11/CN_GregFinn_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_GregFinn_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5125
5126                    </a>
5127
5128                                                        <a href="https://cypressnorth.com/about/team/christine-zirnheld/" title="Meet Christine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5129                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5130                                            >
5131                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ChristineHeadshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333.png 624w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5132
5133                    </a>
5134
5135                                                        <a href="https://cypressnorth.com/about/team/jess-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 2"
5136                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5137                                            >
5138                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5139
5140                    </a>
5141
5142                                                </div>
5143        </div>
5144    
5145    <img width="640" height="289" src="https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-1-640x289.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="voiceover-1" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-1-640x289.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-1-300x135.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-1-768x347.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-1-480x217.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/01/voiceover-1.jpg 1008w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5146
5147</div>
5148                            </div>
5149                                                                    
5150                                                    <div class="swiper-slide !w-auto">
5151                                <div class="relative">
5152            <div class="absolute w-full top-2 left-2">
5153            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5154                x-data="{
5155                    expanded: 1 == 1
5156                }"
5157                x-on:click="
5158                    if(window.innerWidth < 1024) {
5159                        if(!expanded) {
5160                            expanded = true;
5161                            $event.preventDefault();
5162                        }
5163                    }
5164                "
5165                x-on:mouseenter="expanded = true"
5166                x-on:mouseleave="expanded = false"
5167            >
5168                                    <a href="https://cypressnorth.com/about/team/je
5168ss-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5169                                            >
5170                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5171
5172                    </a>
5173
5174                                                </div>
5175        </div>
5176    
5177    <img width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="6R9A8211" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-2048x1366.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-1200x800.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/10/6R9A8211-scaled-1-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5178
5179</div>
5180                            </div>
5181                                                                    
5182                                                    <div class="swiper-slide !w-auto">
5183                                <div class="relative">
5184            <div class="absolute w-full top-2 left-2">
5185            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5186                x-data="{
5187                    expanded: 1 == 1
5188                }"
5189                x-on:click="
5190                    if(window.innerWidth < 1024) {
5191                        if(!expanded) {
5192                            expanded = true;
5193                            $event.preventDefault();
5194                        }
5195                    }
5196                "
5197                x-on:mouseenter="expanded = true"
5198                x-on:mouseleave="expanded = false"
5199            >
5200                                    <a href="https://cypressnorth.com/about/team/gracie-miller/" title="Meet Gracie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5201                                            >
5202                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_Gracie_500x500_transparent" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5203
5204                    </a>
5205
5206                                                </div>
5207        </div>
5208    
5209    <img width="640" height="427" src="https://cypressnorth.com/w
5209p-content/uploads/2026/02/6R9A9628-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="6R9A9628" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9628-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5210
5211</div>
5212                            </div>
5213                                                                    
5214                                                    <div class="swiper-slide !w-auto">
5215                                <div class="relative">
5216            <div class="absolute w-full top-2 left-2">
5217            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5218                x-data="{
5219                    expanded: 1 == 1
5220                }"
5221                x-on:click="
5222                    if(window.innerWidth < 1024) {
5223                        if(!expanded) {
5224                            expanded = true;
5225                            $event.preventDefault();
5226                        }
5227                    }
5228                "
5229                x-on:mouseenter="expanded = true"
5230                x-on:mouseleave="expanded = false"
5231            >
5232                                    <a href="https://cypressnorth.com/about/team/jordan-siefer/" title="Meet Jordan" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5233                                            >
5234                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jsiefer-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jsiefer" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jsiefer-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jsiefer-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jsiefer-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jsiefer.webp 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5235
5236                    </a>
5237
5238                                                </div>
5239        </div>
5240    
5241    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-54-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 54" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-54-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-54-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-54-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-54-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-54.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5242
5243</div>
5244                            </div>
5245                                                                    
5246                                                    <div class="swiper-slide !w-auto">
5247                                <div class="relative">
5248            <div class="absolute w-full top-2 left-2">
5249            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5250                x-data="{
5251                    expanded: 1 == 1
5252                }"
5253                x-on:click="
5254                    if(window.innerWidth < 1024) {
5255                        if(!expanded) {
5256                            expanded = true;
5257                            $event.preventDefault();
5258                        }
5259                    }
5260                "
5261                x-on:mouseenter="expanded = true"
5262                x-on:mouseleave="expanded = false"
5263            >
5264                                    <a href="https://cypressnorth.com/about/team/callie-kessler/" title="Meet Callie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5265                                            >
5266                        <img width="480" height="480" src="https://cypressnorth.com/w
5266p-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_CallieKessler_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5267
5268                    </a>
5269
5270                                                </div>
5271        </div>
5272    
5273    <img width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-640x480.png" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="Lexi_keebs_skyler 5" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-5.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5274
5275</div>
5276                            </div>
5277                                                                    
5278                                                    <div class="swiper-slide !w-auto">
5279                                <div class="relative">
5280            <div class="absolute w-full top-2 left-2">
5281            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5282                x-data="{
5283                    expanded: 2 == 1
5284                }"
5285                x-on:click="
5286                    if(window.innerWidth < 1024) {
5287                        if(!expanded) {
5288                            expanded = true;
5289                            $event.preventDefault();
5290                        }
5291                    }
5292                "
5293                x-on:mouseenter="expanded = true"
5294                x-on:mouseleave="expanded = false"
5295            >
5296                                    <a href="https://cypressnorth.com/about/team/callie-kessler/" title="Meet Callie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5297                                            >
5298                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_CallieKessler_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100v
5298w, 480px" />
5299
5300                    </a>
5301
5302                                                        <a href="https://cypressnorth.com/about/team/lexi-braniecki/" title="Meet Lexi" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5303                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5304                                            >
5305                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_LexiBraniecki_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5306
5307                    </a>
5308
5309                                                </div>
5310        </div>
5311    
5312    <img width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-640x480.png" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="Lexi_keebs 3" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs-3.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5313
5314</div>
5315                            </div>
5316                                                                    
5317                                                    <div class="swiper-slide !w-auto">
5318                                <div class="relative">
5319            <div class="absolute w-full top-2 left-2">
5320            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5321                x-data="{
5322                    expanded: 2 == 1
5323                }"
5324                x-on:click="
5325                    if(window.innerWidth < 1024) {
5326                        if(!expanded) {
5327                            expanded = true;
5328                            $event.preventDefault();
5329                        }
5330                    }
5331                "
5332                x-on:mouseenter="expanded = true"
5333                x-on:mouseleave="expanded = false"
5334            >
5335                                    <a href="https://cypressnorth.com/about/team/lexi-braniecki/" title="Meet Lexi" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5336                                            >
5337                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_LexiBraniecki_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-480x480.png 480w, https://cypressnorth.com/w
5337p-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5338
5339                    </a>
5340
5341                                                        <a href="https://cypressnorth.com/about/team/callie-kessler/" title="Meet Callie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5342                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5343                                            >
5344                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_CallieKessler_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_CallieKessler_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5345
5346                    </a>
5347
5348                                                </div>
5349        </div>
5350    
5351    <img width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-640x480.png" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="Lexi_keebs_skyler 1" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi_keebs_skyler-1.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5352
5353</div>
5354                            </div>
5355                                                                    
5356                                                    <div class="swiper-slide !w-auto">
5357                                                            </div>
5358                                                                    
5359                                                    <div class="swiper-slide !w-auto">
5360                                <div class="relative">
5361            <div class="absolute w-full top-2 left-2">
5362            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5363                x-data="{
5364                    expanded: 1 == 1
5365                }"
5366                x-on:click="
5367                    if(window.innerWidth < 1024) {
5368                        if(!expanded) {
5369                            expanded = true;
5370                            $event.preventDefault();
5371                        }
5372                    }
5373                "
5374                x-on:mouseenter="expanded = true"
5375                x-on:mouseleave="expanded = false"
5376            >
5377                                    <a href="https://cypressnorth.com/about/team/kathleen-hagelberger/" title="Meet Kathleen" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5378                                            >
5379                        <img width="480" height="480" src="https://cypressnorth.com/w
5379p-content/uploads/2023/11/kathleen-e1703609338622-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="kathleen" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/kathleen-e1703609338622-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/kathleen-e1703609338622-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/kathleen-e1703609338622-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/kathleen-e1703609338622.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5380
5381                    </a>
5382
5383                                                </div>
5384        </div>
5385    
5386    <img width="640" height="320" src="https://cypressnorth.com/wp-content/uploads/2024/01/kbergs-640x320.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="kbergs" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/01/kbergs-640x320.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/01/kbergs-300x150.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/01/kbergs-480x240.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/01/kbergs.jpg 652w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5387
5388</div>
5389                            </div>
5390                                                                    
5391                                                    <div class="swiper-slide !w-auto">
5392                                <div class="relative">
5393            <div class="absolute w-full top-2 left-2">
5394            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5395                x-data="{
5396                    expanded: 1 == 1
5397                }"
5398                x-on:click="
5399                    if(window.innerWidth < 1024) {
5400                        if(!expanded) {
5401                            expanded = true;
5402                            $event.preventDefault();
5403                        }
5404                    }
5405                "
5406                x-on:mouseenter="expanded = true"
5407                x-on:mouseleave="expanded = false"
5408            >
5409                                    <a href="https://cypressnorth.com/about/team/christine-zirnheld/" title="Meet Christine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5410                                            >
5411                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ChristineHeadshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333.png 624w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5412
5413                    </a>
5414
5415                                                </div>
5416        </div>
5417    
5418    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-70-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 70" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-70-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-70-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-70-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-70-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-70.jpg 960w" sizes="auto, (max-width: 640px) 100v
5418w, 640px" />
5419
5420</div>
5421                            </div>
5422                                                                    
5423                                                    <div class="swiper-slide !w-auto">
5424                                <div class="relative">
5425            <div class="absolute w-full top-2 left-2">
5426            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5427                x-data="{
5428                    expanded: 3 == 1
5429                }"
5430                x-on:click="
5431                    if(window.innerWidth < 1024) {
5432                        if(!expanded) {
5433                            expanded = true;
5434                            $event.preventDefault();
5435                        }
5436                    }
5437                "
5438                x-on:mouseenter="expanded = true"
5439                x-on:mouseleave="expanded = false"
5440            >
5441                                    <a href="https://cypressnorth.com/about/team/nathan-mcavoy/" title="Meet Nathan" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5442                                            >
5443                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_Nate M_1000x1000_transparent" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent-768x768.png 768w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Nate-M_1000x1000_transparent.png 1000w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5444
5445                    </a>
5446
5447                                                        <a href="https://cypressnorth.com/about/team/macy-weber/" title="Meet Macy" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5448                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5449                                            >
5450                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_Macy_1000x1000_transparent" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent-768x768.png 768w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2025/09/CN_Macy_1000x1000_transparent.png 1000w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5451
5452                    </a>
5453
5454                                                        <a href="https://cypressnorth.com/about/team/gracie-miller/" title="Meet Gracie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 2"
5455                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5456                                            >
5457                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_Gracie_500x500_transparent" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/w
5457p-content/uploads/2025/05/CN_Gracie_500x500_transparent-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2025/05/CN_Gracie_500x500_transparent.png 500w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5458
5459                    </a>
5460
5461                                                </div>
5462        </div>
5463    
5464    <img width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="6R9A9803" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-2048x1365.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2026/02/6R9A9803-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5465
5466</div>
5467                            </div>
5468                                                                    
5469                                                    <div class="swiper-slide !w-auto">
5470                                <div class="relative">
5471            <div class="absolute w-full top-2 left-2">
5472            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5473                x-data="{
5474                    expanded: 1 == 1
5475                }"
5476                x-on:click="
5477                    if(window.innerWidth < 1024) {
5478                        if(!expanded) {
5479                            expanded = true;
5480                            $event.preventDefault();
5481                        }
5482                    }
5483                "
5484                x-on:mouseenter="expanded = true"
5485                x-on:mouseleave="expanded = false"
5486            >
5487                                    <a href="https://cypressnorth.com/about/team/christine-zirnheld/" title="Meet Christine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5488                                            >
5489                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ChristineHeadshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333.png 624w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5490
5491                    </a>
5492
5493                                                </div>
5494        </div>
5495    
5496    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-73-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 73" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-73-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73-300x169.jpg 300w, https://cypressnorth.com/w
5496p-content/uploads/2024/02/People-73-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-73.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5497
5498</div>
5499                            </div>
5500                                                                    
5501                                                    <div class="swiper-slide !w-auto">
5502                                <div class="relative">
5503            <div class="absolute w-full top-2 left-2">
5504            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5505                x-data="{
5506                    expanded: 1 == 1
5507                }"
5508                x-on:click="
5509                    if(window.innerWidth < 1024) {
5510                        if(!expanded) {
5511                            expanded = true;
5512                            $event.preventDefault();
5513                        }
5514                    }
5515                "
5516                x-on:mouseenter="expanded = true"
5517                x-on:mouseleave="expanded = false"
5518            >
5519                                    <a href="https://cypressnorth.com/about/team/maggie-humphrey/" title="Meet Maggie" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5520                                            >
5521                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_MaggieHumphrey_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_MaggieHumphrey_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5522
5523                    </a>
5524
5525                                                </div>
5526        </div>
5527    
5528    <img width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="6R9A6018 (1)" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-1280x853.jpg 1280w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1-1440x960.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A6018-1.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5529
5530</div>
5531                            </div>
5532                                                                    
5533                                                    <div class="swiper-slide !w-auto">
5534                                <div class="relative">
5535            <div class="absolute w-full top-2 left-2">
5536            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5537                x-data="{
5538                    expanded: 5 == 1
5539                }"
5540                x-on:click="
5541                    if(window.innerWidth < 1024) {
5542                        if(!expanded) {
5543                            expanded = true;
5544                            $event.preventDefault();
5545                        }
5546                    }
5547                "
5548                x-on:mouseenter="expanded = true"
5549                x-on:mouseleave="expanded = false"
5550            >
5551                                    <a href="https://cypressnorth.com/about/team/brian-rizzo/" title="Meet Brian" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5552                                            >
5553                        <img width="480" height="480" src="https://cypressnorth.com/w
5553p-content/uploads/2023/11/BrianHeadshot-e1699649288920-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="BrianHeadshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/BrianHeadshot-e1699649288920-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/BrianHeadshot-e1699649288920-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/BrianHeadshot-e1699649288920-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/BrianHeadshot-e1699649288920.png 593w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5554
5555                    </a>
5556
5557                                                        <a href="https://cypressnorth.com/about/team/christine-zirnheld/" title="Meet Christine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5558                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5559                                            >
5560                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ChristineHeadshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ChristineHeadshot-e1703609418333.png 624w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5561
5562                    </a>
5563
5564                                                        <a href="https://cypressnorth.com/about/team/matthew-mombrea/" title="Meet Matthew" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 2"
5565                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5566                                            >
5567                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/mmombrea-headshot-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="mmombrea-headshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/mmombrea-headshot-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/mmombrea-headshot-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/mmombrea-headshot-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/mmombrea-headshot.webp 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5568
5569                    </a>
5570
5571                                                        <a href="https://cypressnorth.com/about/team/jess-budde/" title="Meet Jess" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 3"
5572                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5573                                            >
5574                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="jbudde-headshot" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/jbudde-headshot.png 600w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5575
5576                    </a>
5577
5578                                                        <a href="https://cypressnorth.com/about/team/elizabeth-sarro/" title="Meet Elizabeth" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 4"
5579                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5580                                            >
5581                        <img width="480" height="480" src="https://cypressnorth.com/w
5581p-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="Elizabeth-headshot2" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202.png 505w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5582
5583                    </a>
5584
5585                                                </div>
5586        </div>
5587    
5588    <img width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="cn-team-photo-raising-hands" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-1024x683.jpg 1024w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-2048x1366.jpg 2048w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-1200x800.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2023/10/cn-team-photo-raising-hands-scaled-1-1440x960.jpg 1440w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5589
5590</div>
5591                            </div>
5592                                                                    
5593                                                    <div class="swiper-slide !w-auto">
5594                                <div class="relative">
5595            <div class="absolute w-full top-2 left-2">
5596            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5597                x-data="{
5598                    expanded: 1 == 1
5599                }"
5600                x-on:click="
5601                    if(window.innerWidth < 1024) {
5602                        if(!expanded) {
5603                            expanded = true;
5604                            $event.preventDefault();
5605                        }
5606                    }
5607                "
5608                x-on:mouseenter="expanded = true"
5609                x-on:mouseleave="expanded = false"
5610            >
5611                                    <a href="https://cypressnorth.com/about/team/elizabeth-sarro/" title="Meet Elizabeth" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5612                                            >
5613                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="Elizabeth-headshot2" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/Elizabeth-headshot2-e1703609162202.png 505w" sizes="auto, (max-width: 480px) 100v
5613w, 480px" />
5614
5615                    </a>
5616
5617                                                </div>
5618        </div>
5619    
5620    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-25-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 25" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-25-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-25.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5621
5622</div>
5623                            </div>
5624                                                                    
5625                                                    <div class="swiper-slide !w-auto">
5626                                <div class="relative">
5627            <div class="absolute w-full top-2 left-2">
5628            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5629                x-data="{
5630                    expanded: 1 == 1
5631                }"
5632                x-on:click="
5633                    if(window.innerWidth < 1024) {
5634                        if(!expanded) {
5635                            expanded = true;
5636                            $event.preventDefault();
5637                        }
5638                    }
5639                "
5640                x-on:mouseenter="expanded = true"
5641                x-on:mouseleave="expanded = false"
5642            >
5643                                    <a href="https://cypressnorth.com/about/team/lexi-braniecki/" title="Meet Lexi" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5644                                            >
5645                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_LexiBraniecki_transparent_750x750" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/CN_LexiBraniecki_transparent_750x750.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5646
5647                    </a>
5648
5649                                                </div>
5650        </div>
5651    
5652    <img width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-640x480.png" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="Lexi" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/09/Lexi.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5653
5654</div>
5655                            </div>
5656                                                                    
5657                                                    <div class="swiper-slide !w-auto">
5658                                <div class="relative">
5659            <div class="absolute w-full top-2 left-2">
5660            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5661                x-data="{
5662                    expanded: 1 == 1
5663                }"
5664                x-on:click="
5665                    if(window.innerWidth < 1024) {
5666                        if(!expanded) {
5667                            expanded = true;
5668                            $event.preventDefault();
5669                        }
5670                    }
5671                "
5672                x-on:mouseenter="expanded = true"
5673                x-on:mouseleave="expanded = false"
5674            >
5675                                    <a href="https://cypressnorth.com/about/team/erik-barnes/" title="Meet Erik" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5676                                            >
5677                        <img width="480" height="480" src="https://cypressnorth.com/w
5677p-content/uploads/2023/11/EBarnes-e1703609755810-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="EBarnes" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/EBarnes-e1703609755810.webp 525w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5678
5679                    </a>
5680
5681                                                </div>
5682        </div>
5683    
5684    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-19-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 19" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-19-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-19.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5685
5686</div>
5687                            </div>
5688                                                                    
5689                                                    <div class="swiper-slide !w-auto">
5690                                <div class="relative">
5691            <div class="absolute w-full top-2 left-2">
5692            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5693                x-data="{
5694                    expanded: 1 == 1
5695                }"
5696                x-on:click="
5697                    if(window.innerWidth < 1024) {
5698                        if(!expanded) {
5699                            expanded = true;
5700                            $event.preventDefault();
5701                        }
5702                    }
5703                "
5704                x-on:mouseenter="expanded = true"
5705                x-on:mouseleave="expanded = false"
5706            >
5707                                    <a href="https://cypressnorth.com/about/team/lane-howard/" title="Meet Lane" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5708                                            >
5709                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="Lane_headshot_cropped" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-1024x1024.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-768x768.png 768w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-1536x1536.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-1280x1280.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped-1440x1440.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane_headshot_cropped.png 2000w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5710
5711                    </a>
5712
5713                                                </div>
5714        </div>
5715    
5716    <img width="640" height="480" src="https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-640x480.png" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="Lane C (1)" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/w
5716p-content/uploads/2024/08/Lane-C-1-640x480.png 640w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-300x225.png 300w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1024x768.png 1024w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-768x576.png 768w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1536x1152.png 1536w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-480x360.png 480w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1280x960.png 1280w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1-1440x1080.png 1440w, https://cypressnorth.com/wp-content/uploads/2024/08/Lane-C-1.png 2000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5717
5718</div>
5719                            </div>
5720                                                                    
5721                                                    <div class="swiper-slide !w-auto">
5722                                <div class="relative">
5723            <div class="absolute w-full top-2 left-2">
5724            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5725                x-data="{
5726                    expanded: 3 == 1
5727                }"
5728                x-on:click="
5729                    if(window.innerWidth < 1024) {
5730                        if(!expanded) {
5731                            expanded = true;
5732                            $event.preventDefault();
5733                        }
5734                    }
5735                "
5736                x-on:mouseenter="expanded = true"
5737                x-on:mouseleave="expanded = false"
5738            >
5739                                    <a href="https://cypressnorth.com/about/team/alana-leveritte/" title="Meet Alana" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5740                                            >
5741                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/ALeveritte-e1703609702337-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="ALeveritte" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/ALeveritte-e1703609702337-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/ALeveritte-e1703609702337-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/ALeveritte-e1703609702337-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/ALeveritte-e1703609702337.webp 525w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5742
5743                    </a>
5744
5745                                                        <a href="https://cypressnorth.com/about/team/julia-meteer/" title="Meet Julia" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 1"
5746                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5747                                            >
5748                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="julia-web" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649.webp 505w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5749
5750                    </a>
5751
5752                                                        <a href="https://cypressnorth.com/about/team/catherine-woodcock/" title="Meet Catherine" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 2"
5753                                                    x-bind:class="expanded ? '-ml-4' : '-ml-8'"
5754                                            >
5755                        <img width="480" height="480" src="https://cypressnorth.com/w
5755p-content/uploads/2023/11/Catherine-e1703609727255-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="Catherine" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/Catherine-e1703609727255.webp 505w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5756
5757                    </a>
5758
5759                                                </div>
5760        </div>
5761    
5762    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-4-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 4" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-4-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-4-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-4-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-4-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-4.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5763
5764</div>
5765                            </div>
5766                                                                    
5767                                                    <div class="swiper-slide !w-auto">
5768                                <div class="relative">
5769            <div class="absolute w-full top-2 left-2">
5770            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5771                x-data="{
5772                    expanded: 1 == 1
5773                }"
5774                x-on:click="
5775                    if(window.innerWidth < 1024) {
5776                        if(!expanded) {
5777                            expanded = true;
5778                            $event.preventDefault();
5779                        }
5780                    }
5781                "
5782                x-on:mouseenter="expanded = true"
5783                x-on:mouseleave="expanded = false"
5784            >
5785                                    <a href="https://cypressnorth.com/about/team/heather-monahan/" title="Meet Heather" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5786                                            >
5787                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/CN_HeatherMonahan-480x480.png" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="CN_HeatherMonahan" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/CN_HeatherMonahan-480x480.png 480w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_HeatherMonahan-300x300.png 300w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_HeatherMonahan-150x150.png 150w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_HeatherMonahan-640x640.png 640w, https://cypressnorth.com/wp-content/uploads/2023/11/CN_HeatherMonahan.png 750w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5788
5789                    </a>
5790
5791                                                </div>
5792        </div>
5793    
5794    <img width="640" height="427" src="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-640x427.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="6R9A5851" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-640x427.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-300x200.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-1024x683.jpg 1024w, https://cypressnorth.com/w
5794p-content/uploads/2024/03/6R9A5851-768x512.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-1536x1024.jpg 1536w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-480x320.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-1200x800.jpg 1200w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851-1440x960.jpg 1440w, https://cypressnorth.com/wp-content/uploads/2024/03/6R9A5851.jpg 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5795
5796</div>
5797                            </div>
5798                                                                    
5799                                                    <div class="swiper-slide !w-auto">
5800                                <div class="relative">
5801            <div class="absolute w-full top-2 left-2">
5802            <div class="relative inline-flex p-1 bg-white rounded-full z-overlay"
5803                x-data="{
5804                    expanded: 1 == 1
5805                }"
5806                x-on:click="
5807                    if(window.innerWidth < 1024) {
5808                        if(!expanded) {
5809                            expanded = true;
5810                            $event.preventDefault();
5811                        }
5812                    }
5813                "
5814                x-on:mouseenter="expanded = true"
5815                x-on:mouseleave="expanded = false"
5816            >
5817                                    <a href="https://cypressnorth.com/about/team/julia-meteer/" title="Meet Julia" class="block duration-300 ease-out size-13 aspect-square hover:scale-105" style="z-index: 0"
5818                                            >
5819                        <img width="480" height="480" src="https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-480x480.webp" class="object-cover object-center w-full h-full bg-white border-2 rounded-full border-green" alt="julia-web" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-480x480.webp 480w, https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-300x300.webp 300w, https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649-150x150.webp 150w, https://cypressnorth.com/wp-content/uploads/2023/11/julia-web-e1699649098649.webp 505w" sizes="auto, (max-width: 480px) 100vw, 480px" />
5820
5821                    </a>
5822
5823                                                </div>
5824        </div>
5825    
5826    <img width="640" height="360" src="https://cypressnorth.com/wp-content/uploads/2024/02/People-2-640x360.jpg" class="object-cover object-center max-h-[250px] lg:max-h-[350px] h-4/5 lg:h-auto w-auto object-cover object-center" alt="People 2" fetchpriority="low" loading="lazy" decoding="async" srcset="https://cypressnorth.com/wp-content/uploads/2024/02/People-2-640x360.jpg 640w, https://cypressnorth.com/wp-content/uploads/2024/02/People-2-300x169.jpg 300w, https://cypressnorth.com/wp-content/uploads/2024/02/People-2-768x432.jpg 768w, https://cypressnorth.com/wp-content/uploads/2024/02/People-2-480x270.jpg 480w, https://cypressnorth.com/wp-content/uploads/2024/02/People-2.jpg 960w" sizes="auto, (max-width: 640px) 100vw, 640px" />
5827
5828</div>
5829                            </div>
5830                                                            </div>
5831            </div>
5832
5833            <div class="absolute inset-0 z-0 bg-blue-900 top-[50%]"></div>
5834        </div>
5835    
5836    <!-- logo -->
5837    <div class="bg-blue-900 py-15">
5838        <svg class="w-80 mx-auto md:w-128" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544.619 54.952">
5839  <path d="M127.4,41.168h5.538V11.776H127.4V.7h21.086l11.928,22.79a47.791,47.791,0,0,1,2.343,5.964h.426s-.426-3.834-.426-6.39V11.776h-5.751V.7H183.63V11.776h-5.538V52.244H162.544L150.616,29.667a37.248,37.248,0,0,1-2.343-5.964h-.426s.426,3.834.426,6.6V41.381h5.751V52.457H127.4Z" transform="translate(143.951 0.791)" fill="#a3d936"/>
5840  <path d="M218.425,30.732h0c0,.213,2.556,1.065,3.621,3.621l2.343,5.325a3.282,3.282,0,0,0,3.195,1.7h10.437V52.457H219.064c-4.047,0-5.964-1.065-7.242-3.834l-5.964-11.715c-.639-1.278-1.278-1.917-3.621-1.917h-1.065v6.6h4.686V52.67H180.3V41.594h5.538V11.776H180.3V.7h23.642c4.047,0,7.668,0,10.65.852,6.6,1.917,10.863,7.455,10.863,14.909A15.391,15.391,0,0,1,218.425,30.732Zm-12.566-6.39a7.294,7.294,0,0,0,3.834-.852c1.7-1.065,2.556-2.982,2.556-5.538,0-3.621-1.917-5.964-7.668-5.964h-3.195V24.555h4.473Z" transform="translate(203.724 0.791)" fill="#a3d936"/>
5841  <path d="M215.45,41.168h5.538V12.841h-3.408v6.816H204.8V.7h47.923V19.443H239.944v-6.6h-3.408V41.381h5.538V52.457H215.663V41.168Z" transform="translate(231.406 0.791)" fill="#a3d936"/>
5842  <path d="M224.4,41.168h15.548V11.776h-5.538V.7h26.411V11.776H255.5v8.946h14.7V11.776h-5.538V.7h26.411V11.776h-5.538V41.168h5.538V52.244H264.655V41.168h5.538v-8.52H255.5v8.52h5.538V52.244H224.613V41.168Z" transform="translate(253.553 0.791)" fill="#a3d936"/>
5843  <path d="M181.576,0a27.476,27.476,0,1,0,27.476,27.476A27.543,27.543,0,0,0,181.576,0Zm0,31.736-12.14,10.65,12.14-32.162,12.141,32.162Z" transform="translate(174.12 0)" fill="#a3d936"/>
5844  <g transform="translate(0 1.491)">
5845    <g>
5846      <path d="M132.055,22.425c0-1.7-1.278-2.343-3.408-2.343h-4.473v4.9h4.473C130.99,24.981,132.055,24.129,132.055,22.425ZM95.207,20.082H91.16v5.325h4.047c2.13,0,3.408-.852,3.408-2.769C98.615,20.934,97.55,20.082,95.207,20.082ZM0,.7V52.031H254.738V.7ZM27.476,32.862A6.66,6.66,0,0,0,32.8,30.093L36,32.436a10.194,10.194,0,0,1-8.52,4.26c-6.177,0-10.437-4.26-10.437-10.437A10.068,10.068,0,0,1,27.476,15.822c3.621,0,7.029,1.7,8.52,4.473l-3.408,2.13a5.992,5.992,0,0,0-5.112-2.769,6.208,6.208,0,0,0-6.39,6.6A6.208,6.208,0,0,0,27.476,32.862ZM62.832,28.6v7.881H58.786V28.6L51.118,16.461H55.8l5.112,8.52,5.112-8.52H70.5Zm32.588.426H91.16V36.27H87.114V16.461h8.094c4.686,0,7.242,2.556,7.242,6.39C102.662,26.685,100.106,29.028,95.42,29.028Zm36,7.455L125.665,28.6h-1.278v7.881H120.34V16.461h8.52c4.686,0,7.242,2.343,7.242,6.177,0,3.195-2.343,5.538-6.177,5.964L136.1,36.7h-4.686Zm37.7,0H154.206V16.461h14.909v3.621H158.253v4.473h10.437v3.621H158.253v4.686h11.076v3.621Zm25.772.213a14.393,14.393,0,0,1-8.52-2.556l2.13-3.195a11.418,11.418,0,0,0,6.39,2.13c2.13,0,3.834-.852,3.834-2.343s-1.491-1.917-4.26-2.343l-1.278-.213c-3.621-.639-6.177-2.13-6.177-5.751,0-4.26,3.621-6.39,7.881-6.39a14.41,14.41,0,0,1,7.668,2.13l-1.917,3.195a9.693,9.693,0,0,0-5.751-1.7c-2.343,0-3.834.852-3.834,2.343s1.7,1.917,4.047,2.343l1.065.213c3.621.639,6.39,2.13,6.39,5.538C203.194,34.566,199.147,36.7,194.887,36.7
5846Zm33.227,0a14.393,14.393,0,0,1-8.52-2.556l2.13-3.195a11.418,11.418,0,0,0,6.39,2.13c2.13,0,3.834-.852,3.834-2.343s-1.491-1.917-4.26-2.343l-1.278-.213c-3.621-.639-6.177-2.13-6.177-5.751,0-4.26,3.621-6.39,7.881-6.39a14.41,14.41,0,0,1,7.668,2.13l-1.917,3.195a9.693,9.693,0,0,0-5.751-1.7c-2.343,0-3.834.852-3.834,2.343s1.7,1.917,4.047,2.343l1.065.213c3.621.639,6.39,2.13,6.39,5.538C236.421,34.566,232.587,36.7,228.114,36.7Z" transform="translate(0 -0.7)" fill="#fff"/>
5847    </g>
5848  </g>
5849</svg>
5850    </div>
5851
5852    <!-- widget areas -->
5853    <div class="container">
5854        <div class="grid px-8 pt-16 pb-12 md:grid-cols-2 gap-x-6 lg:grid-cols-4 gap-y-12 lg:pt-20 lg:px-0 lg:pb-8">
5855            <div>
5856                <div class="relative video-wrapper mb-7"
5857        x-data="{
5858            controls: false,
5859            init() {
5860                this.$refs.playButton.addEventListener('click', this.playVideo);
5861            },
5862            playVideo(e) {
5863                const playButton = e.currentTarget;
5864                const video = playButton.parentNode.querySelector('video');
5865
5866                // hide play button
5867                playButton.classList.add('opacity-0')
5868                setTimeout(() => {
5869                    playButton.classList.add('hidden');
5870                }, 200);
5871
5872                // add controls
5873                video.setAttribute('controls', 'controls');
5874
5875                // play video
5876                video.play();
5877            }
5878        }">
5879        <video x-ref="video" preload="none" class="object-cover object-center w-full aspect-video"
5880            poster=https://cypressnorth.com/wp-content/uploads/2023/12/CN_Drone-Cut_PosterImage.png
5881        >
5882                                            <source src="https://cypressnorth.com/wp-content/uploads/2024/02/tour.mp4" type="video/mp4">
5883                    </video>
5884
5885        <button x-ref="playButton" aria-label="Play video" class="absolute z-20 transition-opacity duration-300 ease-in-out -translate-x-1/2 -translate-y-1/2 group top-1/2 left-1/2">
5886            <svg xmlns="http://www.w3.org/2000/svg" class="w-15 sm:w-20 md:w-15 " viewBox="0 0 55 55">
5887                <g fill="none" class="transition-colors duration-300 ease-out stroke-white group-hover:stroke-green" stroke-width="2">
5888                    <circle cx="27.5" cy="27.5" r="26.5" class="transition-colors duration-300 ease-out fill-transparent group-hover:fill-green" />
5889                </g>
5890                <path d="M8.772,2.962a2,2,0,0,1,3.455,0l7.018,12.031A2,2,0,0,1,17.518,18H3.482a2,2,0,0,1-1.728-3.008Z" transform="translate(38 17) rotate(90)" fill="white"/>
5891            </svg>
5892        </button>
5893    </div>
5894<section class="widget_text widget custom_html-2 widget_custom_html"><div class="textwidget custom-html-widget"><address>
5895Cypress North - Buffalo <br />
5896211 Hertel Ave <br />
5897Buffalo, NY 14207
5898</address>
5899<br />
5900<address>
5901Cypress North - Rochester <br />
5902274 N Goodman St - Unit 501 <br />
5903Suite A201 <br />
5904Rochester, NY 14607
5905</address></div></section>            </div>
5906            <div>
5907                <a
5908    class="btn group/btn btn--arrows btn--green  text-20 mb-7" href="https://cypressnorth.com/contact/"
5909>
5910    Get in Touch
5911
5912            <div class="flex gap-1 -mt-px animated-arrow text-green">
5913    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5914  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5915</svg>    <div class="flex gap-1">
5916        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5917  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5918</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5919  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5920</svg>    </div>
5921</div>    </a>
5922<section class="widget nav_menu-3 widget_nav_menu">
5922<div class="menu-get-in-touch-container"><ul id="menu-get-in-touch" class="menu"><li id="menu-item-24056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24056"><a href="/contact/start-a-project/">Start a project</a></li>
5923<li id="menu-item-24053" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24053"><a href="/contact#contact">Send a message</a></li>
5924<li id="menu-item-26997" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26997"><a href="/contact#locations">Locations</a></li>
5925</ul></div></section>            </div>
5926            <div>
5927                <a
5928    class="btn group/btn btn--arrows btn--green  text-20 mb-7" href="https://cypressnorth.com/solutions/"
5929>
5930    CN Solutions
5931
5932            <div class="flex gap-1 -mt-px animated-arrow text-green">
5933    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5934  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5935</svg>    <div class="flex gap-1">
5936        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5937  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5938</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5939  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5940</svg>    </div>
5941</div>    </a>
5942<section class="widget nav_menu-4 widget_nav_menu"><div class="menu-solutions-container"><ul id="menu-solutions" class="menu"><li id="menu-item-24061" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24061"><a href="https://cypressnorth.com/solutions/marketing/">Digital Marketing</a></li>
5943<li id="menu-item-24059" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24059"><a href="https://cypressnorth.com/solutions/creative/">Creative</a></li>
5944<li id="menu-item-24062" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24062"><a href="https://cypressnorth.com/solutions/technology/">Technology</a></li>
5945<li id="menu-item-24060" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24060"><a href="https://cypressnorth.com/solutions/data/">Data</a></li>
5946</ul></div></section>            </div>
5947            <div>
5948                <a
5949    class="btn group/btn btn--arrows btn--green  text-20 mb-7" href="https://cypressnorth.com/about/"
5950>
5951    About CN
5952
5953            <div class="flex gap-1 -mt-px animated-arrow text-green">
5954    <svg class="" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5955  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5956</svg>    <div class="flex gap-1">
5957        <svg class="transition-opacity duration-300 ease-out delay-75 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5958  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5959</svg>        <svg class="transition-opacity duration-300 ease-out delay-100 lg:opacity-0 group-hover/btn:opacity-100" xmlns="http://www.w3.org/2000/svg" width="19.323" height="16.754" viewBox="0 0 19.323 16.754">
5960  <path d="M8.377,0l8.377,19.323L8.377,12.782,0,19.323Z" transform="translate(19.323) rotate(90)" fill="currentColor"/>
5961</svg>    </div>
5962</div>    </a>
5963<section class="widget nav_menu-5 widget_nav_menu"><div class="menu-about-container"><ul id="menu-about" class="menu"><li id="menu-item-24065" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-30 current_page_item menu-item-24065"><a href="https://cypressnorth.com/about/" aria-current="page">Who We Are</a></li>
5964<li id="menu-item-24064" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24064"><a href="https://cypressnorth.com/about/team/">The CN Team</a></li>
5965<li id="menu-item-24066" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24066"><a href="https://cypressnorth.com/about/team/careers/">Careers</a></li>
5966<li id="menu-item-28186" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28186"><a href="https://cypressnorth.com/about/team/internships/">Internships</a></li>
5967<li id="menu-item-31141" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31141"><a href="https://na1.hs-data-privacy.com/request/mni5lqMGXNxwmP4FKRiHrg">Exercise Your Privacy Rights</a></li>
5968<li id="menu-item-31215" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31215"><a href="https://cypressnorth.com/privacy-policy/">Privacy Policy</a></li>
5969</ul></div></section><section class="widget_text widget custom_html-3 widget_custom_html"><div class="textwidget custom-html-widget"><div style="text-align:center; margin:20px 0;">
5970	<button id="open-ot-preferences" 
5971			class="btn group/btn btn--bordered btn--green font-semibold">
5972		PRIVACY PREFERENCES
5973	</button>
5974</div>
5975
5976<script type="55e60ca9b3cc7157eda451a7-text/javascript">
5977document.addEventListener('DOMContentLoaded', function() {
5978	var btn = document.getElementById('open-ot-preferences');
5979	if (!btn) return;
5980
5981	btn.addEventListener('click', function() {
5982		
5983		if (typeof OneTrust !== 'undefined' && typeof OneTrust.ToggleInfoDisplay === 'function') {
5984			OneTrust.ToggleInfoDisplay();
5985		} else {
5986			console.warn('OneTrust script not loaded yet.');
5987		}
5988	});
5989});
5990</script>
5990</div></section>            </div>
5991        </div>
5992    </div>
5993
5994    <div class="py-10 bg-gray-200 border-2 lg:h-36 border-gray">
5995        <div class="container h-full">
5996            <div class="flex flex-wrap items-center h-full gap-y-8 lg:justify-between lg:gap-y-0 lg:flex-nowrap lg:gap-x-10 xl:gap-x-15">
5997                <ul class="flex justify-between w-full xs:gap-2 xs:justify-center lg:justify-start lg:w-auto">
5998                                            <li>
5999                            <a class="text-blue-900 hover:text-[#004ad5] group" href="https://www.facebook.com/cypressnorth/" target="_blank" title="facebook">
6000    <svg class="w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.605 51.606">
6001  <path d="M.8,1.3V52.905H52.4V1.3H.8ZM32.085,27.1H28.537V40H23.216V27.1h-2.58V22.587h2.58v-2.9c0-2.1.968-5.483,5.483-5.483H32.73v4.354h-2.9c-.484,0-1.129.161-1.129,1.29v2.742H32.73Z" fill="currentColor"/>
6002</svg>
6003</a>                        </li>
6004                                                                <li>
6005                            <a class="text-blue-900 hover:text-[#eb3f74] group" href="https://www.instagram.com/cypressnorth/" target="_blank" title="instagram">
6006    <svg class="w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.607 51.605">
6007  <path d="M0,51.605V0H51.6V51.605ZM17.253,10.646a8,8,0,0,0-6.287,5.8,17.261,17.261,0,0,0-.482,4.031v8.871c0,2.9,0,5.646,1.451,8.384l.16.16c3.064,3.065,6.127,3.226,9.356,3.226h8.867A17.047,17.047,0,0,0,34.35,40.8,7.9,7.9,0,0,0,40.8,34.511a22.859,22.859,0,0,0,.322-4.678V21.448a19.827,19.827,0,0,0-.322-4.353,8.186,8.186,0,0,0-5.965-6.288,11.5,11.5,0,0,0-4.032-.485H20.644A12.022,12.022,0,0,0,17.253,10.646Zm3.065,27.9a8.982,8.982,0,0,1-2.9-.321,5.4,5.4,0,0,1-3.866-4.357A15.7,15.7,0,0,1,13.226,30V20.48a9.438,9.438,0,0,1,.322-3.064A5.387,5.387,0,0,1,17.9,13.55a17.552,17.552,0,0,1,4.194-.326H25.8c2.257,0,4.352.161,6.449.161a5.689,5.689,0,0,1,3.226.807,4.9,4.9,0,0,1,2.581,3.55,15.992,15.992,0,0,1,.32,2.9V31.447a9.486,9.486,0,0,1-.32,3.064A5.408,5.408,0,0,1,33.7,38.383a12.225,12.225,0,0,1-2.416.16ZM18.061,25.8A7.678,7.678,0,0,0,25.8,33.7a8.16,8.16,0,0,0,8.06-7.9,7.9,7.9,0,1,0-15.8,0Zm14.191-8.063a1.775,1.775,0,1,0,1.775-1.776A1.79,1.79,0,0,0,32.253,17.742ZM20.644,25.965A5.16,5.16,0,1,1,25.8,31.126,5.092,5.092,0,0,1,20.644,25.965Z" fill="currentColor"/>
6008</svgxmlns=>
6009</a>                        </li>
6010                                                                <li>
6011                            <a class="text-blue-900 hover:text-[#183bad] group" href="https://www.linkedin.com/company/cypress-north" target="_blank" title="linkedin">
6012    <svg class="w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.604 51.606">
6013  <g>
6014    <path d="M113.3,16.284Z" fill="currentColor"/>
6015    <path d="M96.4,1.3V52.905H148V1.3H96.4Zm18.707,38.22h-5.483V22.91h5.483Zm-2.741-18.868h0a2.838,2.838,0,0,1-3.064-2.9,2.93,2.93,0,0,1,3.064-2.9,2.907,2.907,0,1,1,0,5.806ZM135.1,39.52H129.62v-8.87c0-2.258-.806-3.709-2.741-3.709a3.12,3.12,0,0,0-3.064,3.387V39.52h-5.483V22.91h5.483v2.419a5.662,5.662,0,0,1,5-2.742c3.709,0,6.289,2.419,6.289,7.418Z" transform="translate(-96.4 -1.3)" fill="currentColor"/>
6016  </g>
6017</svg>
6018</a>                        </li>
6019                                                                <li>
6020                            <a class="text-blue-900 hover:text-[#000] group" href="https://www.tiktok.com/@cypressnorth" target="_blank" title="tiktok">
6021    <svg class="w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.598 51.605">
6022  <path d="M51.6,51.605H0V0H51.6V51.6ZM19.024,37.085v0l.008.012A8.452,8.452,0,0,0,23.5,38.474c.06,0,.092,0,.093,0l.107-.005a7.926,7.926,0,0,0,3.277-.743,8.3,8.3,0,0,0,4.245-4.558,9.241,9.241,0,0,0,.539-2.844V21.154c.054.029.773.5.779.508a10.357,10.357,0,0,0,2.661,1.1,15.032,15.032,0,0,0,2.721.374h.014V18.7a2.048,2.048,0,0,1-.231.012,6.208,6.208,0,0,1-2.578-.695c-.218-.118-.372-.206-.512-.3A7.167,7.167,0,0,1,33.3,16.6a6.24,6.24,0,0,1-1.481-3.06h.006a4.015,4.015,0,0,1-.062-1.091H27.3V29.731c0,.237,0,.461-.009.69a.748.748,0,0,1,0,.084.162.162,0,0,1,0,.039v.01a3.8,3.8,0,0,1-1.907,3.011,3.786,3.786,0,1,1-1.849-7.1,3.816,3.816,0,0,1,1.16.182l0-4.551a8.191,8.191,0,0,0-1.06-.067A8.3,8.3,0,0,0,18.3,23.969a8.819,8.819,0,0,0-1.913,2.358,8.186,8.186,0,0,0-.986,3.756,8.821,8.821,0,0,0,.48,2.967v.009a8.693,8.693,0,0,0,1.211,2.214A9.141,9.141,0,0,0,19.024,37.1v-.014Z" fill="currentColor"/>
6023</svg>
6024</a>                        </li>
6025                                                                <li>
6026                            <a class="text-blue-900 hover:text-[#000] group" href="https://x.com/cypressnorth" target="_blank" title="x">
6027    <svg class="w-13 group-hover:scale-[.70] transition-transform duration-300 ease-out" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310.2 310.2" style="enable-background:new 0 0 310.2 310.2;" xml:space="preserve">
6028    <rect fill="currentColor" width="311.1" height="311.1"/>
6029    <path fill="white" d="M170.4,143.3l58.2-67.6h-13.8l-50.5,58.7L124,75.7H77.4l61,88.8l-61,70.9h13.8l53.3-62l42.6,62h46.5 L170.4,143.3L170.4,143.3z M151.5,165.3l-6.2-8.8L96.2,86.1h21.2l39.7,56.8l6.2,8.8l51.6,73.8h-21.2L151.5,165.3L151.5,165.3z"/>
6030</svg>
6031</a>                        </li>
6032                                    </ul>
6033
6034                <ul class="flex flex-wrap justify-center items-center w-full sm:flex-nowrap gap-7 lg:w-auto">
6035                    
6036                    <li class="shrink min-w-0">
6037                        <a href="https://client.partners/verify/cypressnorth.com" target="_blank" rel="nofollow" title="Client Partners Certified">
6038                            <img src="https://cypressnorth.com/w
6038p-content/themes/cypressnorth-blade-wordpress-theme/assets/img/partner-badges/client-partners.png" size="xs" fetchpriority="low" loading="lazy" class="max-w-[200px] w-full mx-auto" alt="Client Partners Certified" />
6039
6040                        </a>
6041                    </li>
6042                    <li class="shrink min-w-0">
6043                        <a href="https://ecosystem.hubspot.com/marketplace/solutions/cypressnorth-com" target="_blank" rel="nofollow" title="HubSpot Solutions Partner Program">
6044                            <img src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/img/partner-badges/hubspot-partner-gold-badge.png" size="xs" fetchpriority="low" loading="lazy" class="max-w-[200px] max-h-[100px] w-full mx-auto" alt="HubSpot Solutions Partner Program" />
6045
6046                        </a>
6047                    </li>
6048                    
6049                    <li class="shrink">
6050                        <a href="https://zyppy.com/list/companies/cypress-north/" target="_blank" rel="noopener" title="Cypress North – Recommended by Zyppy List">
6051                            <img src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/assets/img/partner-badges/zyppy-list-badge.png" size="xs" fetchpriority="low" alt="Cypress North – Recommended by Zyppy List" class="max-h-[100px] mx-auto" loading="lazy" />
6052
6053                        </a>
6054                    </li>
6055                </ul>
6056
6057                <a class="block w-full lg:w-auto" href="/" title="Scroll back to top" x-data="" @click.prevent="window.scrollTo({top: 0, behavior: 'smooth'});">
6058                    <svg class="w-16 xs:w-20 lg:w-16 mx-auto lg:mx-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.048 62.048">
6059  <circle cx="31.024" cy="31.024" r="31.024" fill="#091f2c"/>
6060  <path d="M41.5,40.395,30.7,11.7,19.9,40.395h9.334v6.942h2.854V43.172l-2.777-2.7H41.5ZM25.377,36.846,30.7,22.808l5.322,14.039L30.7,32.218Z" transform="translate(0.263 1.01)" fill="#a3d936"/>
6061</svg>                </a>
6062            </div>
6063        </div>
6064    </div>
6065</footer>
6066
6067</div><!-- /page-wrapper -->
6068
6069<script type="speculationrules">
6070{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/cypressnorth-blade-wordpress-theme/*","/*\\?(.+)","/go/*"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
6071</script>
6071
6072    
6072<script type="55e60ca9b3cc7157eda451a7-text/javascript">
6073        document.addEventListener('cmplz_status_change', function (e) {
6074            if (e.detail.category === 'marketing' && e.detail.value==='allow') {
6075                location.reload();
6076            }
6077        });
6078
6079        document.addEventListener('cmplz_status_change_service', function (e) {
6080            if ( e.detail.value ) {
6081                location.reload();
6082            }
6083        });
6084    </script>
6084
6085    
6085<script type="55e60ca9b3cc7157eda451a7-text/javascript">
6086var HCaptchaMainObject = {"params":"{\"sitekey\":\"a872621d-655a-4b32-86fd-19ad96af6ad2\",\"theme\":\"light\",\"size\":\"invisible\",\"hl\":\"en\"}"};
6087</script>
6087
6088<link rel='stylesheet' id='mediaelement-css' href='https://cypressnorth.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' media='all' />
6089<link rel='stylesheet' id='wp-mediaelement-css' href='https://cypressnorth.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=7.1.2' media='all' />
6090<style id="wp-block-paragraph-inline-css">
6091.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
6092/*# sourceURL=https://cypressnorth.com/wp-includes/blocks/paragraph/style.min.css */
6093</style>
6094<style id="wp-block-heading-inline-css">
6095h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
6096/*# sourceURL=https://cypressnorth.com/wp-includes/blocks/heading/style.min.css */
6097</style>
6098<style id="wp-block-table-inline-css">
6099.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:transparent;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}
6099.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}
6100/*# sourceURL=https://cypressnorth.com/wp-includes/blocks/table/style.min.css */
6101</style>
6102<style id="global-styles-inline-css">
6103:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--blue: #2D404B;--wp--preset--color--blue-600: #3c505d;--wp--preset--color--blue-700: #404F5C;--wp--preset--color--blue-900: #091F2C;--wp--preset--color--gray: #CFD2D5;--wp--preset--color--gray-200: #F3F3F4;--wp--preset--color--gray-300: #BEBEBE;--wp--preset--color--gray-700: #707070;--wp--preset--color--green: #A3D936;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
6103--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-gray-color{color: var(--wp--preset--color--gray) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
6103.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
6104/*# sourceURL=global-styles-inline-css */
6105</style>
6106<script id="theme-scripts-js" src="https://cypressnorth.com/wp-content/themes/cypressnorth-blade-wordpress-theme/dist/js/index.js?ver=1787577798" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
vendor: 1 bytes, line 6106
6106
6107<script id="mediaelement-core-js-before" type="55e60ca9b3cc7157eda451a7-text/javascript">
6108var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https://get.adobe.com/flashplayer/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left/Right Arrow keys to advance one second, Up/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}};
6109//# sourceURL=mediaelement-core-js-before
6110</script>
vendor: 1 bytes, line 6110
6110
6111<script id="mediaelement-core-js" src="https://cypressnorth.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
vendor: 1 bytes, line 6111
6111
6112<script id="mediaelement-migrate-js" src="https://cypressnorth.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=7.1.2" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
vendor: 1 bytes, line 6112
6112
6113<script id="mediaelement-js-extra" type="55e60ca9b3cc7157eda451a7-text/javascript">
6114var _wpmejsSettings = {"pluginPath":"/wp-includes/js/mediaelement/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"};
6115//# sourceURL=mediaelement-js-extra
6116</script>
vendor: 1 bytes, line 6116
6116
6117<script id="wp-mediaelement-js" src="https://cypressnorth.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=7.1.2" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
vendor: 1 bytes, line 6117
6117
6118<script id="mediaelement-vimeo-js" src="https://cypressnorth.com/wp-includes/js/mediaelement/renderers/vimeo.min.js?ver=4.2.17" type="55e60ca9b3cc7157eda451a7-text/javascript"></script>
6118
6119
6120<script type="55e60ca9b3cc7157eda451a7-text/javascript"> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'bottom', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 20, triggerOffsetY : 20, triggerRadius : '20' } }); }; h.appendChild(s); })(); </script>
vendor: 143 bytes, lines 6120-6121
6120
6121<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="55e60ca9b3cc7157eda451a7-|49" defer></script>
6121</body>
6122
6123</html>

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.