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's a query or a project proposal, we'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's a query or a project proposal, we'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's a query or a project proposal, we'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 & Consulting</a><a href="/services/ux-visual-design" class="nav-dropdown_linkitem mobile w-dropdown-link">UX & Visual Design</a><a href="/services/web-application-development" class="nav-dropdown_linkitem mobile w-dropdown-link">Web & Application Development</a><a href="/services/adoption-business-enablement" class="nav-dropdown_linkitem mobile w-dropdown-link">Quality, Adoption & Business Enablement</a><a href="/services/continuous-support-optimization" class="nav-dropdown_linkitem mobile w-dropdown-link">Continuous Support & Optimization</a><a href="/services/project-management-delivery" class="nav-dropdown_linkitem mobile w-dropdown-link">Project Management & 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 & Acceleration</a><a href="/accelerators/marketing-tools-personalization" class="nav-dropdown_linkitem mobile w-dropdown-link">Marketing Tools & Personalization</a><a href="/accelerators/cro-strategy-roadmap" class="nav-dropdown_linkitem mobile w-dropdown-link">CRO Strategy & Roadmap</a><a href="/accelerators/experimentation-strategy-adoption" class="nav-dropdown_linkitem mobile w-dropdown-link">Experimentation Strategy & Adoption</a><a href="/accelerators/technical-debt-audit-remediation" class="nav-dropdown_linkitem mobile w-dropdown-link">Technical Debt Audit & 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 & Consulting</a><a href="/services/ux-visual-design" class="nav-dropdown_linkitem w-dropdown-link">UX & Visual Design</a><a href="/services/web-application-development" class="nav-dropdown_linkitem w-dropdown-link">Web & Application Development</a><a href="/services/adoption-business-enablement" class="nav-dropdown_linkitem w-dropdown-link">Quality, Adoption & Business Enablement</a><a href="/services/continuous-support-optimization" class="nav-dropdown_linkitem w-dropdown-link">Continuous Support & Optimization</a><a href="/services/project-management-delivery" class="nav-dropdown_linkitem w-dropdown-link">Project Management & 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 & 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">-> 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-></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'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're here to assist! Whether you are job hunting, networking, or just dropping a 'hello', 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'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 & Consulting</a><a js-line-animation="" href="/services/ux-visual-design" class="link small-footer">UX & Visual Design</a><a js-line-animation="" href="/services/web-application-development" class="link small-footer">Web & Application Development</a><a js-line-animation="" href="/services/adoption-business-enablement" class="link small-footer">Quality, Adoption, & Business Enablement</a><a js-line-animation="" href="/services/continuous-support-optimization" class="link small-footer">Continuous Support & Optimization</a><a js-line-animation="" href="/services/project-management-delivery" class="link small-footer">Project Management & 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.