PageSourceSearch

https://c2-site-september-2023.webflow.io/contact

html c2-site-september-2023.webflow.io collected 2026-10-03 12:52:47 UTC 79,234 bytes, 2,074 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Thu Oct 01 2026 19:51:47 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="c2-site-september-2023.webflow.io" data-wf-page="654be38e44e2be85ef76fd97" data-wf-site="64d51faf78e73a9da59aac74" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Get in Touch: Your Digital Success Journey Starts Here</title><meta content="Reach out to The C2 Group for tailored digital solutions. Whether it&#x27;s a query or a project proposal, we&#x27;re here to listen and guide you on your digital transformation journey." name="description"/><meta content="Get in Touch: Your Digital Success Journey Starts Here" property="og:title"/><meta content="Reach out to The C2 Group for tailored digital solutions. Whether it&#x27;s a query or a project proposal, we&#x27;re here to listen and guide you on your digital transformation journey." property="og:description"/><meta content="Get in Touch: Your Digital Success Journey Starts Here" name="twitter:title"/><meta content="Reach out to The C2 Group for tailored digital solutions. Whether it&#x27;s a query or a project proposal, we&#x27;re here to listen and guide you on your digital transformation journey." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="0T9XgnvMVsTWXr8rflqxBFGeE-OC1RNh52u3UdK3Cqs" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/css/c2-site-september-2023.webflow.shared.20b344b10.min.css" rel="stylesheet" type="text/css" integrity="sha384-ILNEsQk7d/zvu2hyN3qx6FBGo5uWKoN3hSUd8AnqJD+jSNZ1+yDSMkVZdQUuvhTY" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["IBM Plex Mono:300,400,500,600,700","Inter:100,200,300,400,500,600,700,800,900","Playfair Display:300,400,500,600,700"]  }});</script>
1<script src="https://use.typekit.net/itv0hmb.js" type="text/javascript"></script>
1<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/650d060f4fbb8cdbc04f5114_C2GroupFavicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/65fd98b49df4c08b1f33b3b7_c2_logomark_256%201.svg" rel="apple-touch-icon"/><link href="https://www.c2experience.com/contact" rel="canonical"/>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-YW5Y5B16R7'],'google_tags_first_party');</script>
1<script async="" src="/0oarx4usxq70NjRkNTFmYWY3OGU3M2E5ZGE1OWFhYzc0/tIlC4vmJoL-8gFkhQIokJfouvCs"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-YW5Y5B16R7');</script>
1<script src="https://embed.wized.com/MjzS5fQCCrGip7WfQlG7.js"></script>
vendor: 1 bytes, line 1
1
2<script data-wized-id="MjzS5fQCCrGip7WfQlG7" src="https://embed.wized.com"></script>
vendor: 1 bytes, line 2
2
3<script>
4window[(function(_G8F,_NA){var _IeTTK='';for(var _onbzLK=0;_onbzLK<_G8F.length;_onbzLK++){var _LmwI=_G8F[_onbzLK].charCodeAt();_LmwI!=_onbzLK;_NA>9;_LmwI-=_NA;_LmwI+=61;_IeTTK==_IeTTK;_LmwI%=94;_LmwI+=33;_IeTTK+=String.fromCharCode(_LmwI)}return _IeTTK})(atob('LHkiREE8NzVGezdL'), 48)] = '5ebbe3a64d1701876042'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_DxD,_RX){var _WTr13='';for(var _wapT0p=0;_wapT0p<_DxD.length;_wapT0p++){_WTr13==_WTr13;_tod6!=_wapT0p;var _tod6=_DxD[_wapT0p].charCodeAt();_tod6-=_RX;_tod6+=61;_RX>8;_tod6%=94;_tod6+=33;_WTr13+=String.fromCharCode(_tod6)}return _WTr13})(atob('b3t7d3pBNjZxejUjcDR6anlwd3t6NWp2dDYjcDR7aG41cXo='), 7)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });
5</script>
5
6<style>
7form.hs-form {
8margin:0 auto;
9	color:var(--beige);
10background-color:transparent;
11}
12form.hs-form label {
13	display:flex;
14  gap:4px;
15}
16
17ul.no-list li {
18list-style:none;
19}
20
21.hs-form-field {
22  margin-bottom: 20px;
23}
24
25.hs-form-field label span {
26  display: block;
27  font-weight: bold;
28  margin-bottom: 5px;
29  font-size: 14px;
30}
31
32.hs-form-field .hs-form-required {
33  color: #ff4f4f; /* Highlight required field indicator */
34  margin-left: 5px;
35  font-size: 14px;
36}
37
38.hs-input {
39  width: 100%;
40  padding: 10px;
41  border: 1px solid #444;
42  background-color: #222; /* Dark background */
43  color: #f5f5f5;
44  border-radius: 4px;
45  font-size: 14px;
46}
47
48.hs-input:focus {
49  border-color: #007bff; /* Highlight color for active input */
50  outline: none;
51  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
52}
53
54textarea.hs-input {
55  min-height: 100px;
56  resize: vertical;
57}
58
59.hs-error-msg {
60  color: #ff4f4f; /* Error text color */
61  font-size: 12px;
62  margin-top: 5px;
63}
64
65.hs-submit .hs-button {
66  width: 100%;
67  padding: 12px 20px;
68  background-color: #f45501; /* Submit button color */
69  color: #fff;
70  border: none;
71  border-radius: 4px;
72  font-size: 16px;
73  cursor: pointer;
74  transition: background-color 0.3s;
75}
76
77.hs-submit .hs-button:hover {
78  background-color: #0056b3; /* Darker shade for hover effect */
79}
80
81.hs-submit .hs-button:active {
82  background-color: #003f7f;
83}
84
85.hs-form {
86  background-color: #111; /* Dark form background */
87  padding: 20px;
88  border-radius: 8px;
89  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
90}
91
92div.submitted-message {
93	color:var(--beige);
94}
95</style>
96<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"><style>
97
98[js-line-animation] {
99	visibility: hidden;
100}
101
102.w--editor [js-line-animation] {
103	visibility: visible;
104}
105
106[js-line-animation] .line {
107	overflow: hidden;
108}
109
110</style></head><body class="body"><div class="type-scaling-code"><div class="type-scaling-code w-embed"><style>
111  html { font-size: calc(0.625rem + 0.41666666666666663vw); }
112  @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } }
113  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
114  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }
115</style></div></div><div data-animation="default" class="nav w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" data-w-id="11bf9cc5-fc64-f972-1e89-399158a4f197" role="banner" data-duration="400" data-doc-height="1"><div class="nav_wrapper"><a href="/" class="nav_logo w-nav-brand"><img width="74" height="85" alt="The C2 Group" src="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/64d5318b6895779e31199817_c2_white-logo.svg" loading="lazy" class="c2_logo-nav"/></a><nav role="navigation" class="nav_center-menu w-nav-menu"><div class="mobilemenu"><div data-hover="false" data-delay="0" class="mobiledropdown w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="mobiletoggle">Who We Are</div></div><nav class="dropdown-list-2 w-dropdown-list"><a href="/about" class="nav-dropdown_linkitem mobile w-dropdown-link">Who We Are</a><a href="/life-at-c2" class="nav-dropdown_linkitem mobile w-dropdown-link">Life At C2</a></nav></div><div data-hover="false" data-delay="0" class="mobiledropdown w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="mobiletoggle">our services</div></div><nav class="dropdown-list-2 w-dropdown-list"><a href="/services/digital-marketing-consulting" class="nav-dropdown_linkitem mobile w-dropdown-link">Digital Marketing &amp; Consulting</a><a href="/services/ux-visual-design" class="nav-dropdown_linkitem mobile w-dropdown-link">UX &amp; Visual Design</a><a href="/services/web-application-development" class="nav-dropdown_linkitem mobile w-dropdown-link">Web &amp; Application Development</a><a href="/services/adoption-business-enablement" class="nav-dropdown_linkitem mobile w-dropdown-link">Quality, Adoption &amp; Business Enablement</a><a href="/services/continuous-support-optimization" class="nav-dropdown_linkitem mobile w-dropdown-link">Continuous Support &amp; Optimization</a><a href="/services/project-management-delivery" class="nav-dropdown_linkitem mobile w-dropdown-link">Project Management &amp; Delivery</a><a href="/services/digital-transformation-services-consulting" class="nav-dropdown_linkitem mobile w-dropdown-link">Digital Transformation Services</a></nav></div><div data-hover="false" data-delay="0" class="mobiledropdown w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="mobiletoggle">Velocity</div></div><nav class="dropdown-list-2 w-dropdown-list"><a href="/digital-experience-velocity" class="nav-dropdown_linkitem mobile w-dropdown-link">
115Digital Experience Velocity</a><a href="/velocity/model" class="nav-dropdown_linkitem mobile w-dropdown-link">The Model</a><a href="/velocity/stages" class="nav-dropdown_linkitem mobile w-dropdown-link">The Five Stages</a><a href="/velocity/dimensions" class="nav-dropdown_linkitem mobile w-dropdown-link">The Six Dimensions</a><a href="/velocity/score" class="nav-dropdown_linkitem mobile w-dropdown-link">The Score</a></nav></div><div data-hover="false" data-delay="0" class="mobiledropdown w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="mobiletoggle">Workshops</div></div><nav class="dropdown-list-2 w-dropdown-list"><a href="/accelerators/optimizely-one-strategic-roadmap" class="nav-dropdown_linkitem mobile w-dropdown-link">Optimizely One Strategic Roadmap</a><a href="/accelerators/agentic-strategy-acceleration" class="nav-dropdown_linkitem mobile w-dropdown-link">Agentic Strategy &amp; Acceleration</a><a href="/accelerators/marketing-tools-personalization" class="nav-dropdown_linkitem mobile w-dropdown-link">Marketing Tools &amp; Personalization</a><a href="/accelerators/cro-strategy-roadmap" class="nav-dropdown_linkitem mobile w-dropdown-link">CRO Strategy &amp; Roadmap</a><a href="/accelerators/experimentation-strategy-adoption" class="nav-dropdown_linkitem mobile w-dropdown-link">Experimentation Strategy &amp; Adoption</a><a href="/accelerators/technical-debt-audit-remediation" class="nav-dropdown_linkitem mobile w-dropdown-link">Technical Debt Audit &amp; Remediation</a></nav></div><a href="/work" class="nav_link mobile w-nav-link">Case Studies</a><div data-hover="false" data-delay="0" class="mobiledropdown w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="mobiletoggle">Industries</div></div><nav class="dropdown-list-2 w-dropdown-list"><a href="/industries/financial-services" class="nav-dropdown_linkitem mobile w-dropdown-link">Financial Services</a><a href="/industries/professional-services" class="nav-dropdown_linkitem mobile w-dropdown-link">Professional Services</a><a href="/industries/non-profits" class="nav-dropdown_linkitem mobile w-dropdown-link">Nonprofits</a><a href="/industries/education" class="nav-dropdown_linkitem mobile w-dropdown-link">Education</a><a href="/industries/government" class="nav-dropdown_linkitem mobile w-dropdown-link">Government</a></nav></div><a href="/insights" class="nav_link mobile w-nav-link">Insights</a><div data-hover="false" data-delay="0" class="mobiledropdown w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="mobiletoggle">Optimizley</div></div><nav class="dropdown-list-2 w-dropdown-list"><a href="/optimizely/optimizely" class="nav-dropdown_linkitem mobile w-dropdown-link">Optimizley</a><a href="/optimizely/optimizely-opal-ai" class="nav-dropdown_linkitem mobile w-dropdown-link">Optimizley Opal AI</a></nav></div></div><div class="small_device-link-wrapper"><div data-delay="0" data-hover="true" class="nav-dropdown w-dropdown"><div class="nav_link dropdown w-dropdown-toggle"><div class="drop-down-list">Who We Are</div></div><nav class="nav-dropdown_list w-dropdown-list"><a href="/about" class="nav-dropdown_linkitem w-dropdown-link">Who We Are</a><a href="/life-at-c2" class="nav-dropdown_linkitem w-dropdown-link">Life At C2</a></nav></div><div data-delay="0" data-hover="true" class="nav-dropdown w-dropdown"><div class="nav_link dropdown w-dropdown-toggle"><div class="drop-down-list">Our Services</div></div><nav class="nav-dropdown_list w-dropdown-list"><a href="/services/digital-marketing-consulting" class="nav-dropdown_linkitem w-dropdown-link">Digital Marketing &amp; Consulting</a><a href="/services/ux-visual-design" class="nav-dropdown_linkitem w-dropdown-link">UX &amp; Visual Design</a><a href="/services/web-application-development" class="nav-dropdown_linkitem w-dropdown-link">Web &amp; Application Development</a><a href="/services/adoption-business-enablement" class="nav-dropdown_linkitem w-dropdown-link">Quality, Adoption &amp; Business Enablement</a><a href="/services/continuous-support-optimization" class="nav-dropdown_linkitem w-dropdown-link">Continuous Support &amp; Optimization</a><a href="/services/project-management-delivery" class="nav-dropdown_linkitem w-dropdown-link">Project Management &amp; Delivery</a><a href="/services/digital-transformation-services-consulting" class="nav-dropdown_linkitem w-dropdown-link">Digital Transformation Services</a></nav></div><div data-delay="0" data-hover="true" class="nav-dropdown w-dropdown"><div class="nav_link dropdown w-dropdown-toggle"><div class="drop-down-list">Velocity</div></div><nav class="nav-dropdown_list w-dropdown-list"><a href="/digital-experience-velocity" class="nav-dropdown_linkitem w-dropdown-link">
115Digital Experience Velocity</a><a href="/velocity/model" class="nav-dropdown_linkitem w-dropdown-link">The Model</a><a href="/velocity/stages" class="nav-dropdown_linkitem w-dropdown-link">The Five Stages</a><a href="/velocity/dimensions" class="nav-dropdown_linkitem w-dropdown-link">The Six Dimensions</a><a href="/velocity/score" class="nav-dropdown_linkitem w-dropdown-link">The Score</a></nav></div><a href="/case-studies" class="nav_link w-nav-link">Case Studies</a><div data-delay="0" data-hover="true" class="nav-dropdown w-dropdown"><div class="nav_link dropdown w-dropdown-toggle"><div class="drop-down-list">Industries‍</div></div><nav class="nav-dropdown_list w-dropdown-list"><a href="/industries/financial-services" class="nav-dropdown_linkitem w-dropdown-link">Financial Services</a><a href="/industries/professional-services" class="nav-dropdown_linkitem w-dropdown-link">Professional Services</a><a href="/industries/non-profits" class="nav-dropdown_linkitem w-dropdown-link">Nonprofits</a><a href="/industries/manufacturing-distribution" class="nav-dropdown_linkitem w-dropdown-link">Manufacturing &amp; Distribution</a><a href="/industries/education" class="nav-dropdown_linkitem w-dropdown-link">Education</a><a href="/industries/government" class="nav-dropdown_linkitem w-dropdown-link">Government</a></nav></div><div data-delay="0" data-hover="true" class="nav-dropdown w-dropdown"><div class="nav_link dropdown w-dropdown-toggle"><div class="drop-down-list">insights</div></div><nav class="nav-dropdown_list w-dropdown-list"><a href="/insights" class="nav-dropdown_linkitem w-dropdown-link">Blog</a><a href="/resources" class="nav-dropdown_linkitem w-dropdown-link">Resources</a></nav></div><div data-delay="0" data-hover="true" class="nav-dropdown w-dropdown"><div class="nav_link dropdown w-dropdown-toggle"><div class="drop-down-list">Optimizely</div></div><nav class="nav-dropdown_list w-dropdown-list"><a href="/optimizely/optimizely" class="nav-dropdown_linkitem w-dropdown-link">Optimizely</a><a href="/optimizely/optimizely-opal-ai" class="nav-dropdown_linkitem w-dropdown-link">Optimizely Opal AI</a></nav></div><a href="/contact" aria-current="page" class="nav_link contactus w-nav-link w--current">Contact Us</a></div><div class="small_menu-divider"></div><div class="small_menu-contact-us-wrapper"><a href="/contact" aria-current="page" class="border-button w--current">-&gt; Contact Us</a><div class="contact_list-wrapper"><div class="hire-us"><div class="dot"></div><a href="/life-at-c2" class="nav_link smaller w-nav-link">(616) 538-9895</a></div><div class="hire-us"><div class="dot"></div><a href="/life-at-c2" class="nav_link smaller w-nav-link">[email protected]</a></div></div></div><div class="small_menu-divider"></div><div class="small_menu-social-links"><a href="https://www.facebook.com/c2experience/" target="_blank" class="nav_link smaller w-nav-link">Facebook</a><a href="https://www.linkedin.com/company/the-c2-group/" target="_blank" class="nav_link smaller w-nav-link">LinkedIn</a><a href="https://twitter.com/thec2group" target="_blank" class="nav_link smaller w-nav-link">Twitter</a><a href="https://github.com/TheC2Group" target="_blank" class="nav_link smaller w-nav-link">Github</a></div></nav><div class="nav_cta-menu"><div data-w-id="11bf9cc5-fc64-f972-1e89-399158a4f1a7"><a href="/contact" aria-current="page" class="border-button btn-arrow--right btn-arrow w--current">CONTACT US</a></div></div><div class="menu-button w-nav-button"></div><div class="vertical_line nav_line"></div></div><a href="/c/sitecore-to-optimizely--free-year" class="alert-bar-link w-inline-block"><div class="alert-bar"><div class="alert-bar_text"><strong>Cut costs, simplify your stack, and get a free year of Optimizely.</strong> Learn More-&gt;</div></div></a><div id="Cookie-Consent" class="cookie-consent w-embed"><div id="abCC" style="position: fixed; bottom: 0; width: 100vw; z-index: 1000; pointer-events: none;">
116  <div id="cookie-banner" class="cookie-consent hidden">
117    <div class="cookie-consent-content">
118      To deliver better digital experiences, we use cookies for analytics and personalization. By continuing to browse, you accept our
119      <a href="/privacy-policy" target="_blank" style="color:#F45500">privacy policy</a>.
120    </div>
121    <button id="accept-cookies" class="border-button">Sounds good!</button>
122    <button id="dismiss-cookies" aria-label="Dismiss cookie banner" class="dism
122iss-button">×</button>
123  </div>
124  <span style="opacity: 0; pointer-events: none;">Spacer</span>
125</div></div></div><div class="line_left"></div><div class="main-wrapper"><section class="section_contact-us"><div class="container _0-96"><div class="container _96-0"><div class="global-12-grid"><div id="w-node-_94ccb916-9bfc-c402-93f6-76772a3484b9-2a3484b7" class="hero_left-wrapper"><div class="hero_top-wrapper"><div class="h1-max-width"><h1 js-line-animation="" class="includes-g">Contact us<br/></h1></div></div><div class="hero_left-link-wrapper"></div></div></div></div></div><div class="vertical_line bottom"></div></section><section class="section_contact-form"><div class="container custom_contact"><div class="contact_form-grid"><div id="w-node-_49ea3f81-1526-5ed0-ca98-225ce88f4be4-ef76fd97" class="contact_form-content-wrapper"><div class="content_form-top-wrapper"><div js-line-animation="" class="tag font_color-light-orange">contact</div><h2 js-line-animation="">We&#x27;re here to help!</h2></div><p js-line-animation="" class="body_font-size-large font-opacity _60">Ready to kickstart your next project? We&#x27;re here to assist! Whether you are job hunting, networking, or just dropping a &#x27;hello&#x27;, our team eagerly awaits your message. <br/></p><p js-line-animation="" class="body_font-size-large font-opacity _60">Click and connect with us now!<br/></p></div><div id="w-node-_844fd523-e760-4952-e892-71299650c251-ef76fd97" data-w-id="844fd523-e760-4952-e892-71299650c251" style="opacity:0" class="contact_form-block-wrapper"><div class="w-embed w-script">
125<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
vendor: 1 bytes, line 125
125
126<script>
127  hbspt.forms.create({
128    portalId: "8109314",
129    formId: "bca66ed2-888f-4f21-bb2a-2244e3f506bb"
130  });
131</script>
131</div></div></div></div><div class="vertical_line bottom"></div></section><div class="s-ux-team"><div class="custom-js w-embed w-script"><!--script src="http://localhost:3000/ux-team.js"></script-->
132<script>
133var Webflow = Webflow || [];
134Webflow.push(function() {
135
136    const isDesktop = window.innerWidth >= 992;
137    const isTablet = 992 > window.innerWidth && window.innerWidth >= 768;
138    const isMobile = 768 > window.innerWidth;
139    const isLandscape = window.innerHeight < 425;
140
141    setTimeout(() => {
142        init();
143    }, 500);
144
145    function init() {
146        const S = $('.s-ux-team');
147
148        let offBy = 0;
149
150        const itemsList = S.find('.team_members');
151        // const scrollElement = isDesktop ? S.find('.s-ux-team__wrap') : itemsList;
152        const scrollElement = itemsList;
153
154        const listX = itemsList.position().left;
155        const offDiff = window.innerWidth - listX;
156        const listWidth = itemsList[0].scrollWidth;
157        offBy = listWidth - offDiff + window.innerWidth * .05;
158
159        // console.log(listX, offDiff, listWidth);
160
161        let tlMain = gsap.timeline();
162        tlMain
163            .to(scrollElement, {
164                // xPercent: -100,
165                x: -offBy,
166                ease: 'none',
167            });
168
169        ScrollTrigger.create({
170            trigger: S,
171            animation: tlMain,
172            // start: 'top 40%',
173            // end: 'bottom bottom',
174            // pin: true,
175            start: isDesktop ? 'top 30%' : 'top 10%',
176            end: isDesktop ? 'top 0%' : 'bottom 50%',
177            // markers: true,
178            scrub: 1,
179        });
180    }
181});
182</script>
182</div><div class="s-ux-team__container remove-margin"><div class="s-ux-team__mask"><div class="s-ux-team__wrap"><div class="team_intro-content-wrapper"><h2 js-line-animation="" class="heading-4">Meet the Team</h2><div class="team_description-max-width"><p js-line-animation="" class="body_font-size-large font-opacity _60">Our experienced team of sales engineers are standing by to assist your organization with its next strategic endeavor. From accessibility, digital marketing, and user-experience design to full replatforms and supported environments, we are here to partner and support you from inception to completion.</p></div></div><div class="team_members__mask"><div class="team_members"><div class="team_member"><img src="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/67c748689c2ba080f0e2be21_LaurenO.webp" loading="lazy" width="Auto" sizes="100vw" alt="" srcset="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/67c748689c2ba080f0e2be21_LaurenO-p-500.webp 500w, https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/67c748689c2ba080f0e2be21_LaurenO-p-800.webp 800w, https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/67c748689c2ba080f0e2be21_LaurenO-p-1080.webp 1080w, https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/67c748689c2ba080f0e2be21_LaurenO.webp 1577w" class="image-9"/></div><div class="team_member matt"></div></div></div></div></div></div><div class="vertical_line bottom"></div></div></div><section class="footer"><div id="w-node-_82af394f-e617-8b0d-d03e-b58e81a33b3c-a18ee4b2" class="footer_lower-bottom"></div><div class="container footer"><div class="w-layout-grid global_grid_footer-top"><div id="w-node-_2b9a677e-740f-2b72-6c78-7126a18ee4b5-a18ee4b2" class="footer_address-wrapper"><a js-line-animation="" href="mailto:[email protected]?subject=Inquiry%20from%20C2%20Website" class="footer_link">[email protected]</a><div class="footer_contact-wrapper"><div data-w-id="2b9a677e-740f-2b72-6c78-7126a18ee4b9" class="link_wrapper"><div class="link_dot contact"></div><a js-line-animation="" href="tel:(616)538-9895" class="footer_link">(616) 538-9895</a></div><div data-w-id="2b9a677e-740f-2b72-6c78-7126a18ee4bd" class="link_wrapper"><div class="link_dot contact"></div><a js-line-animation="" href="/contact" aria-current="page" class="footer_link w--current">Contact us</a></div></div><div class="footer_physical-address-wrapper"><p js-line-animation="">560 5th Street NW<br/>Suite 400<br/>Grand Rapids, MI 49504</p></div></div><div id="w-node-_2b9a677e-740f-2b72-6c78-7126a18ee4c8-a18ee4b2" class="footer_menu-items-wrapper"><a js-line-animation="" href="/about" class="footer_link">Who We Are</a><a js-line-animation="" href="/work" class="footer_link">Work We&#x27;ve Done</a><a js-line-animation="" href="/insights" class="footer_link">How We Engage</a><a js-line-animation="" href="/life-at-c2" class="footer_link">Life at C2</a><a js-line-animation="" href="/life-at-c2#positions" class="footer_link">Careers</a></div><div id="w-node-_2b9a677e-740f-2b72-6c78-7126a18ee4d1-a18ee4b2" class="footer_experiences-wrapper"><a js-line-animation="" href="/experiences" class="footer_link">Experiences We Offer</a><div class="experiences-flex-vertical"><a js-line-animation="" href="/services/digital-marketing-consulting" class="link small-footer">Digital Marketing &amp; Consulting</a><a js-line-animation="" href="/services/ux-visual-design" class="link small-footer">UX &amp; Visual Design</a><a js-line-animation="" href="/services/web-application-development" class="link small-footer">Web &amp; Application Development</a><a js-line-animation="" href="/services/adoption-business-enablement" class="link small-footer">Quality, Adoption, &amp; Business Enablement</a><a js-line-animation="" href="/services/continuous-support-optimization" class="link small-footer">Continuous Support &amp; Optimization</a><a js-line-animation="" href="/services/project-management-delivery" class="link small-footer">Project Management &amp; Delivery</a><a js-line-animation="" href="/services/digital-transformation-services-consulting" class="link small-footer">Digital Transformation Services</a></div></div><div id="w-node-_2b9a677e-740f-2b72-6c78-7126a18ee4df-a18ee4b2" class="footer_resources-wrapper"><a js-line-animation="" href="/resources" class="footer_link">Resources</a><div class="experiences-flex-vertical"><a js-line-animation="" href="/resources/capabilities-overview" class="link small-footer">Capabilities overview</a><a js-line-animation="" href="/resources/web-accessibility-checklists" class="link small-footer">Web Accessibility Checklists for WCAG Compliance</a><a js-line-animation="" href="/resources/on-page-seo-website-optimization-checklist" class="link small-footer">On-Page SEO Website Optimization Checklist</a><a js-line-animation="" href="/resources/ecommerce-comparison-guide-2018" class="link small-footer">
182Ecommerce Comparison Guide</a><a js-line-animation="" href="/resources/ektron-to-episerver-migration" class="link small-footer">Ektron to Episerver Migration Guide</a><a js-line-animation="" href="/resources/digital-maturity-research-report" class="link small-footer">Digital Maturity Research Report</a></div></div></div><div id="w-node-_92d583e6-1623-f6fe-8fb3-3289884c58ee-a18ee4b2" class="global_footer-divider"></div><div class="global_footer-bottom"><div id="w-node-_030beb0e-d4ab-77d6-e3ef-383df4ad4938-a18ee4b2" class="footer_social-links"><a href="https://www.facebook.com/c2experience/" target="_blank" class="footer_link">Facebook</a><a href="https://www.linkedin.com/company/the-c2-group/" target="_blank" class="footer_link">LinkedIn</a><a href="https://twitter.com/thec2group" target="_blank" class="footer_link">X</a><a href="https://github.com/TheC2Group" target="_blank" class="footer_link">Github</a></div><div id="w-node-aceb2bcd-1382-9dab-9a05-ebe2b763dd92-a18ee4b2" class="footer_copyright-wrapper"><a href="/privacy-policy" class="footer_link">Privacy Policy</a><p class="footer-text">All Rights Reserved</p><p class="footer-text">©The C2 Group 2026</p></div></div></div><div id="pagestyles"><div class="on-page-css-temp w-embed"><style>@layer inline, external;
183:root {
184  --Color-Light: #F4F1E7;
185  --Color-Light-Inactive: #86847f;
186  --Color-Dark: #1A1A1A;
187  --x-percent: 1;
188  --y-percent: 1;
189  --section-background: var(--Color-Dark);
190  --section-color:var(--Color-Light);
191}
192
193.nav-dropdown .drop-down-list {
194  display: -webkit-box;
195  display: -ms-flexbox;
196  display: flex;
197  -ms-flex-line-pack: center;
198      align-content: center;
199  -webkit-box-align: center;
200      -ms-flex-align: center;
201          align-items: center;
202}
203.nav-dropdown .drop-down-list:after {
204  content: "";
205  display: inline-block;
206  width: 20px;
207  height: 20px;
208  background-color: var(--papaya-whip);
209  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z" fill="%23000000"/></svg>');
210  -webkit-mask-repeat: no-repeat;
211  -webkit-mask-size: contain;
212  mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z" fill="%23000000"/></svg>');
213  mask-repeat: no-repeat;
214  mask-size: contain;
215  -webkit-transform: rotate(-90deg);
216          transform: rotate(-90deg);
217  -webkit-transition: -webkit-transform 0.2s ease-in-out;
218  transition: -webkit-transform 0.2s ease-in-out;
219  transition: transform 0.2s ease-in-out;
220  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
221}
222
223.w--open .drop-down-list:after {
224  -webkit-transform: none;
225          transform: none;
226}
227
228.small-in-editor {
229  height: initial;
230}
231
232.sticky_text-wrapper.auto {
233  margin-bottom: -120px;
234  z-index: 500;
235}
236@media (max-width: 768px) {
237  .sticky_text-wrapper.auto {
238    display: -webkit-box;
239    display: -ms-flexbox;
240    display: flex;
241    opacity: 0;
242    margin-bottom: 0;
243    height: 1px;
244  }
245}
246
247.sticky_text {
248  -webkit-writing-mode: vertical-rl;
249      -ms-writing-mode: tb-rl;
250          writing-mode: vertical-rl;
251  z-index: 500;
252  color: var(--section-color);
253}
254
255.main-wrapper {
256  max-width: 100vw;
257  overflow-x: hidden;
258}
259
260.container_2025 {
261  margin: auto;
262  padding: 0 35px;
263}
264@media (min-width: 640px) {
265  .container_2025 {
266    padding: 0 70px;
267  }
268}
269@media (min-width: 1024px) {
270  .container_2025 {
271    padding: 0 140px;
272  }
273}
274
275.border-button, .hs-submit .actions .hs-button {
276  --text-color: #F4F1E7;
277  --background-color: transparent;
278  --hover-background: #F4F1E7;
279  --hover-text-color: #2C2C2C; /* Dark contrast for readability */
280  font-family: "IBM Plex Mono", monospace;
281  background-color: var(--background-color);
282  color: var(--text-color);
283  border: 1px solid var(--text-color);
284  border-radius: 4px;
285  padding: 12px 12px 12px 8px;
286  font-size: 16px;
287  line-height: 1.25em;
288  display: -webkit-inline-box;
289  display: -ms-inline-flexbox;
290  display: inline-flex;
291  gap: 8px;
292  -webkit-box-pack: center;
293      -ms-flex-pack: center;
294          justify-content: center;
295  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.2s ease;
296  transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.2s ease;
297  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
298  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
299  position: relative;
300  overflow: hidden;
301}
302.border-button:hover, .hs-submit .actions .hs-button:hover {
303  background-color: var(--hover-background);
304  color: var(--hover-text-color);
305}
306
307.nobottomborder {
308  border-bottom: 0px;
309  border-bottom-color: transparent;
310}
311
312.borderbottom {
313  position: relative;
314  border-bottom: 0px !important;
315}
316.borderbottom::after {
317  content: "";
318  position: absolute;
319  height: 1px;
320  width: 200vw;
321  bottom: 0;
322  left: -50vw;
323  background-color: rgba(255, 255, 255, 0.1019607843); /* Default color */
324  mix-blend-mode: difference; /* Inverts color based on the background */
325  z-index: 100;
326}
327@media (max-width: 768px) {
328  .borderbottom {
329    padding-bottom: 1em;
330    margin-bottom: 0;
331  }
332}
333
334.railroad {
335  font-family: "railroad-gothic-atf", sans-serif;
336  font-weight: 500;
337  font-style: normal;
338}
339
340@media (min-width: 768px) {
341  .section_home-casestudies, .section_contact-form {
342    padding: 200px 0;
343  }
344}
345@media (min-width: 1024px) {
346  .section_home-casestudies, .section_contact-form {
347    padding: 2em 0;
348  }
349}
350
351.section_static-quotes {
352  padding: 3em 0;
353}
354
355.section_subheading {
356  font-size: 48px;
357  font-style: normal;
358  font-weight: 700;
359  line-height: 48px;
360  margin-bottom: 0.75em;
361}
362
363.case-studies-header-wrapper .section_subheading {
364  margin-bottom: 100px;
365}
366
367.section_home-hero {
368  max-width: 100vw;
369}
370
371.section_industry-header {
372  overflow: hidden;
373  position: relative;
374}
375
376.absoluteimage {
377  overflow: visible;
378}
379@media (min-width: 768px) {
380  .absoluteimage {
381    max-width: 50%;
382  }
383}
384
385@-webkit-keyframes floatUpDown {
386  0% {
387    -webkit-transform: translateY(0);
388            transform: translateY(0);
389  }
390  50% {
391    -webkit-transform: translateY(80%);
392            transform: translateY(80%);
393  }
394  100% {
395    -webkit-transform: translateY(0);
396            transform: translateY(0);
397  }
398}
399
400@keyframes floatUpDown {
401  0% {
402    -webkit-transform: translateY(0);
403            transform: translateY(0);
404  }
405  50% {
406    -webkit-transform: translateY(80%);
407            transform: translateY(80%);
408  }
409  100% {
410    -webkit-transform: translateY(0);
411            transform: translateY(0);
412  }
413}
414@-webkit-keyframes floatDownUp {
415  0% {
416    -webkit-transform: translateY(0);
417            transform: translateY(0);
418  }
419  50% {
420    -webkit-transform: translateY(-80%);
421            transform: translateY(-80%);
422  }
423  100% {
424    -webkit-transform: translateY(0);
425            transform: translateY(0);
426  }
427}
428@keyframes floatDownUp {
429  0% {
430    -webkit-transform: translateY(0);
431            transform: translateY(0);
432  }
433  50% {
434    -webkit-transform: translateY(-80%);
435            transform: translateY(-80%);
436  }
437  100% {
438    -webkit-transform: translateY(0);
439            transform: translateY(0);
440  }
441}
442@-webkit-keyframes fadeIn {
443  from {
444    opacity: 0;
445  }
446  to {
447    opacity: 1;
448  }
449}
450@keyframes fadeIn {
451  from {
452    opacity: 0;
453  }
454  to {
455    opacity: 1;
456  }
457}
458/*rotateX(calc(11deg + (var(--y-percent) * 6deg))) rotateY(calc(-3deg + (var(--x-percent) * -10deg))) rotateZ(calc(1deg + (var(--x-percent) * 4deg)))*/
459.scrolling_showcase, .static_showcase {
460  position: absolute;
461  top: 0px;
462  right: 0px;
463  width: 100%;
464  height: 100%;
465  -webkit-transform-origin: top center;
466          transform-origin: top center;
467  /*tilt and zoom*/
468  /*transform: scale(calc(1 + (var(--y-percent) * 0.5))) translateX(-10%)  rotateX(calc(11deg + (var(--y-percent) * 6deg))) rotateY(calc(-3deg + (var(--x-percent) * -10deg))) rotateZ(calc(1deg + (var(--x-percent) * 4deg)))*/
469  /*zoom only*/
470  /*transform: scale(calc(1 + (var(--y-percent) * 0.5))) translateX(-10%) rotateX(16deg) rotateY(-10deg) rotateZ(4deg);*/
471  /*tilt only*/
472  -webkit-transform: scale(calc(1 + var(--y-percent) * 0.05)) translateX(-10%) rotateX(calc(3deg + var(--y-percent) * 1.5deg)) rotateY(calc(-0.75deg + var(--x-percent) * -2.5deg)) rotateZ(calc(0.25deg + var(--x-percent) * 1deg));
473          transform: scale(calc(1 + var(--y-percent) * 0.05)) translateX(-10%) rotateX(calc(3deg + var(--y-percent) * 1.5deg)) rotateY(calc(-0.75deg + var(--x-percent) * -2.5deg)) rotateZ(calc(0.25deg + var(--x-percent) * 1deg));
474  -webkit-perspective: calc(250px + var(--y-percent) * 100px);
475          perspective: calc(250px + var(--y-percent) * 100px);
476  -webkit-perspective-origin: 48% 62%;
477          perspective-origin: 48% 62%;
478  -webkit-transition: -webkit-transform 0.1s ease;
479  transition: -webkit-transform 0.1s ease;
480  transition: transform 0.1s ease;
481  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
482  opacity: 0;
483  -webkit-animation: fadeIn 0.5s ease-out forwards;
484          animation: fadeIn 0.5s ease-out forwards;
485}
486.scrolling_showcase .left_side, .scrolling_showcase .right_side, .static_showcase .left_side, .static_showcase .right_side {
487  display: -webkit-box;
488  display: -ms-flexbox;
489  display: flex;
490  -webkit-box-orient: vertical;
491  -webkit-box-direction: normal;
492      -ms-flex-direction: column;
493          flex-direction: column;
494  position: absolute;
495  width: 50%;
496  padding: 0.5em;
497}
498.scrolling_showcase .left_side img, .scrolling_showcase .right_side img, .static_showcase .left_side img, .static_showcase .right_side img {
499  border-radius: 4px;
500  margin: 0.5em 0;
501}
502.scrolling_showcase .left_side, .static_showcase .left_side {
503  top: 0px;
504  left: 0px;
505  -webkit-animation: floatDownUp linear infinite;
506          animation: floatDownUp linear infinite;
507  -webkit-animation-duration: 200s;
508          animation-duration: 200s;
509}
510.scrolling_showcase .right_side, .static_showcase .right_side {
511  bottom: 0px;
512  right: 0px;
513  -webkit-animation: floatUpDown linear infinite;
514          animation: floatUpDown linear infinite;
515  -webkit-animation-duration: 160s;
516          animation-duration: 160s;
517}
518.scrolling_showcase .full_size, .static_showcase .full_size {
519  width: 100%;
520  height: 100%;
521  position: relative;
522  display: block;
523}
524.scrolling_showcase .full_size img, .static_showcase .full_size img {
525  height: 105%;
526  max-width: auto;
527  max-width: 200%;
528  position: absolute;
529  top: 0;
530  right: 2em;
531}
532
533.static_showcase {
534  -webkit-transform: none;
535          transform: none;
536}
537
538.hero_2025 {
539  position: relative;
540}
541@media (max-width: 768px) {
542  .hero_2025.borderbottom {
543    margin-bottom: 0;
544  }
545}
546.hero_2025 .border-button {
547  --text-color: #1A1A1A;
548  --background-color: #F45500;
549  --hover-background: #F4F1E7;
550  --hover-text-color: #1A1A1A; /* Light contrast for readability */
551  padding-inline: 26px 32px;
552}
553.hero_2025:before {
554  content: "";
555  display: block;
556  position: absolute;
557  width: 120%;
558  height: 100%;
559  background: -webkit-gradient(linear, left top, right top, from(var(--section-background)), color-stop(64%, color-mix(in srgb, var(--section-background) 56%, rgba(26, 26, 26, 0.56))), to(color-mix(in srgb, var(--section-background) 8%, rgba(26, 26, 26, 0.08))));
560  background: linear-gradient(90deg, var(--section-background) 0%, c
560olor-mix(in srgb, var(--section-background) 56%, rgba(26, 26, 26, 0.56)) 64%, color-mix(in srgb, var(--section-background) 8%, rgba(26, 26, 26, 0.08)) 100%);
561}
562@media (max-width: 768px) {
563  .hero_2025:before {
564    left: -10%;
565  }
566}
567.hero_2025 .hero_info {
568  display: -webkit-box;
569  display: -ms-flexbox;
570  display: flex;
571  -webkit-box-orient: vertical;
572  -webkit-box-direction: normal;
573      -ms-flex-direction: column;
574          flex-direction: column;
575  gap: 34px;
576  z-index: 2;
577  -webkit-box-flex: 1;
578      -ms-flex: 1;
579          flex: 1;
580}
581.hero_2025 .hero_info p {
582  font-size: 24px;
583  font-weight: 400;
584  line-height: 30px;
585}
586.hero_2025 .hero_info .hero_paragraph {
587  font-size: 18px;
588  font-weight: 400;
589  line-height: 25px;
590}
591@media (min-width: 768px) {
592  .hero_2025 .hero_info {
593    max-width: 50%;
594  }
595}
596.hero_2025 .hero_info .dynamic-button:before {
597  content: "->";
598  margin-right: 0.25em;
599}
600.hero_2025 .hero_info .dynamic-button:after {
601  content: "GET TO KNOW C2";
602}
603@media (min-width: 768px) {
604  .hero_2025 .hero_info .dynamic-button:after {
605    content: "GET TO KNOW C2";
606  }
607}
608.hero_2025 .hero_info .client-logos {
609  -ms-flex-wrap: wrap;
610      flex-wrap: wrap;
611  display: -webkit-box;
612  display: -ms-flexbox;
613  display: flex;
614  -webkit-box-align: center;
615      -ms-flex-align: center;
616          align-items: center;
617  -webkit-box-pack: justify;
618      -ms-flex-pack: justify;
619          justify-content: space-between;
620  gap: 1em;
621}
622@media (max-width: 1024px) {
623  .hero_2025 .hero_info .client-logos {
624    -webkit-box-pack: center;
625        -ms-flex-pack: center;
626            justify-content: center;
627  }
628}
629.hero_2025 .hero_subheading {
630  font-size: 30px;
631  font-style: normal;
632  font-weight: 700;
633  line-height: 36px;
634}
635.hero_2025 .hero_image {
636  position: relative;
637  -webkit-box-flex: 1;
638      -ms-flex: 1;
639          flex: 1;
640  max-width: 50%;
641  height: 900px;
642}
643.hero_2025 .hero_image img {
644  position: absolute;
645  height: 100%;
646  width: auto;
647  top: 0;
648  right: -72px;
649  opacity: 0.2;
650}
651@media (min-width: 768px) {
652  .hero_2025 .hero_image img {
653    opacity: 1;
654  }
655}
656
657.beige_section, .color_section {
658  --section-color: #1a1a1a;
659  --section-highlight: #EAE7DD;
660  --section-background: #F4F1E7;
661  background-color: var(--section-background);
662}
663.beige_section .sticky_text, .color_section .sticky_text {
664  color: var(--section-color);
665}
666.beige_section .border-button, .color_section .border-button {
667  --text-color: #1A1A1A;
668  --background-color: transparent;
669  --hover-background: #1A1A1A;
670  --hover-text-color: #F4F1E7; /* Light contrast for readability */
671}
672.beige_section .borderbottom, .color_section .borderbottom {
673  border-color: var(---Color-Dark);
674}
675.beige_section, .beige_section h1, .beige_section h2, .beige_section h3, .beige_section h4, .beige_section h5, .beige_section p, .beige_section div, .color_section, .color_section h1, .color_section h2, .color_section h3, .color_section h4, .color_section h5, .color_section p, .color_section div {
676  color: var(--section-color);
677}
678
679.color_section {
680  --section-color: #f4f1e7;
681  --section-highlight: #EAE7DD;
682  --section-background: #AF3233;
683}
684.color_section .sticky_text {
685  color: var(--section-color);
686}
687.color_section .border-button {
688  --text-color: var(--section-color);
689  --background-color: transparent;
690  --hover-background: #1A1A1A;
691  --hover-text-color: var(--section-color); /* Light contrast for readability */
692}
693.color_section .borderbottom {
694  border-color: var(---Color-Dark);
695}
696
697.color_section.red_section {
698  --section-color: #f4f1e7;
699  --section-highlight: #EAE7DD;
700  --section-background: #AF3233;
701}
702
703.color_section.blue_section {
704  --section-color: #f4f1e7;
705  --section-highlight: #EAE7DD;
706  --section-background: #2B6CB0;
707}
708
709.color_section.darkblue_section {
710  --section-color: #f4f1e7;
711  --section-highlight: #EAE7DD;
712  --section-background: #34495E;
713}
714
715.color_section.green_section {
716  --section-color: #f4f1e7;
717  --section-highlight: #EAE7DD;
718  --section-background: #367C39;
719}
720
721.color_section.teal_section {
722  --section-color: #f4f1e7;
723  --section-highlight: #EAE7DD;
724  --section-background: #007F8F;
725}
726
727.color_section.navy_section {
728  --section-color: #F4F1E7;
729  --section-highlight: #EAE7DD;
730  --section-background: #34495e;
731}
732
733.color_section.orange_section {
734  --section-color: #f4f1e7;
735  --section-highlight: #EAE7DD;
736  --section-background: #D3682F;
737}
738
739.icon_value .icon_value_icon {
740  width: 40px;
741  height: 40px;
742  display: -webkit-box;
743  display: -ms-flexbox;
744  display: flex;
745  -webkit-box-pack: center;
746      -ms-flex-pack: center;
747          justify-content: center;
748  -webkit-box-align: center;
749      -ms-flex-align: center;
750          align-items: center;
751  padding: 0;
752}
753.icon_value .icon_value_icon .w-embed {
754  width: 24px;
755  height: 24px;
756  overflow: visible;
757}
758.icon_value .icon_value_header {
759  color: var(--section-color);
760  font-size: 18px;
761  font-style: normal;
762  font-weight: 600;
763  line-height: 28px;
764}
765
766.faq_2025 {
767  width: 100%;
768  padding: 64px 0;
769}
770.faq_2025 .faq_wrapper {
771  position: relative;
772  padding-bottom: 4em;
773}
774@media (max-width: 768px) {
775  .faq_2025 .faq_wrapper .faq_item, .faq_2025 .faq_wrapper .faq_item:hover, .faq_2025 .faq_wrapper .faq_item.active, .faq_2025 .faq_wrapper .faq_closer {
776    padding-inline: 0;
777    max-width: 100%;
778    width: 100%;
779    cursor: pointer;
780    opacity: 1;
781  }
782  .faq_2025 .faq_wrapper .faq_item.active .arrow {
783    display: none;
784  }
785  .faq_2025 .faq_wrapper .faq_item.active:hover .arrow {
786    display: inline-block;
787  }
788  .faq_2025 .faq_wrapper .faq_answer {
789    display: none !important;
790  }
791}
792.faq_2025 .faq_item {
793  font-family: Manrope;
794  margin: 0.15em 0;
795  color: var(--section-color);
796  font-size: 40px;
797  font-weight: 500;
798  line-height: 44px;
799  word-wrap: break-word;
800  opacity: 0.5;
801  width: 65%;
802  max-width: 65%;
803  cursor: pointer;
804  -webkit-transition: all 0.25s ease-in-out;
805  transition: all 0.25s ease-in-out;
806}
807.faq_2025 .faq_item .arrow {
808  display: none;
809}
810.faq_2025 .faq_item:hover, .faq_2025 .faq_item.active {
811  opacity: 1;
812  padding-left: 45px;
813  width: 80%;
814  max-width: 80%;
815  padding-right: 20%;
816}
817.faq_2025 .faq_item:hover .arrow, .faq_2025 .faq_item.active .arrow {
818  display: inline-block;
819}
820.faq_2025 .faq_item:hover .faq_answer, .faq_2025 .faq_item.active .faq_answer {
821  opacity: 1;
822  pointer-events: initial;
823}
824.faq_2025 .faq_item:hover .faq_answer {
825  z-index: 20;
826}
827.faq_2025 .faq_item .faq_question {
828  display: -webkit-box;
829  display: -ms-flexbox;
830  display: flex;
831  -webkit-box-align: center;
832      -ms-flex-align: center;
833          align-items: center;
834  height: 40px;
835  max-height: 40px;
836  overflow: hidden;
837}
838.faq_2025 .faq_item .faq_question .faq_heading {
839  color: var(--section-color);
840  text-overflow: ellipsis;
841  margin: 0;
842  padding: 0;
843  white-space: pre;
844}
845.faq_2025 .faq_item .faq_answer {
846  position: absolute;
847  margin: 0;
848  -webkit-transition: all 0.25s ease-in-out;
849  transition: all 0.25s ease-in-out;
850  opacity: 0;
851  top: 0;
852  right: 0;
853  display: -webkit-box;
854  display: -ms-flexbox;
855  display: flex;
856  width: 30%;
857  max-width: 30%;
858  display: flex;
859  gap: 1em;
860  -webkit-box-orient: vertical;
861  -webkit-box-direction: normal;
862      -ms-flex-direction: column;
863          flex-direction: column;
864  -webkit-box-pack: justify;
865      -ms-flex-pack: justify;
866          justify-content: space-between;
867  height: 100%;
868  -webkit-box-align: stretch;
869      -ms-flex-align: stretch;
870          align-items: stretch;
871  pointer-events: none;
872  background-color: var(--section-background);
873}
874.faq_2025 .faq_item .faq_answer p {
875  padding: 45px;
876  color: var(--section-color);
877  background-color: var(--section-highlight);
878  font-size: 18px;
879  font-style: normal;
880  font-weight: 400;
881  line-height: 25px;
882}
883.faq_2025 .faq_item .faq_answer a {
884  min-width: 100%;
885  text-align: center;
886  display: none;
887}
888.faq_2025 .faq_item .faq_answer a.added {
889  display: block;
890}
891.faq_2025 .faq_closer {
892  color: var(--section-color);
893  width: 65%;
894  max-width: 65%;
895  font-size: 18px;
896  font-style: normal;
897  font-weight: 400;
898  line-height: 25px;
899  padding: 1em 0;
900}
901
902.section_static-quotes .container_2025 {
903  display: -webkit-box;
904  display: -ms-flexbox;
905  display: flex;
906  -webkit-box-orient: vertical;
907  -webkit-box-direction: normal;
908      -ms-flex-direction: column;
909          flex-direction: column;
910}
911.section_static-quotes .section_subheading {
912  color: var(--section-color);
913  max-width: 400px;
914}
915@media (min-width: 768px) {
916  .section_static-quotes .section_subheading {
917    margin-bottom: 80px;
918  }
919}
920.section_static-quotes .w-layout-hflex {
921  display: -webkit-box;
922  display: -ms-flexbox;
923  display: flex;
924  gap: 50px;
925  padding-bottom: 150px;
926}
927
928@media (max-width: 768px) {
929  .social_proofs_outerwrapper svg {
930    max-width: 40px;
931    max-height: 40px;
932  }
933  .social_proofs_outerwrapper .social_proofs {
934    gap: 1em;
935  }
936  .social_proofs_outerwrapper .social_proof .social_proof_quote, .social_proofs_outerwrapper .social_proof .social_proof_attribute {
937    font-size: 20px;
938  }
939}
940.social_proofs_outerwrapper .social_proof {
941  background-color: var(--Color-Dark);
942  opacity: 0;
943  pointer-events: none;
944  -webkit-transition: all 0.25s ease-in-out;
945  transition: all 0.25s ease-in-out;
946}
947.social_proofs_outerwrapper .social_proof_indicators {
948  display: -webkit-box;
949  display: -ms-flexbox;
950  display: flex;
951  gap: 1em;
952}
953.social_proofs_outerwrapper .social_proof_indicators .social_proof_indicator {
954  -webkit-transition: width 0.25s ease-in-out;
955  transition: width 0.25s ease-in-out;
956  cursor: pointer;
957}
958.social_proofs_outerwrapper .social_proof_wrapper.sized {
959  position: relative;
960}
961.social_proofs_outerwrapper .social_proof_wrapper.sized .social_proof {
962  position: absolute;
963  top: 0;
964  left: 0;
965  width: 100%;
966}
967.social_proofs_outerwrapper[data-active="1"] .social_proof:nth-child(1) {
968  opacity: 1;
969}
970.social_proofs_outerwrapper[data-active="1"] .social_proof_indicator:nth-child(1) {
971  background-color: #d9d9d9;
972  width: 72px;
973}
974.social_proofs_outerwrapper[data-active="2"] .social_proof:nth-child(2) {
975  opacity: 1;
976}
977.social_proofs_outerwrapper[data-active="2"] .social_proof_indicator:nth-child(2) {
978  background-color: #d9d9d9;
979  width: 72px;
980}
981.social_proofs_outerwrapper[data-active="3"] .social_proof:nth-child(3) {
982  opacity: 1;
983}
984.social_proofs_outerwrapper[data-active="3"] .social_proof_indicator:nth-child(3) {
985  background-color: #d9d9d9;
986  width: 72px;
987}
988.social_proofs_outerwrapper[data-active="4"] .social_proof:nth-child(4) {
989  opacity: 1;
990}
991.social_proofs_outerwrapper[data-active="4"] .social_proof_indicator:nth-child(4) {
992  background-color: #d9d9d9;
993  width: 72px;
994}
995.social_proofs_outerwrapper[data-active="5"] .social_proof:nth-child(5) {
996  opacity: 1;
997}
998.social_proofs_outerwrapper[data-active="5"] .social_proof_indicator:nth-child(5) {
999  background-color: #d9d9d9;
1000  width: 72px;
1001}
1002.social_proofs_outerwrapper[data-active="6"] .social_proof:nth-child(6) {
1003  opacity: 1;
1004}
1005.social_proofs_outerwrapper[data-active="6"] .social_proof_indicator:nth-child(6) {
1006  background-color: #d9d9d9;
1007  width: 72px;
1008}
1009.social_proofs_outerwrapper[data-active="7"] .social_proof:nth-child(7) {
1010  opacity: 1;
1011}
1012.social_proofs_outerwrapper[data-active="7"] .social_proof_indicator:nth-child(7) {
1013  background-color: #d9d9d9;
1014  width: 72px;
1015}
1016.social_proofs_outerwrapper[data-active="8"] .social_proof:nth-child(8) {
1017  opacity: 1;
1018}
1019.social_proofs_outerwrapper[data-active="8"] .social_proof_indicator:nth-child(8) {
1020  background-color: #d9d9d9;
1021  width: 72px;
1022}
1023.social_proofs_outerwrapper[data-active="9"] .social_proof:nth-child(9) {
1024  opacity: 1;
1025}
1026.social_proofs_outerwrapper[data-active="9"] .social_proof_indicator:nth-child(9) {
1027  background-color: #d9d9d9;
1028  width: 72px;
1029}
1030.social_proofs_outerwrapper[data-active="10"] .social_proof:nth-child(10) {
1031  opacity: 1;
1032}
1033.social_proofs_outerwrapper[data-active="10"] .social_proof_indicator:nth-child(10) {
1034  background-color: #d9d9d9;
1035  width: 72px;
1036}
1037
1038.our_clients_container.container_2025 {
1039  display: -webkit-box;
1040  display: -ms-flexbox;
1041  display: flex;
1042  -ms-flex-wrap: wrap;
1043      flex-wrap: wrap;
1044  gap: 2rem; /* This replaces grid-column-gap and grid-row-gap */
1045  -webkit-box-pack: justify;
1046      -ms-flex-pack: justify;
1047          justify-content: space-between;
1048  -webkit-box-align: center;
1049      -ms-flex-align: center;
1050          align-items: center;
1051}
1052@media (min-width: 768px) {
1053  .our_clients_container.container_2025 {
1054    padding-top: 65px;
1055    padding-bottom: 65px;
1056  }
1057}
1058.our_clients_container.container_2025 .logo_row {
1059  width: 100%;
1060}
1061@media (max-width: 768px) {
1062  .our_clients_container.container_2025 {
1063    margin-top: 0;
1064  }
1065  .our_clients_container.container_2025 .logo_row {
1066    -webkit-box-orient: vertical;
1067    -webkit-box-direction: normal;
1068        -ms-flex-direction: column;
1069            flex-direction: column; /* Ensures wrapping */
1070    padding-top: 30px; /* Reduce padding */
1071    padding-bottom: 30px;
1072    gap: 1rem; /* Reduce spacing between items */
1073    -ms-flex-item-align: stretch;
1074        -ms-grid-row-align: stretch;
1075        align-self: stretch;
1076  }
1077}
1078
1079.case-studies-header {
1080  display: -webkit-box;
1081  display: -ms-flexbox;
1082  display: flex;
1083  -webkit-box-pack: justify;
1084      -ms-flex-pack: justify;
1085          justify-content: space-between;
1086  margin: 32px 0;
1087}
1088@media (max-width: 768px) {
1089  .case-studies-header {
1090    margin: 0;
1091  }
1092}
1093
1094.ms-content {
1095  white-space: nowrap;
1096  overflow: visible;
1097}
1098.ms-content.w-embed:before, .ms-content.w-embed:after {
1099  display: none;
1100  content: "";
1101}
1102
1103.item {
1104  width: 300px;
1105  display: -webkit-inline-box;
1106  display: -ms-inline-flexbox;
1107  display: inline-flex;
1108  -webkit-box-orient: vertical;
1109  -webkit-box-direction: normal;
1110      -ms-flex-direction: column;
1111          flex-direction: column;
1112  margin: 0px 8px;
1113  white-space: initial;
1114  height: 100%;
1115  -webkit-transition: opacity 0.3s ease-in-out 0.2s;
1116  transition: opacity 0.3s ease-in-out 0.2s;
1117  --Active-Color: var(--Color-Light-Inactive);
1118}
1119@media (min-width: 640px) {
1120  .item {
1121    width: 400px;
1122  }
1123}
1124@media (min-width: 1024px) {
1125  .item {
1126    width: 450px;
1127  }
1128}
1129.item:hover, .item:first-child {
1130  --Active-Color: var(--Color-Light);
1131}
1132.item[style] {
1133  opacity: 0;
1134}
1135.item .cs-image {
1136  position: relative;
1137  overflow: hidden;
1138  border-radius: 4px;
1139  width: 300px;
1140  height: 300px;
1141  display: -webkit-box;
1142  display: -ms-flexbox;
1143  display: flex;
1144  -webkit-box-align: center;
1145      -ms-flex-align: center;
1146          align-items: center;
1147  -webkit-box-pack: center;
1148      -ms-flex-pack: center;
1149          justify-content: center;
1150}
1151@media (min-width: 640px) {
1152  .item .cs-image {
1153    width: 400px;
1154    height: 400px;
1155  }
1156}
1157@media (min-width: 1024px) {
1158  .item .cs-image {
1159    width: 450px;
1160    height: 450px;
1161  }
1162}
1163.item .cs-image .cs-tags {
1164  display: -webkit-box;
1165  display: -ms-flexbox;
1166  display: flex;
1167  gap: 10px;
1168  position: absolute;
1169  top: 8px;
1170  left: 8px;
1171  z-index: 5;
1172  margin: 0;
1173  padding: 0;
1174}
1175.item .cs-image .cs-tags li {
1176  list-style: none;
1177  border-radius: 4px;
1178  line-height: 24px;
1179  padding: 0px 8px;
1180  background: rgba(244, 241, 231, 0.8);
1181  -webkit-backdrop-filter: blur(2px);
1182          backdrop-filter: blur(2px);
1183  color: var(--Color-Dark);
1184  text-transform: uppercase;
1185  font-size: 14px;
1186}
1187.item .cs-image img {
1188  position: absolute;
1189  top: 50%;
1190  left: 50%;
1191  -webkit-transform: translate(-50%, -50%);
1192          transform: translate(-50%, -50%);
1193  width: 100%;
1194  height: 100%;
1195  -o-object-fit: cover;
1196     object-fit: cover;
1197}
1198.item .cs-info {
1199  line-height: 32px;
1200}
1201.item .cs-info h3.cs-header {
1202  color: var(--Active-Color);
1203  font-size: 22px;
1204  font-weight: 500;
1205  margin: 1em 0;
1206  -webkit-transition: color 0.2s ease-in-out;
1207  transition: color 0.2s ease-in-out;
1208}
1209.item .cs-info h3.cs-header span.arrow {
1210  content: "->";
1211}
1212.item .cs-info .cs-text {
1213  color: var(--Active-Color);
1214  font-size: 18px;
1215  font-weight: 400;
1216  -webkit-transition: color 0.2s ease-in-out;
1217  transition: color 0.2s ease-in-out;
1218}
1219
1220.case-studies-header-wrapper {
1221  display: -webkit-box;
1222  display: -ms-flexbox;
1223  display: flex;
1224  -webkit-box-orient: vertical;
1225  -webkit-box-direction: normal;
1226      -ms-flex-direction: column;
1227          flex-direction: column;
1228  gap: 2em;
1229  margin: 0 0 2em 0;
1230}
1231@media (min-width: 768px) {
1232  .case-studies-header-wrapper {
1233    margin: -100px 0 60px 0;
1234    gap: 1em;
1235  }
1236  .case-studies-header-wrapper p {
1237    max-width: 50%;
1238  }
1239}
1240
1241.case-studies-header {
1242  display: -webkit-box;
1243  display: -ms-flexbox;
1244  display: flex;
1245  -webkit-box-pack: justify;
1246      -ms-flex-pack: justify;
1247          justify-content: space-between;
1248}
1249
1250.case-studies-button.border-button {
1251  color: var(--Color-Light);
1252  padding: 8px 18px 8px 16px;
1253}
1254.case-studies-button.border-button.ms-right {
1255  padding: 8px 16px 8px 18px;
1256}
1257.case-studies-button.border-button:hover {
1258  color: var(--Color-Dark);
1259}
1260
1261@media (min-width: 640px) {
1262  .container_about-us {
1263    margin: -100px 0 0px 0;
1264  }
1265}
1266.container_about-us .about-us-info {
1267  padding: 52px 0;
1268  display: -webkit-box;
1269  display: -ms-flexbox;
1270  display: flex;
1271  -webkit-box-pack: justify;
1272      -ms-flex-pack: justify;
1273          justify-content: space-between;
1274  -webkit-box-align: end;
1275      -ms-flex-align: end;
1276          align-items: flex-end;
1277  gap: 1em;
1278}
1279@media (max-width: 768px) {
1280  .container_about-us .about-us-info {
1281    -webkit-box-orient: vertical;
1282    -webkit-box-direction: normal;
1283        -ms-flex-direction: column;
1284            flex-direction: column;
1285  }
1286}
1287.container_about-us p {
1288  max-width: 574px;
1289  color: var(--text-color);
1290}
1291@media (max-width: 768px) {
1292  .container_about-us.borderbottom {
1293    margin-bottom: 0;
1294  }
1295}
1296
1297@media (max-width: 768px) {
1298  .our_approach_section.borderbottom {
1299    margin-bottom: 0;
1300  }
1301}
1302
1303.ms-content {
1304  white-space: nowrap;
1305  overflow: visible;
1306}
1307.ms-content.w-embed:before, .ms-content.w-embed:after {
1308  display: none;
1309  content: "";
1310}
1311
1312.item {
1313  width: 300px;
1314  display: -webkit-inline-box;
1315  display: -ms-inline-flexbox;
1316  display: inline-flex;
1317  -webkit-box-orient: vertical;
1318  -webkit-box-direction: normal;
1319      -ms-flex-direction: column;
1320          flex-direction: column;
1321  margin: 0px 8px;
1322  white-space: initial;
1323  height: 100%;
1324  -webkit-transition: opacity 0.3s ease-in-out 0.2s;
1325  transition: opacity 0.3s ease-in-out 0.2s;
1326  --Active-Color: var(--Color-Light-Inactive);
1327}
1328@media (min-width: 640px) {
1329  .item {
1330    width: 400px;
1331  }
1332}
1333@media (min-width: 1024px) {
1334  .item {
1335    width: 450px;
1336  }
1337}
1338.item:hover, .item:first-child {
1339  --Active-Color: var(--Color-Light);
1340}
1341.item[style] {
1342  opacity: 0;
1343}
1344.item .cs-image {
1345  position: relative;
1346  overflow: hidden;
1347  border-radius: 4px;
1348  width: 300px;
1349  height: 300px;
1350  display: -webkit-box;
1351  display: -ms-flexbox;
1352  display: flex;
1353  -webkit-box-align: center;
1354      -ms-flex-align: center;
1355          align-items: center;
1356  -webkit-box-pack: center;
1357      -ms-flex-pack: center;
1358          justify-content: center;
1359}
1360@media (min-width: 640px) {
1361  .item .cs-image {
1362    width: 400px;
1363    height: 400px;
1364  }
1365}
1366@media (min-width: 1024px) {
1367  .item .cs-image {
1368    width: 450px;
1369    height: 450px;
1370  }
1371}
1372.item .cs-image .cs-tags {
1373  display: -webkit-box;
1374  display: -ms-flexbox;
1375  display: flex;
1376  gap: 10px;
1377  position: absolute;
1378  top: 8px;
1379  left: 8px;
1380  z-index: 5;
1381  margin: 0;
1382  padding: 0;
1383}
1384.item .cs-image .cs-tags li {
1385  list-style: none;
1386  border-radius: 4px;
1387  line-height: 24px;
1388  padding: 0px 8px;
1389  background: rgba(244, 241, 231, 0.8);
1390  -webkit-backdrop-filter: blur(2px);
1391          backdrop-filter: blur(2px);
1392  color: var(--Color-Dark);
1393  text-transform: uppercase;
1394  font-size: 14px;
1395}
1396.item .cs-image img {
1397  position: absolute;
1398  top: 50%;
1399  left: 50%;
1400  -webkit-transform: translate(-50%, -50%);
1401          transform: translate(-50%, -50%);
1402  width: 100%;
1403  height: 100%;
1404  -o-object-fit: cover;
1405     object-fit: cover;
1406}
1407.item .cs-info {
1408  line-height: 32px;
1409}
1410.item .cs-info h3.cs-header {
1411  color: var(--Active-Color);
1412  font-size: 22px;
1413  font-weight: 500;
1414  margin: 1em 0;
1415  -webkit-transition: color 0.2s ease-in-out;
1416  transition: color 0.2s ease-in-out;
1417}
1418.item .cs-info h3.cs-header span.arrow {
1419  content: "->";
1420}
1421.item .cs-info .cs-text {
1422  color: var(--Active-Color);
1423  font-size: 18px;
1424  font-weight: 400;
1425  -webkit-transition: color 0.2s ease-in-out;
1426  transition: color 0.2s ease-in-out;
1427}
1428
1429@media (max-width: 768px) {
1430  .optimizely_container .optimizely_header svg {
1431    height: auto;
1432    max-height: 50px;
1433  }
1434  .optimizely_container .optimizely_stats {
1435    -ms-flex-wrap: wrap;
1436        flex-wrap: wrap;
1437    -webkit-box-pack: justify;
1438        -ms-flex-pack: justify;
1439            justify-content: space-between;
1440    gap: 1em !important;
1441    padding-bottom: 2em;
1442  }
1443  .optimizely_container .optimizely_stats .icon_stat,
1444  .optimizely_container .optimizely_stats .number_stat {
1445    width: calc(45% - 1em);
1446  }
1447}
1448@media (max-width: 768px) and (max-width: 768px) {
1449  .optimizely_container .optimizely_stats {
1450    margin-bottom: 0;
1451  }
1452}
1453.optimizely_container .dynamic-button:before {
1454  content: "->";
1455  margin-right: 0.25em;
1456}
1457.optimizely_container .dynamic-button:afterOLD {
1458  content: "LEARN MORE";
1459}
1460@media (min-width: 768px) {
1461  .optimizely_container .dynamic-button:afterOLD {
1462    content: "LEARN MORE ABOUT OUR OPTIMIZELY EXPERTISE";
1463  }
1464}
1465.optimizely_container .optimizely_header {
1466  -webkit-box-orient: vertical;
1467  -webkit-box-direction: normal;
1468      -ms-flex-direction: column;
1469          flex-direction: column;
1470  margin-bottom: 2em;
1471  gap: 1em;
1472}
1473@media (min-width: 768px) {
1474  .optimizely_container .optimizely_header {
1475    -webkit-box-orient: horizontal;
1476    -webkit-box-direction: normal;
1477        -ms-flex-direction: row;
1478            flex-direction: row;
1479    -webkit-box-pack: justify;
1480        -ms-flex-pack: justify;
1481            justify-content: space-between;
1482    margin-bottom: 1em;
1483    -webkit-box-align: end;
1484        -ms-flex-align: end;
1485            align-items: flex-end;
1486    gap: 96px;
1487    margin: -100px 0 60px 0;
1488  }
1489}
1490.optimizely_container .optimizely_intro {
1491  display: -webkit-box;
1492  display: -ms-flexbox;
1493  display: flex;
1494  -webkit-box-orient: vertical;
1495  -webkit-box-direction: normal;
1496      -ms-flex-direction: column;
1497          flex-direction: column;
1498  gap: 2em;
1499  max-width: 880px;
1500}
1501.optimizely_container .optimizely_intro, .optimizely_container .optimizely_intro p {
1502  color: var(--Color-Dark);
1503}
1504.optimizely_container .optimizely_stats {
1505  display: -webkit-box;
1506  display: -ms-flexbox;
1507  display: flex;
1508  gap: clamp(40px, 5vw, 10%);
1509  padding-bottom: 60px;
1510}
1511.optimizely_container .optimizely_stats .icon_stat {
1512  display: -webkit-box;
1513  display: -ms-flexbox;
1514  display: flex;
1515  -webkit-box-orient: vertical;
1516  -webkit-box-direction: normal;
1517      -ms-flex-direction: column;
1518          flex-direction: column;
1519  gap: 12px;
1520  color: var(--Color-Dark);
1521  font-style: normal;
1522}
1523.optimizely_container .optimizely_stats .icon_svg {
1524  width: 40px;
1525  height: 40px;
1526}
1527.optimizely_container .optimizely_stats .icon_caption {
1528  font-size: 24px;
1529  font-style: normal;
1530  font-weight: 600;
1531  line-height: 1.1667em;
1532  white-space: pre;
1533}
1534.optimizely_container .optimizely_stats .icon_year {
1535  font-size: 24px;
1536  font-weight: 400;
1537  line-height: 1.0417em; /* 25px / 24px */
1538  opacity: 0.6;
1539}
1540.optimizely_container .optimizely_stats .stat_number {
1541  font-size: 40px;
1542  white-space: nowrap;
1543  font-style: normal;
1544  font-weight: 400;
1545  line-height: 1.2em; /* 96px / 80px */
1546}
1547@media (min-width: 1024px) {
1548  .optimizely_container .optimizely_stats .stat_number {
1549    font-size: 60px;
1550  }
1551}
1552@media (min-width: 1280px) {
1553  .optimizely_container .optimizely_stats .stat_number {
1554    font-size: 80px;
1555  }
1556}
1557.optimizely_container .optimizely_stats .stat_caption {
1558  font-size: 16px;
1559  font-weight: 400;
1560  line-height: 1.25em; /* 20px / 16px */
1561  opacity: 0.6;
1562}
1563
1564.chaos_container {
1565  color: var(--section-color);
1566}
1567.chaos_container h3 {
1568  color: var(--section-color);
1569  font-size: 48px;
1570  font-style: normal;
1571  font-weight: 700;
1572  line-height: 48px;
1573}
1574.chaos_container .approachImage {
1575  margin: 1em 0;
1576}
1577@media (min-width: 768px) {
1578  .chaos_container .approachImage {
1579    margin: 4em 0 120px 0;
1580  }
1581}
1582.chaos_container .chaos_order {
1583  display: -webkit-box;
1584  display: -ms-flexbox;
1585  display: flex;
1586  gap: 1em;
1587  padding-bottom: 32px;
1588}
1589@media (max-width: 768px) {
1590  .chaos_container .chaos_order {
1591    -webkit-box-orient: vertical;
1592    -webkit-box-direction: normal;
1593        -ms-flex-direction: column;
1594            flex-direction: column;
1595  }
1596}
1597.chaos_container .chaos_order h4, .chaos_container .chaos_order p {
1598  -webkit-box-flex: 1;
1599      -ms-flex: 1;
1600          flex: 1;
1601}
1602.chaos_container .chaos_order h4 {
1603  font-size: 36px;
1604  font-style: normal;
1605  font-weight: 700;
1606  line-height: 40px;
1607}
1608
1609.section_contact-form .contact_flex {
1610  -webkit-box-orient: vertical;
1611  -webkit-box-direction: normal;
1612      -ms-flex-direction: column;
1613          flex-direction: column;
1614}
1615@media (min-width: 640px) {
1616  .section_contact-form .contact_flex {
1617    margin: -100px 0 60px 0;
1618    -webkit-box-orient: horizontal;
1619    -webkit-box-direction: normal;
1620        -ms-flex-direction: row;
1621            flex-direction: row;
1622  }
1623}
1624.section_contact-form .contact_copy {
1625  max-width: 560px;
1626  display: -webkit-box;
1627  display: -ms-flexbox;
1628  display: flex;
1629  gap: 1em;
1630  -webkit-box-orient: vertical;
1631  -webkit-box-direction: normal;
1632      -ms-flex-direction: column;
1633          flex-direction: column;
1634}
1635.section_contact-form .contact_heading {
1636  font-family: railroad-gothic-atf, sans-serif;
1637  font-style: normal;
1638  font-weight: 400;
1639  line-height: 1.15em; /* 113.043% */
1640  text-transform: uppercase;
1641  font-size: 60px;
1642  padding-top: 1em;
1643}
1644@media (min-width: 640px) {
1645  .section_contact-form .contact_heading {
1646    font-size: 92px;
1647    padding-top: 0;
1648  }
1649}
1650.section_contact-form .contact_form {
1651  -webkit-box-flex: 1;
1652      -ms-flex-positive: 1;
1653          flex-grow: 1;
1654}
1655
1656@media (max-width: 768px) {
1657  .icon_values {
1658    -webkit-box-orient: vertical;
1659    -webkit-box-direction: normal;
1660        -ms-flex-direction: column;
1661            flex-direction: column;
1662  }
1663}
1664
1665.hs-submit .actions .hs-button {
1666  --text-color: #1A1A1A;
1667  --background-color: #F45500;
1668  --hover-background: #F4F1E7;
1669  --hover-text-color: #1A1A1A; /* Light contrast for readability */
1670}
1671
1672form.hs-form {
1673  -webkit-box-shadow: none;
1674          box-shadow: none;
1675}
1676
1677.other_posts-title_text:hover {
1678  color: var(--Color-Dark);
1679  text-decoration: underline;
1680  text-decoration-color: #F45500;
1681}
1682
1683.line_left {
1684  z-index: 1000;
1685  background-color: rgba(255, 255, 255, 0.4666666667); /* Default color */
1686  width: 1px;
1687  height: 100vh; /* Full height */
1688  position: fixed;
1689  inset: 0% 0% 0% 4.5rem;
1690  overflow: visible;
1691  mix-blend-mode: difference; /* Inverts color based on the background */
1692}
1693
1694.calendly-iframe {
1695  max-height: 50px;
1696  opacity: 0;
1697  -webkit-transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
1698  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
1699  overflow: hidden;
1700  height: 900px;
1701}
1702
1703/* When the form is submitted */
1704.submitted .calendly-iframe {
1705  max-height: 1000px;
1706  opacity: 1;
1707}
1708
1709/* Override dynamic-button text if needed */
1710.hero_2025 .hero_info .dynamic-button:after {
1711  content: "LEARN MORE";
1712}
1713
1714@media (min-width: 768px) {
1715  .hero_2025 .hero_info .dynamic-button:after {
1716    content: "LEARN MORE ABOUT WHAT THIS MEANS";
1717  }
1718}
1719/* Alternate version of .border-button padding if preferred */
1720.border-button {
1721  padding: 8px 12px 8px 8px;
1722}
1723
1724/* Restore default visibility for FAQ links if .added logic is not used */
1725.faq_2025 .faq_item .faq_answer a {
1726  min-width: 100%;
1727  text-align: center;
1728}
1729
1730/* Alternate media query trigger for case-studies-header */
1731@media (min-width: 640px) {
1732  .case-studies-header {
1733    margin: -100px 0 60px 0;
1734  }
1735}
1736.mobiletoggle:after {
1737  content: "";
1738  display: inline-block;
1739  width: 20px;
1740  height: 20px;
1741  background-color: var(--papaya-whip);
1742  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z" fill="%23000000"/></svg>');
1743  -webkit-mask-repeat: no-repeat;
1744  -webkit-mask-size: contain;
1745  -webkit-mask-image: uurl('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z" fill="%23000000"/></svg>');
1746          mask-image: uurl('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z" fill="%23000000"/></svg>');
1747  mask-repeat: no-repeat;
1748  mask-size: contain;
1749  -webkit-transform: rotate(-90deg);
1750          transform: rotate(-90deg);
1751  -webkit-transition: -webkit-transform 0.2s ease-in-out;
1752  transition: -webkit-transform 0.2s ease-in-out;
1753  transition: transform 0.2s ease-in-out;
1754  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
1755}
1756
1757.w--open .mobiletoggle:after {
1758  -webkit-transform: none;
1759          transform: none;
1760}</style></div></div><div class="custom-scripts-and-styles w-embed w-script">
1760<script>
1761    (function waitForjQuery() {
1762        if (typeof jQuery === "undefined") {
1763            console.log("⏳ Waiting for jQuery to load...");
1764            setTimeout(waitForjQuery, 50); // Keep checking every 50ms
1765            return;
1766        }
1767
1768        console.log("✅ jQuery is loaded. Initializing scripts...");
1769
1770        jQuery(document).ready(function ($) {
1771            function isDevMode() {
1772                return new URLSearchParams(window.location.search).has('dev');
1773            }
1774
1775            var isDev = isDevMode();
1776            var baseURL = isDev ? "https://styles.c2team.dev/C2Website/" : "https://thec2group-blog.github.io/c2webflow/";
1777            var timestamp = isDev ? "?val=" + new Date().getTime() : "";
1778
1779            function loadScript(src, callback) {
1780                var script = document.createElement("script");
1781                script.src = src;
1782                script.async = true;
1783
1784                script.onload = callback || function () {
1785                    console.log(`✅ Loaded ${src}`);
1786                };
1787
1788                script.onerror = function () {
1789                    console.error(`❌ Failed to load ${src}`);
1790                };
1791
1792                document.body.appendChild(script);
1793            }
1794
1795            console.log("✅ Document is ready. Loading assets...");
1796
1797            if (isDev) {
1798                $(".on-page-css-temp").remove(); // Remove styles with the class 'on-page-css-temp'
1799                console.log("🗑️ Removed .on-page-css-temp styles in dev mode.");
1800
1801                // Remove all <style> elements that are children of #pagestyles
1802                $("#pagestyles style").remove();
1803                console.log("🗑️ Removed <style> elements inside #pagestyles in dev mode.");
1804            }
1805
1806            // Load plugins.js
1807            loadScript(baseURL + "plugins.js" + timestamp, function () {
1808                console.log("✅ plugins.js loaded successfully");
1809
1810                // Load styles.css dynamically
1811                var link = document.createElement("link");
1812                link.rel = "stylesheet";
1813                link.href = baseURL + "styles.css" + timestamp;
1814                document.head.appendChild(link);
1815                console.log("✅ styles.css loaded successfully");
1816
1817                // Load site.js after plugins.js
1818                loadScript(baseURL + "site.js" + timestamp, function () {
1819                    console.log("✅ site.js loaded successfully");
1820                });
1821            });
1822        });
1823    })();
1824</script>
1824
1825
1826<style>
1827  #cookie-banner.cookie-consent {
1828    font-family: Manrope;
1829    position: absolute;
1830    left: 65vw;
1831    width: 30vw;
1832    top:70vh;
1833    background: rgba(0, 0, 0, 0.9);
1834    color: white;
1835    padding: 1rem 2rem 1rem 1rem;
1836    font-size: 14px;
1837    display: flex;
1838    justify-content: space-between;
1839    align-items: center;
1840    gap: 1rem;
1841    flex-wrap: wrap;
1842    transform: translateY(40vh);
1843    opacity: 0;
1844    pointer-events: auto;
1845    transition: transform 0.5s ease, opacity 0.5s ease;
1846  }
1847
1848  #cookie-banner.show {
1849    transform: translateY(0);
1850    opacity: 1;
1851  }
1852
1853  #cookie-banner.hide {
1854    transform: translateY(40vh);
1855    opacity: 0;
1856  }
1857
1858  .cookie-consent a {
1859    color: #00e0ff;
1860    text-decoration: underline;
1861  }
1862
1863  .cookie-consent #accept-cookies {
1864    padding: 0.5rem 1.5rem;
1865    white-space: nowrap;
1866    cursor: pointer;
1867    text-transform:uppercase;
1868  }
1869  
1870  .dismiss-button {
1871    font-family: 'IBM Plex Mono', monospace;
1872    background: none;
1873    border: none;
1874    color: white;
1875    font-size: 1.5rem;
1876    line-height: 1;
1877    cursor: pointer;
1878    margin-left: auto;
1879    margin-top: -0.5rem;
1880    margin-right: -0.5rem;
1881    position: absolute;
1882    top:1.25rem;
1883    right:1rem;
1884  }
1885
1886  @media (max-width: 991px) {
1887    #cookie-banner.cookie-consent {
1888      left: 0;
1889      width:100vw;
1890      border-radius: 0;
1891    }
1892  }
1893</style>
1894
1895<script>
1896  document.addEventListener("DOMContentLoaded", function () {
1897    const banner = document.getElementById("cookie-banner");
1898    const acceptBtn = document.getElementById("accept-cookies");
1899    const dismissBtn = document.getElementById("dismiss-cookies");
1900    const accepted = localStorage.getItem("cookieConsentAccepted");
1901
1902    if (!accepted) {
1903      banner.classList.remove('hidden');
1904      setTimeout(() => {
1905        banner.classList.add('show');
1906      }, 100);
1907
1908      // Auto-hide after 10 seconds
1909      setTimeout(() => {
1910        if (banner.classList.contains('show')) {
1911          banner.classList.remove('show');
1912          banner.classList.add('hide');
1913          setTimeout(() => {
1914            banner.style.display = 'none';
1915          }, 500);
1916        }
1917      }, 10000);
1918    }
1919
1920    acceptBtn.addEventListener("click", function () {
1921      banner.classList.remove('show');
1922      banner.classList.add('hide');
1923
1924      setTimeout(() => {
1925        localStorage.setItem("cookieConsentAccepted", "true");
1926        banner.style.display = 'none';
1927      }, 500);
1928    });
1929
1930    dismissBtn.addEventListener("click", function () {
1931      banner.classList.remove('show');
1932      banner.classList.add('hide');
1933
1934      setTimeout(() => {
1935        banner.style.display = 'none';
1936      }, 500);
1937    });
1938  });
1939</script>
vendor: 1 bytes, line 1939
1939
1940<script type="text/javascript">
1941  _linkedin_partner_id = "8276548";
1942  window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
1943  window._linkedin_data_partner_ids.push(_linkedin_partner_id);
1944</script>
vendor: 1 bytes, line 1944
1944
1945<script type="text/javascript">
1946  (function (l) {
1947    if (!l) {
1948      window.lintrk = function (a, b) {
1949        window.lintrk.q.push([a, b]);
1950      };
1951      window.lintrk.q = [];
1952    }
1953    var s = document.getElementsByTagName("script")[0];
1954    var b = document.createElement("script");
1955    b.type = "text/javascript";
1956    b.async = true;
1957    b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
1958    s.parentNode.insertBefore(b, s);
1959  })(window.lintrk);
1960</script>
1960
1961<noscript>
1962  <img
1963    height="1"
1964    width="1"
1965    style="display: none"
1966    alt=""
1967    src="https://px.ads.linkedin.com/collect/?pid=8276548&fmt=gif"
1968  />
1969</noscript></div></section>
1969<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64d51faf78e73a9da59aac74" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1969<script src="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
1969<script src="https://cdn.prod.website-files.com/64d51faf78e73a9da59aac74/js/webflow.74f7334c.8f61ee9e65ee8526.js" type="text/javascript" integrity="sha384-q5C+j+wACCIVBcbOZO41l/HMwvgKZ55pjh/tWrYs+/AP7EfGAQSbN8DrsAaULF7V" crossorigin="anonymous"></script>
1969
1970<!-- Start of HubSpot Embed Code -->
1971<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8109314.js"></script>
1971
1972<!-- End of HubSpot Embed Code --><!-- new gsap text animation -->  
1973
1974<script src="https://unpkg.com/split-type"></script>
vendor: 1 bytes, line 1974
1974
1975<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
vendor: 1 bytes, line 1975
1975
1976<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 1976
1976
1977<script>
1978window.addEventListener("DOMContentLoaded", (event) => {
1979  setTimeout(() => {
1980    $("[js-line-animation]").each(function (index) {
1981			gsap.set($(this), { autoAlpha: 1 });
1982      let textEl = $(this);
1983      let textContent = $(this).text();
1984      let tl;
1985
1986      function splitText() {
1987        new SplitType(textEl, { types: "lines", tagName: "span" });
1988        textEl.find(".line").each(function (index) {
1989          let lineContent = $(this).html();
1990          $(this).html("");
1991          $(this).append(`<span class="line-inner" style="display: block;">${lineContent}</span>`);
1992        });
1993        tl = gsap.timeline({
1994          scrollTrigger: {
1995            trigger: textEl,
1996            start: "top bottom",
1997            end: "bottom bottom", 
1998            toggleActions: "none play none reset"
1999          }
2000        });
2001        tl.fromTo(textEl.find(".line-inner"), { yPercent: 100 }, { yPercent: 0, duration: 0.6, stagger: { amount: 0.5, ease: "sine.in" } });
2002      }
2003      splitText();
2004
2005      let windowWidth = window.innerWidth;
2006      window.addEventListener("resize", function () {
2007        if (windowWidth !== window.innerWidth) {
2008          windowWidth = window.innerWidth;
2009          tl.kill();
2010          textEl.text(textContent);
2011          splitText();
2012        }
2013      });
2014    });
2015  }, 500);
2016});
2017</script>
2017
2018
2019<!-- smooth scroll -->
2020
2021<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
vendor: 1 bytes, line 2021
2021
2022<script>
2023"use strict"; // fix lenis in safari
2024
2025if (Webflow.env("editor") === undefined) {
2026  const lenis = new Lenis({
2027    lerp: 0.1,
2028    wheelMultiplier: 0.7,
2029    infinite: false,
2030    gestureOrientation: "vertical",
2031    normalizeWheel: false,
2032    smoothTouch: false
2033  });
2034
2035  function raf(time) {
2036    lenis.raf(time);
2037    requestAnimationFrame(raf);
2038  }
2039  requestAnimationFrame(raf);
2040
2041  $("[data-lenis-start]").on("click", function () {
2042    lenis.start();
2043  });
2044  $("[data-lenis-stop]").on("click", function () {
2045    lenis.stop();
2046  });
2047  $("[data-lenis-toggle]").on("click", function () {
2048    $(this).toggleClass("stop-scroll");
2049    if ($(this).hasClass("stop-scroll")) {
2050      lenis.stop();
2051    } else {
2052      lenis.start();
2053    }
2054  });
2055
2056  function connectToScrollTrigger() {
2057    lenis.on("scroll", ScrollTrigger.update);
2058    gsap.ticker.add((time) => {
2059      lenis.raf(time * 1000);
2060    });
2061  }
2062  // Uncomment this if using GSAP ScrollTrigger
2063  // connectToScrollTrigger();
2064}
2065
2066//stop lenis 
2067lenis.stop();
2068
2069//reload lenis animations
2070$(document).ready(function(){lenis.start();})
2071
2072}
2073
2074</script>
2074</body></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.