PageSourceSearch

https://communico.us/about-us

html communico.us collected 2026-10-02 15:29:19 UTC 161,575 bytes, 5,383 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><style data-layer="order">@layer normalize site page siteCustom themeCustom pageCustom block;</style><title>About Us</title><meta charset="UTF-8" data-create-head-fingerprint="h-ec7fbb91" data-create-head-source="core"><meta name="viewport" content="width=device-width, initial-scale=1.0" data-create-head-fingerprint="h-f09eea98" data-create-head-source="core"><!-- Add custom head for 'Communico' -->
2<link rel="icon" href="https://static.libnet.info/frontend-images/editor/comco/create-2025/Favicon/android-chrome-512x512.png" sizes="any" data-create-head-fingerprint="h-cd59f066" data-create-head-source="site-custom"><style data-layer="normalize">@layer normalize {
3
4		.co-skip-links {
5			position: absolute;
6			top: 0;
7			left: 0;
8			z-index: 2147483647;
9		}
10		.co-skip-links__link {
11			position: absolute;
12			top: -200px;
13			left: 0;
14			background: #111;
15			color: #fff;
16			padding: 12px 16px;
17			font-size: 16px;
18			font-weight: 600;
19			line-height: 1;
20			text-decoration: none;
21			border: 2px solid #fff;
22			border-radius: 0 0 4px 0;
23			white-space: nowrap;
24		}
25		.co-skip-links__link:focus,
26		.co-skip-links__link:focus-visible {
27			top: 0;
28		}
29		#main-content {
30			scroll-margin-top: 24px;
31		}
32		html {
33			line-height: 1.15; /* 1 */
34			-webkit-text-size-adjust: 100%; /* 2 */
35		}
36		body {
37			margin: 0;
38		}
39		main {
40			display: block;
41		}
42		section {
43			display: block;
44		}
45		h1 {
46			font-size: 2em;
47			margin: 0.67em 0;
48		}
49		hr {
50			box-sizing: content-box; /* 1 */
51			height: 0; /* 1 */
52			overflow: visible; /* 2 */
53		}
54		pre {
55			font-family: monospace, monospace; /* 1 */
56			font-size: 1em; /* 2 */
57		}
58		a {
59			background-color: transparent;
60		}
61		abbr[title] {
62			border-bottom: none; /* 1 */
63			text-decoration: underline; /* 2 */
64			text-decoration: underline dotted; /* 2 */
65		}
66		b,
67		strong {
68			font-weight: bolder;
69		}
70		code,
71		kbd,
72		samp {
73			font-family: monospace, monospace; /* 1 */
74			font-size: 1em; /* 2 */
75		}
76		small {
77			font-size: 80%;
78		}
79		sub,
80		sup {
81			font-size: 75%;
82			line-height: 0;
83			position: relative;
84			vertical-align: baseline;
85		}
86		.editor-block-classicBlock {
87			padding: 10px !important;
88		}
89		/* Raw HTML header/footer parts render full-bleed; the authored markup owns its own spacing. */
90		.editor-block-classicBlock.editor-block-html-part {
91			padding: 0 !important;
92		}
93		sub {
94			bottom: -0.25em;
95		}
96
97		sup {
98			top: -0.5em;
99		}
100		img {
101			border-style: none;
102		}
103
104		button,
105		a[data-type='button'],
106		input,
107		optgroup,
108		select,
109		textarea {
110			font-family: inherit; /* 1 */
111			font-size: 100%; /* 1 */
112			line-height: 1.15; /* 1 */
113			margin: 0; /* 2 */
114		}
115		button,
116		a[data-type='button'],
117		input {
118			/* 1 */
119			overflow: visible;
120		}
121		button,
122		a[data-type='button'],
123		select {
124			/* 1 */
125			text-transform: none;
126		}
127		button,
128		a[data-type='button'],
129		[type='button'],
130		[type='reset'],
131		[type='submit'] {
132			-webkit-appearance: button;
133		}
134		button::-moz-focus-inner,
135		a[data-type='button']::-moz-focus-inner,
136		[type='button']::-moz-focus-inner,
137		[type='reset']::-moz-focus-inner,
138		[type='submit']::-moz-focus-inner {
139			border-style: none;
140			padding: 0;
141		}
142		button:-moz-focusring,
143		a[data-type='button']::-moz-focusring,
144		[type='button']:-moz-focusring,
145		[type='reset']:-moz-focusring,
146		[type='submit']:-moz-focusring {
147			outline: 1px dotted ButtonText;
148		}
149		fieldset {
150			padding: 0.35em 0.75em 0.625em;
151		}
152		legend {
153			box-sizing: border-box; /* 1 */
154			color: inherit; /* 2 */
155			display: table; /* 1 */
156			max-width: 100%; /* 1 */
157			padding: 0; /* 3 */
158			white-space: normal; /* 1 */
159		}
160		progress {
161			vertical-align: baseline;
162		}
163		textarea {
164			overflow: auto;
165		}
166		[type='checkbox'],
167		[type='radio'] {
168			box-sizing: border-box; /* 1 */
169			padding: 0; /* 2 */
170		}
171		[type='number']::-webkit-inner-spin-button,
172		[type='number']::-webkit-outer-spin-button {
173			height: auto;
174		}
175		[type='search'] {
176			-webkit-appearance: textfield; /* 1 */
177			outline-offset: -2px; /* 2 */
178		}
179		[type='search']::-webkit-search-decoration {
180			-webkit-appearance: none;
181		}
182		::-webkit-file-upload-button {
183			-webkit-appearance: button; /* 1 */
184			font: inherit; /* 2 */
185		}
186		details {
187			display: block;
188		}
189		summary {
190			display: list-item;
191		}
192		template {
193			display: none;
194		}
195		[hidden] {
196			display: none;
197		}
198	
199}</style><style data-layer="site">@layer site {
200
201			html {
202				box-sizing: border-box;
203				--co-grid-width-small: 786px;
204				--co-grid-width-regular: 1200px;
205				--co-grid-width-full: 100%;
206			}
207			*,
208			*:before,
209			*:after {
210				box-sizing: inherit;
211			}
212			.co-section > .editor-block {
213				margin-left: auto;
214				margin-right: auto;
215				padding: 0;
216			}
217			.editor-block {
218				transition:
219					transform 140ms ease,
220					box-shadow 140ms ease,
221					opacity 140ms ease;
222			}
223			.editor-block[data-editor-dragging="true"] {
224				transform: translateY(-2px) scale(0.995);
225				box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
226				opacity: 0.98;
227				will-change: transform;
228			}
229			.editor-block.editor-block-default:not(.grid-item-grow):not(.grid-item-auto) {
230				max-width: 786px;
231			}
232			.editor-block.editor-block-wide {
233				max-width: 1200px;
234			}
235			.editor-block.editor-block-full {
236				max-width: 100%;
237			}
238			.co-section{
239				width: 100%;
240				margin-left: auto;
241				margin-right: auto;
242			}
243			.co-section-anchor{
244				display: block;
245				position: relative;
246				width: 0;
247				height: 0;
248				pointer-events: none;
249			}
250			.co-section-columns{
251				display: flex;
252				flex-wrap: wrap;
253				--co-section-column-gap: calc(var(--base-font-size, 16px) * 0.75
253);
254				--co-section-column-count: var(--co-section-column-count-default, 1);
255				gap: var(--co-section-column-gap);
256				width: 100%;
257				margin-left: auto;
258				margin-right: auto;
259				max-width: var(--co-grid-width-full);
260			}
261			.co-section-columns[data-content-width='small']{
262				max-width: var(--co-grid-width-small);
263			}
264			.co-section-columns[data-content-width='regular']{
265				max-width: var(--co-grid-width-regular);
266			}
267			.co-section-columns[data-content-width='full']{
268				max-width: var(--co-grid-width-full);
269			}
270			@media (min-width: 768px) and (max-width: 1023px) {
271				.co-section-columns[data-content-width-md='small']{
272					max-width: var(--co-grid-width-small);
273				}
274				.co-section-columns[data-content-width-md='regular']{
275					max-width: var(--co-grid-width-regular);
276				}
277				.co-section-columns[data-content-width-md='full']{
278					max-width: var(--co-grid-width-full);
279				}
280				.co-section-columns{
281					--co-section-column-count: var(
282						--co-section-column-count-md,
283						var(--co-section-column-count-default, 1)
284					);
285				}
286			}
287			@media (max-width: 767px) {
288				.co-section-columns[data-content-width-sm='small']{
289					max-width: var(--co-grid-width-small);
290				}
291				.co-section-columns[data-content-width-sm='regular']{
292					max-width: var(--co-grid-width-regular);
293				}
294				.co-section-columns[data-content-width-sm='full']{
295					max-width: var(--co-grid-width-full);
296				}
297				.co-section-columns{
298					--co-section-column-count: var(
299						--co-section-column-count-sm,
300						var(--co-section-column-count-md, var(--co-section-column-count-default, 1))
301					);
302				}
303			}
304			.co-section-columns > .editor-block{
305				flex: 0 0 calc(
306					(100% - (var(--co-section-column-count, 1) - 1) * var(--co-section-column-gap))
307					/ var(--co-section-column-count, 1)
308				);
309				max-width: calc(
310					(100% - (var(--co-section-column-count, 1) - 1) * var(--co-section-column-gap))
311					/ var(--co-section-column-count, 1)
312				) !important;
313				width: 100%;
314				box-sizing: border-box;
315				margin-left: 0 !important;
316				margin-right: 0 !important;
317				padding: 0;
318			}
319			.co-section-grid{
320				display: grid;
321				margin-left: auto;
322				margin-right: auto;
323				max-width: var(--co-grid-width-regular);
324				gap: 0;
325				width: 100%;
326				--co-grid-row-count: var(--co-grid-row-count-default, 1);
327				--co-grid-cell-height: var(--co-grid-cell-height-default, 80px);
328				min-height: calc(var(--co-grid-row-count, 1) * var(--co-grid-cell-height, 80px));
329				position: relative;
330			}
331			.co-section-grid[data-grid-width='small']{
332				max-width: var(--co-grid-width-small);
333			}
334			.co-section-grid[data-grid-width='full']{
335				max-width: var(--co-grid-width-full);
336			}
337			@media (min-width: 768px) and (max-width: 1023px) {
338				.co-section-grid{
339					--co-grid-row-count: var(--co-grid-row-count-md, var(--co-grid-row-count-default, 1));
340					--co-grid-cell-height: var(--co-grid-cell-height-md, var(--co-grid-cell-height-default, 80px));
341				}
342				.co-section-grid[data-grid-width-md='small']{
343					max-width: var(--co-grid-width-small);
344				}
345				.co-section-grid[data-grid-width-md='regular']{
346					max-width: var(--co-grid-width-regular);
347				}
348				.co-section-grid[data-grid-width-md='full']{
349					max-width: var(--co-grid-width-full);
350				}
351			}
352			@media (max-width: 767px) {
353				.co-section-grid{
354					--co-grid-row-count: var(
355						--co-grid-row-count-sm,
356						var(--co-grid-row-count-md, var(--co-grid-row-count-default, 1))
357					);
358					--co-grid-cell-height: var(
359						--co-grid-cell-height-sm,
360						var(--co-grid-cell-height-md, var(--co-grid-cell-height-default, 80px))
361					);
362				}
363				.co-section-grid[data-grid-width-sm='small']{
364					max-width: var(--co-grid-width-small);
365				}
366				.co-section-grid[data-grid-width-sm='regular']{
367					max-width: var(--co-grid-width-regular);
368				}
369				.co-section-grid[data-grid-width-sm='full']{
370					max-width: var(--co-grid-width-full);
371				}
372			}
373			.co-section-grid__overlay{
374				position: absolute;
375				top: 0;
376				left: 0;
377				right: 0;
378				height: calc(var(--co-grid-row-count, 1) * var(--co-grid-cell-height, 80px));
379				pointer-events: none;
380				opacity: 0;
381				transition: opacity 120ms ease;
382				border-radius: inherit;
383				background-image:
384					linear-gradient(
385						to right,
386						transparent 0,
387						transparent 1px,
388						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) 1px,
389						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) calc(100% / var(--co-grid-column-count, 12))
390					),
391					linear-gradient(
392						to bottom,
393						transparent 0,
394						transparent 1px,
395						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) 1px,
396						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) var(--co-grid-cell-height, 80px)
397					);
398				background-size:
399					calc(100% / var(--co-grid-column-count, 12)) 100%,
400					100% var(--co-grid-cell-height, 80px);
401				background-position: top left;
402				background-repeat: repeat;
403			}
404			.co-section-grid[data-grid-overlay='active'] .co-section-grid__overlay{
405				opacity: 0.75;
406			}
407			.co-section-grid > .co-grid-item{
408				position: relative;
409				--co-grid-current-column: var(--co-grid-default-column, 1);
410				--co-grid-current-row: var(--co-grid-default-row, 1);
411				--co-grid-current-col-span: var(--co-grid-default-col-span, 1);
412				--co-grid-current-row-span: var(--co-grid-default-row-span, 1);
413				grid-column: var(--co-grid-current-column) / span var(--co-grid-current-col-span);
414				grid-row: var(--co-grid-current-row) / span var(--co-grid-current-row-span);
415				max-width: 100% !important;
416				width: 100%;
417				box-sizing: border-box;
418				display: flex;
419				min-width: 0;
420				min-height: 0;
421			}
422			.co-section-grid > .co-grid-item > .editor-block{
423				flex: 1 1 auto;
424				min-width: 0;
425				min-height: 0;
426				max-width: 100% !important;
427				width: 100%;
428				height: 100%;
429				box-sizing: border-box;
430				margin: 0 !important;
431			}
432
433			@media (min-width: 768px) and (max-width: 1023px) {
434				.co-section-grid > .co-grid-item{
435					--co-grid-current-column: var(--co-grid-md-column, var(--co-grid-default-column, 1));
436					--co-grid-current-row: var(--co-grid-md-row, var(--co-grid-default-row, 1));
437					--co-grid-current-col-span: var(--co-grid-md-col-span, var(--co-grid-default-col-span, 1));
438					--co-grid-current-row-span: var(--co-grid-md-row-span, var(--co-grid-default-row-span, 1));
439				}
440			}
441			@media (max-width: 767px) {
442				.co-section-grid > .co-grid-item{
443					--co-grid-current-column: var(--co-grid-sm-column, var(--co-grid-default-column, 1));
444					--co-grid-current-row: var(--co-grid-sm-row, var(--co-grid-default-row, 1));
445					--co-grid-current-col-span: var(--co-grid-sm-col-span, var(--co-grid-default-col-span, 1));
446					--co-grid-current-row-span: var(--co-grid-sm-row-span, var(--co-grid-default-row-span, 1));
447				}
448			}
449			/* Auto mode: stack blocks into a single full-width column on mobile, in reading order,
450			   with content-sized rows so nothing overflows. !important overrides the per-section
451			   inline grid-template/auto-rows and the var-based placement above. */
452			@media (max-width: 767px) {
453				.co-section-grid[data-grid-auto='true']{
454					grid-template-columns: 1fr !important;
455					grid-auto-rows: auto !important;
456					min-height: 0 !important;
457				}
458				.co-section-grid[data-grid-auto='true'] > .co-grid-item{
459					grid-column: 1 / -1 !important;
460					grid-row: auto !important;
461					order: var(--co-grid-sm-order, 0);
462				}
463			}
464			
465			
466			:root{
467				--co-focus-ring-color: #4d90fe;
468				--co-focus-outline-color: var(--co-focus-ring-color);
469				--co-font-family: Inter;
470				--co-button-normal-color: #fff;
471				--co-button-normal-background-color: #19b4c7;
472				--co-button-hover-color: #ffffff;
473				--co-button-hover-background-color: #334040;
474					--co-search-bar-button-normal-background-color: #19b4c7;
475	--co-search-bar-button-normal-padding: 15px 20px 15px 20px;
476	--co-search-bar-button-normal-border-width: 0px;
477	--co-search-bar-button-normal-border-color: #19b4c7;
478	--co-search-bar-button-normal-border-radius: 2em 2em 2em 2em;
479	--co-search-bar-button-normal-font-size: 1rem;
480	--co-search-bar-button-normal-color: #fff;
481
482					--co-search-bar-button-hover-background-color: #334040;
483	--co-search-bar-button-hover-border-width: 0px;
484	--co-search-bar-button-hover-border-color: #334040;
485	--co-search-bar-button-hover-color: #ffffff;
486
487					--co-heading-1-font-family: Inter;
488	--co-heading-1-font-weight: 600;
489	--co-heading-1-font-style: normal;
490	--co-heading-1-font-size: 3.25rem;
491	--co-heading-1-line-height: 1.2;
492
493					--co-heading-2-font-family: Libre Franklin;
494	--co-heading-2-font-size: 3rem;
495	--co-heading-2-line-height: 1.2;
496
497					--co-heading-3-font-family: Libre Franklin;
498	--co-heading-3-font-weight: 600;
499	--co-heading-3-font-size: 1.875rem;
500
501					--co-heading-4-font-size: 1.5rem;
502
503					--co-heading-5-font-family: Inter;
504	--co-heading-5-font-weight: 400;
505	--co-heading-5-font-style: normal;
506	--co-heading-5-font-size: 1.1rem;
507
508					--co-heading-6-font-size: 1rem;
509
510					--co-button-normal-background-color: #19b4c7;
511	--co-button-normal-padding: 15px 20px 15px 20px;
512	--co-button-normal-border-width: 0px;
513	--co-button-normal-border-color: #19b4c7;
514	--co-button-normal-border-radius: 2em 2em 2em 2em;
515	--co-button-normal-font-size: 1rem;
516	--co-button-normal-color: #fff;
517
518					--co-button-hover-background-color: #334040;
519	--co-button-hover-border-width: 0px;
520	--co-button-hover-border-color: #334040;
521	--co-button-hover-color: #ffffff;
522
523			}
524			body{
525					background-color: #fff;
526	font-family: Inter;
527	font-weight: 400;
528	font-style: normal;
529	font-size: 1.125rem;
530	color: #333;
531	line-height: 1.5;
532	padding: 95px 0px 0px 0px;
533;
534			}
535		
536			
537				:root{
538	--co-link-color: #19b4c7;
539	--co-link-text-decoration-line: none;
540	--co-link-hover-color: #19b4c7;
541	--co-link-hover-text-decoration-line: underline;
542}
543
544				a{
545		color: #19b4c7;
546	text-decoration: none;
547}
548
549				@media (hover: hover){
550a:hover{
551		color: #19b4c7;
552	text-decoration: underline;
553}
554}
555
556				
557				
558				
559		
560			h1,h2,h3,h4,h5,h6{
561					font-family: Inter;
562	font-weight: 600;
563	font-style: normal;
564	font-size: 3.25rem;
565	margin: 0px;
566	line-height: 1.2;
567
568			}
569			h2{
570					font-size: 3rem;
571	font-family: Libre Franklin;
572	margin: 0rem;
573	line-height: 1.2;
574
575			}
576			h3{
577					font-size: 1.875rem;
578	font-weight: 600;
579	font-family: Libre Franklin;
580	margin: 0rem 0rem 0.5rem 0rem;
581
582			}
583			h4{
584					font-size: 1.5rem;
585
586			}
587			h5{
588					font-size: 1.1rem;
589	font-family: Inter;
590	font-weight: 400;
591	font-style: normal;
592
593			}
594			h6{
595					font-size: 1rem;
596
597			}
598		
599		@font-face {
600						font-family: 'Inter';
601						font-style: normal;
602						font-weight: 100;
603						src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-100-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-100-normal.woff) format('woff');
604						font-display: swap;
605					}@font-face {
606						font-family: 'Inter';
607						font-style: normal;
608						font-weight: 400;
609						src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.woff) format('woff');
610						font-display: swap;
611					}@font-face {
612						font-family: 'Inter';
613						font-style: normal;
614						font-weight: 600;
615						src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.woff) format('woff');
616						font-display: swap;
617					}@font-face {
618						font-family: 'Inter';
619						font-style: normal;
620						font-weight: 800;
621						src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-800-normal.woff) format('woff');
622						font-display: swap;
623					}
624@font-face {
625						font-family: 'Libre Franklin';
626						font-style: italic;
627						font-weight: 300;
628						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-300-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-300-italic.woff) format('woff');
629						font-display: swap;
630					}@font-face {
631						font-family: 'Libre Franklin';
632						font-style: normal;
633						font-weight: 300;
634						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-300-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-300-normal.woff) format('woff');
635						font-display: swap;
636					}@font-face {
637						font-family: 'Libre Franklin';
638						font-style: italic;
639						font-weight: 400;
640						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-400-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-400-italic.woff) format('woff');
641						font-display: swap;
642					}@font-face {
643						font-family: 'Libre Franklin';
644						font-style: normal;
645						font-weight: 400;
646						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-400-normal.woff) format('woff');
647						font-display: swap;
648					}@font-face {
649						font-family: 'Libre Franklin';
650						font-style: italic;
651						font-weight: 500;
652						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-500-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-500-italic.woff) format('woff');
653						font-display: swap;
654					}@font-face {
655						font-family: 'Libre Franklin';
656						font-style: normal;
657						font-weight: 500;
658						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-500-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-500-normal.woff) format('woff');
659						font-display: swap;
660					}@font-face {
661						font-family: 'Libre Franklin';
662						font-style: italic;
663						font-weight: 600;
664						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-600-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-600-italic.woff) format('woff');
665						font-display: swap;
666					}@font-face {
667						font-family: 'Libre Franklin';
668						font-style: normal;
669						font-weight: 600;
670						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-600-normal.woff) format('woff');
671						font-display: swap;
672					}@font-face {
673						font-family: 'Libre Franklin';
674						font-style: italic;
675						font-weight: 700;
676						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-700-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-700-italic.woff) format('woff');
677						font-display: swap;
678					}@font-face {
679						font-family: 'Libre Franklin';
680						font-style: normal;
681						font-weight: 700;
682						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-700-normal.woff) format('woff');
683						font-display: swap;
684					}@font-face {
685						font-family: 'Libre Franklin';
686						font-style: italic;
687						font-weight: 800;
688						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-800-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-800-italic.woff) format('woff');
689						font-display: swap;
690					}@font-face {
691						font-family: 'Libre Franklin';
692						font-style: normal;
693						font-weight: 800;
694						src: url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/libre-franklin@latest/latin-800-normal.woff) format('woff');
695						font-display: swap;
696					}
697		
698			button,
699			a[data-type="button"],
700			co-button::part(button),
701			co-search-bar::part(submit-button),
702			.editor-block-richText a[data-richtext-link-appearance='button']{
703					background-color: #19b4c7;
704	color: #fff;
705	border: 2px solid #19b4c7;
706	border-radius: 2em 2em 2em 2em;
707	padding: 15px 20px 15px 20px;
708	border-color: #19b4c7;
709	font-size: 1rem;
710	border-width: 0px;
711
712				text-align: center;
713				display: inline-flex;
714				justify-content: center;
715				align-items: center;
716				vertical-align: middle;
717				text-decoration: none;
718			}
719			@media (hover: hover){
720
721				button:hover,
722				a[data-type="button"]:hover,
723				co-button::part(button):hover,
724				co-search-bar::part(submit-button):hover,
725				.editor-block-richText a[data-richtext-link-appearance='button']:hover{
726						background-color: #334040;
727	color: #ffffff;
728	border-color: #334040;
729	border-width: 0px;
730
731					text-decoration: none;
732				}
733			
734}
735			button:disabled,
736			a[data-type="button"]:disabled{
737				opacity: 0.5;
738			}
739			
740		
741		.editor-block-heading {
742	
743}
744.editor-block-paragraph {
745		line-height: 1.5;
746	font-size: 1.125rem;
747
748}
749.editor-block-stack {
750	
751}
752.editor-block-grid {
753	
754}
755		.editor-block {
756				;
757			}
758		
759		
760}</style><style data-layer="page">@layer page {
761
762		body {
763			position: relative;
764			--icon-colour: #696969;
765			--panel-hover-color: var(--panel-background);
766			--primary-colour: #0daabf;
767			--disabled-colour: #959495;
768			--panel-background: #f2f2f2;
769			--button-radius: 4px;
770			--panel-border: #ddd;
771			--insert-marker-colour: #047aff;
772		}
773
774		.editor-block {
775			position: relative;
776			-webkit-user-select: text;
777			user-select: text;
778		}
779		.editor-block.grid-item-grow {
780			flex-grow: 1;
781		}
782		.editor-block.grid-item-shrink {
783			flex-shrink: 1;
784		}
785		.editor-block-grid-item-auto {
786			flex: 0 0 auto;
787		}
788		.editor-block.grid-item-full {
789			flex: 1;
790		}
791		.editor-block-grid-horizontal {
792			display: flex;
793			flex-direction: row;
794		}
795		.editor-block-grid-vertical {
796			display: flex;
797			flex-direction: column;
798		}
799		.editor-block-grid-horizontal-medium {
800			@media (max-width: 1023px) {
801				flex-direction: row;
802			}
803		}
804		.editor-block-grid-vertical-medium {
805			@media (max-width: 1023px) {
806				flex-direction: column;
807			}
808		}
809		.editor-block-grid-horizontal-small {
810			@media (max-width: 767px) {
811				flex-direction: row;
812			}
813		}
814		.editor-block-grid-vertical-small {
815			@media (max-width: 767px) {
816				flex-direction: column;
817			}
818		}
819		div.editor-block-grid-vertical-small > .editor-block-grid {
820			@media (max-width: 767px) {
821				width: 100% !important;
822			}
823		}
824		.editor-block-grid.empty {
825			color: var(--icon-colour);
826		}
827		.editor-block-grid-empty-icon {
828			display: inline-flex;
829			align-items: center;
830			justify-content: center;
831			color: var(--icon-colour);
832		}
833		.editor-block-stack {
834			position: relative;
835			width: 100%;
836		}
837		.editor-block-stack-layer {
838			width: 100%;
839		}
840		.editor-block-stack-layer.is-hidden {
841			display: none;
842		}
843		.editor-block-stack-empty {
844			display: flex;
845			align-items: center;
846			justify-content: center;
847			flex-direction: column;
848			gap: calc(var(--base-font-size, 16px) * 0.5);
849			min-height: calc(var(--base-font-size, 16px) * 6);
850		}
851		.editor-block-stack-empty-icon {
852			display: inline-flex;
853			align-items: center;
854			justify-content: center;
855			width: calc(var(--base-font-size, 16px) * 2.5);
856			height: calc(var(--base-font-size, 16px) * 2.5);
857			border-radius: 50%;
858			background: var(--icon-colour, #b2b2b2);
859			color: var(--panel-background, #fff);
860		}
861		.editor-block-stack--tabs {
862			gap: calc(var(--base-font-size, 16px) * 0.75);
863		}
864		.editor-block-stack--tabs-top,
865		.editor-block-stack--tabs-bottom {
866			display: flex;
867			flex-direction: column;
868		}
869		.editor-block-stack--tabs-bottom {
870			flex-direction: column-reverse;
871		}
872		.editor-block-stack--tabs-left,
873		.editor-block-stack--tabs-right {
874			display: flex;
875			align-items: stretch;
876			gap: calc(var(--base-font-size, 16px) * 0.75);
877		}
878		.editor-block-stack--tabs-right {
879			flex-direction: row-reverse;
880		}
881		.editor-block-stack-tabs {
882			display: flex;
883			gap: calc(var(--base-font-size, 16px) * 0.5);
884		}
885		.editor-block-stack-tabs--left,
886		.editor-block-stack-tabs--right {
887			flex-direction: column;
888		}
889		.editor-block-stack-tabs--top,
890		.editor-block-stack-tabs--bottom {
891			flex-direction: row;
892		}
893		.editor-stack-tab {
894			background: transparent;
895			border: none;
896			border-bottom: 1px solid transparent;
897			border-radius: 0;
898			padding: calc(var(--base-font-size, 16px) * 0.3) calc(var(--base-font-size, 16px) * 0.6);
899			font-size: calc(var(--base-font-size, 16px) * 0.75);
900			cursor: pointer;
901			color: inherit;
902			transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
903		}
904		.editor-stack-tab[aria-selected='true'],
905		.editor-stack-tab.editor-stack-tab--active {
906			border-bottom-color: #d7d7d7;
907		}
908		.editor-stack-tab:focus-visible {
909			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
910			outline-offset: 1px;
911		}
912		.editor-block-stack-layers {
913			flex: 1;
914			display: flex;
915			flex-direction: column;
916			gap: calc(var(--base-font-size, 16px) * 0.5);
917		}
918		.editor-block-stack-accordion {
919			display: flex;
920			flex-direction: column;
921			width: 100%;
922		}
923		.editor-block-stack-accordion-item {
924			border-bottom: 1px solid #d7d7d7;
925		}
926		.editor-stack-accordion-header {
927			display: flex;
928			align-items: center;
929			justify-content: space-between;
930			gap: calc(var(--base-font-size, 16px) * 0.5);
931			width: 100%;
932			background: transparent;
933			border: none;
934			border-radius: 0;
935			padding: calc(var(--base-font-size, 16px) * 0.5) calc(var(--base-font-size, 16px) * 0.25);
936			font-size: inherit;
937			color: inherit;
938			text-align: left;
939			cursor: pointer;
940			transition: background-color 0.15s ease, color 0.15s ease;
941		}
942		.editor-stack-accordion-header:focus-visible {
943			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
944			outline-offset: 1px;
945		}
946		.editor-stack-accordion-chevron {
947			flex: 0 0 auto;
948			width: calc(var(--base-font-size, 16px) * 0.45);
949			height: calc(var(--base-font-size, 16px) * 0.45);
950			border-right: 2px solid currentColor;
951			border-bottom: 2px solid currentColor;
952			transform: rotate(-45deg);
953			transition: transform 0.15s ease;
954		}
955		.editor-stack-accordion-header[aria-expanded='true'] .editor-stack-accordion-chevron {
956			transform: rotate(45deg);
957		}
958		.editor-block-stack-accordion-item .editor-block-stack-layer {
959			padding: calc(var(--base-font-size, 16px) * 0.25) 0 calc(var(--base-font-size, 16px) * 0.75);
960		}
961
962		p.editor-block {
963			margin-top: 0;
964			margin-bottom: 0;
965		}
966		h1.editor-block,
967		h2.editor-block,
968		h3.editor-block,
969		h4.editor-block,
970		h5.editor-block,
971		h6.editor-block {
972			margin-top: 0;
973			margin-bottom: 0;
974		}
975
976		div.add-block-section {
977			padding: calc(var(--base-font-size, 16px) * 0.5);
978		}
979		ul.editor-block-list {
980			box-sizing: border-box;
981			padding-left: 1em;
982		}
983		.editor-richtext-list {
984			margin: 0 0 calc(var(--base-font-size, 16px) * 0.5);
985			padding-left: 1.1em;
986		}
987		.editor-richtext-list-ordered {
988			list-style: decimal;
989		}
990		.editor-richtext-list-unordered {
991			list-style: disc;
992		}
993		.editor-richtext-list-checklist {
994			list-style: none;
995			padding-left: 0;
996		}
997		.editor-richtext-list-checklist > li {
998			position: relative;
999			padding-left: 1.6em;
1000			list-style: none;
1001		}
1002		.editor-richtext-list-checklist > li::before {
1003			content: '';
1004			position: absolute;
1005			left: 0;
1006			top: 0.2em;
1007			width: 1em;
1008			height: 1em;
1009			border-radius: 0.3em;
1010			border: 2px solid var(--primary-colour, #0daabf);
1011			box-sizing: border-box;
1012		}
1013		.editor-block hr {
1014			border: none;
1015			height: 1px;
1016			background: rgba(100,116,139,0.5);
1017			margin: calc(var(--base-font-size, 16px) * 1) 0;
1018			border-radius: 0;
1019		}
1020		.ctrl-richtext-tag-chip {
1021			display: inline-flex;
1022			align-items: center;
1023			gap: 6px;
1024			padding: 2px 8px;
1025			border-radius: 4px;
1026			/* Translucent lens — must stay in lockstep with the editor's injected chip
1027			   styles in create-rich-text-editor.ts so tags don't change appearance when a
1028			   block enters edit mode. Colour/weight/size inherit so author styling on the
1029			   wrapper span previews live (COM-16173). */
1030			background: rgba(13, 170, 191, 0.13);
1031			background: color-mix(in srgb, var(--primary-colour, #0daabf) 13%, transparent);
1032			border: 1px dashed rgba(13, 170, 191, 0.75);
1033			border: 1px dashed color-mix(in srgb, var(--primary-colour, #0daabf) 75%, transparent);
1034			color: inherit;
1035			font-size: 0.9em;
1036			font-weight: inherit;
1037			line-height: 1.2;
1038			/* Resolved values can be sentence-length — wrap inside the chip rather than
1039			   overflowing narrow layouts. */
1040			white-space: normal;
1041			max-width: 100%;
1042			box-sizing: border-box;
1043			user-select: none;
1044			transition: background-color 120ms ease;
1045		}
1046		.ctrl-richtext-tag-chip:hover {
1047			background: rgba(13, 170, 191, 0.22);
1048			background: color-mix(in srgb, var(--primary-colour, #0daabf) 22%, transparent);
1049		}
1050		/* text-decoration doesn't propagate into atomic inline-blocks, so re-declare it
1051		   on the chip when an ancestor carries it. */
1052		u .ctrl-richtext-tag-chip {
1053			text-decoration: underline;
1054		}
1055		s .ctrl-richtext-tag-chip,
1056		strike .ctrl-richtext-tag-chip,
1057		del .ctrl-richtext-tag-chip {
1058			text-decoration: line-through;
1059		}
1060		.ctrl-richtext-tag-remove {
1061			border: none;
1062			background: transparent;
1063			color: var(--primary-colour, #0daabf);
1064			font-size: 0.95em;
1065			line-height: 1;
1066			cursor: pointer;
1067			padding: 0 2px;
1068		}
1069		.ctrl-richtext-tag-remove:focus {
1070			outline: none;
1071		}
1072		/* Resolved tokens intentionally share the unresolved chip styling — see the
1073		   matching note in create-rich-text-editor.ts. */
1074		.editor-block-richText {
1075			display: flow-root;
1076		}
1077		.editor-block-richText table {
1078			width: 100%;
1079			border-collapse: collapse;
1080			border-spacing: 0;
1081		}
1082		.editor-block-richText table td,
1083		.editor-block-richText table th {
1084			border: var(--table-border-width, 0px)
1085				var(--table-border-style, none)
1086				var(--table-border-color, transparent);
1087			padding: var(--table-cell-padding, 6px 8px);
1088			vertical-align: top;
1089		}
1090		.editor-block-richText.legacy-migrated > p {
1091			margin-top: 0;
1092			margin-bottom: 0;
1093		}
1094		.editor-block-richText.legacy-migrated > h1,
1095		.editor-block-richText.legacy-migrated > h2,
1096		.editor-block-richText.legacy-migrated > h3,
1097		.editor-block-richText.legacy-migrated > h4,
1098		.editor-block-richText.legacy-migrated > h5,
1099		.editor-block-richText.legacy-migrated > h6 {
1100			margin-top: 0;
1101			margin-bottom: 0;
1102		}
1103		.ctrl-richtext-image-100,
1104		.ctrl-richtext-image-75,
1105		.ctrl-richtext-image-50,
1106		.ctrl-richtext-image-25 {
1107			display: block;
1108			max-width: 100%;
1109			height: auto;
1110			object-fit: cover;
1111			object-position: center;
1112			margin: 0;
1113			border-radius: 0;
1114		}
1115		.ctrl-richtext-image-75 {
1116			max-width: 75%;
1117		}
1118		.ctrl-richtext-image-50 {
1119			max-width: 50%;
1120		}
1121		.ctrl-richtext-image-25 {
1122			max-width: 25%;
1123		}
1124		.ctrl-richtext-image-float-left {
1125			float: left;
1126			margin: 0 calc(var(--base-font-size, 16px) * 1) calc(var(--base-font-size, 16px) * 0.5) 0;
1127		}
1128		.ctrl-richtext-image-center {
1129			float: none;
1130			margin-left: auto;
1131			margin-right: auto;
1132		}
1133		.ctrl-richtext-image-float-right {
1134			float: right;
1135			margin: 0 0 calc(var(--base-font-size, 16px) * 0.5) calc(var(--base-font-size, 16px) * 1);
1136		}
1137		.ctrl-richtext-image-100[data-richtext-image-fit='contain'],
1138		.ctrl-richtext-image-75[data-richtext-image-fit='contain'],
1139		.ctrl-richtext-image-50[data-richtext-image-fit='contain'],
1140		.ctrl-richtext-image-25[data-richtext-image-fit='contain'] {
1141			object-fit: contain;
1142		}
1143		.ctrl-richtext-image-100[data-richtext-image-fit='fill'],
1144		.ctrl-richtext-image-75[data-richtext-image-fit='fill'],
1145		.ctrl-richtext-image-50[data-richtext-image-fit='fill'],
1146		.ctrl-richtext-image-25[data-richtext-image-fit='fill'] {
1147			object-fit: fill;
1148		}
1149		.ctrl-richtext-image-100[data-richtext-image-fit='none'],
1150		.ctrl-richtext-image-75[data-richtext-image-fit='none'],
1151		.ctrl-richtext-image-50[data-richtext-image-fit='none'],
1152		.ctrl-richtext-image-25[data-richtext-image-fit='none'] {
1153			object-fit: none;
1154		}
1155		.left {
1156			text-align: left;
1157		}
1158		.right {
1159			text-align: right;
1160		}
1161		.center {
1162			text-align: center;
1163		}
1164		.justify {
1165			text-align: justify;
1166		}
1167		figure.editor-block-image,
1168		figure.editor-block-eventImage {
1169			display: flex;
1170			flex-flow: column;
1171			max-width: 100%;
1172			margin: 0;
1173			overflow: hidden;
1174			position: relative;
1175		}
1176		figure.editor-block-image::after,
1177		figure.editor-block-eventImage::after {
1178			content: '';
1179			position: absolute;
1180			inset: 0;
1181			background-color: var(--co-image-overlay-color, transparent);
1182			pointer-events: none;
1183			z-index: 1;
1184		}
1185		figure.editor-block-image > a,
1186		figure.editor-block-eventImage > a {
1187			display: block;
1188		}
1189		.editor-block-imageSlider {
1190			margin: 0 auto;
1191		}
1192		figure.editor-block-image > figcaption,
1193		figure.editor-block-eventImage > figcaption {
1194			background-color: rgba(0, 0, 0, 1);
1195			color: #fff;
1196			text-align: left;
1197			position: absolute;
1198			padding: 0.5rem 1rem;
1199			bottom: 0;
1200			width: 100%;
1201			z-index: 2;
1202		}
1203		figure.editor-block-image>img,
1204		figure.editor-block-image>a>img,
1205		figure.editor-block-eventImage>img,
1206		figure.editor-block-eventImage>a>img{
1207			display: block;
1208			width: 100%;
1209			height: auto; /* Prevent Safari from inflating image height */
1210			max-height: 100%;
1211			overflow: hidden;
1212			object-fit: cover;
1213		}
1214		figure.editor-block-image[data-image-fit='contain']>img,
1215		figure.editor-block-image[data-image-fit='contain']>a>img,
1216		figure.editor-block-eventImage[data-image-fit='contain']>img,
1217		figure.editor-block-eventImage[data-image-fit='contain']>a>img{
1218			object-fit: contain;
1219		}
1220		figure.editor-block-image[data-image-fit='stretch']>img,
1221		figure.editor-block-image[data-image-fit='stretch']>a>img,
1222		figure.editor-block-eventImage[data-image-fit='stretch']>img,
1223		figure.editor-block-eventImage[data-image-fit='stretch']>a>img{
1224			object-fit: fill;
1225		}
1226		.co-section-grid > .co-grid-item > figure.editor-block-image,
1227		.co-section-grid > .co-grid-item > figure.editor-block-image > a,
1228		.co-section-grid > .co-grid-item > figure.editor-block-eventImage,
1229		.co-section-grid > .co-grid-item > figure.editor-block-eventImage > a {
1230			height: 100%;
1231			position: relative;
1232		}
1233		.co-section-grid > .co-grid-item > figure.editor-block-image > img,
1234		.co-section-grid > .co-grid-item > figure.editor-block-image > a > img,
1235		.co-section-grid > .co-grid-item > figure.editor-block-eventImage > img,
1236		.co-section-grid > .co-grid-item > figure.editor-block-eventImage > a > img {
1237			position: absolute;
1238			inset: 0;
1239			width: 100%;
1240			height: 100%;
1241			max-height: 100%; /* Fill grid cell without reintroducing Safari overflow */
1242		}
1243		/* Auto mode stacks blocks on mobile with content-sized rows. The grid cell's fixed-height
1244		   fill (the blanket .co-grid-item > .editor-block { height: 100% } and the image absolute-
1245		   fill above) is built for fixed cells and collapses to ~0 here — text survives on its
1246		   intrinsic height, but media/embeds (iframe, video, co-* elements) vanish. Let every block
1247		   flow at its natural height instead. Defined in the page layer (same as the rules above) so
1248		   the more specific [data-grid-auto] selector wins on its own (no !important needed). */
1249		@media (max-width: 767px) {
1250			.co-section-grid[data-grid-auto='true'] > .co-grid-item > .editor-block {
1251				height: auto;
1252			}
1253			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image,
1254			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image > a,
1255			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage,
1256			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage > a {
1257				height: auto;
1258			}
1259			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image > img,
1260			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image > a > img,
1261			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage > img,
1262			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage > a > img {
1263				position: static;
1264				inset: auto;
1265				height: auto;
1266				max-height: none;
1267			}
1268		}
1269		figure.editor-block-image-missing {
1270			min-height: 150px;
1271		}
1272		.editor-block-image-placeholder {
1273			display: inline-flex;
1274			flex-direction: column;
1275			align-items: center;
1276			justify-content: center;
1277			gap: 0.5rem;
1278			min-height: 150px;
1279			width: 100%;
1280			box-sizing: border-box;
1281			border: 2px dashed var(--panel-border, #ddd);
1282			border-radius: var(--button-radius, 4px);
1283			color: var(--disabled-colour, #959495);
1284			cursor: pointer;
1285			padding: 1.5rem;
1286			text-align: center;
1287			background-color: rgba(0, 0, 0, 0.02);
1288		}
1289		.editor-block-image-placeholder svg {
1290			width: 2.5rem;
1291			height: 2.5rem;
1292		}
1293		figure:focus-within {
1294			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1295		}
1296		co-classic-widget {
1297			position: relative;
1298		}
1299		nav.editor-block-navigation {
1300			position: relative;
1301			z-index: 20;
1302		}
1303
1304		nav.editor-block-navigation > ul {
1305			display: flex;
1306			flex-wrap: wrap;
1307			align-items: baseline;
1308			list-style: none;
1309			padding: 0;
1310			margin: 0;
1311		}
1312
1313		nav.editor-block-navigation > ul > li {
1314			white-space: normal;
1315		}
1316
1317		nav.editor-block-navigation ul {
1318			list-style: none;
1319			padding: 0;
1320			margin: 0;
1321		}
1322
1323		nav.editor-block-navigation li {
1324			white-space: nowrap;
1325			position: relative;
1326		}
1327
1328		nav.editor-block-navigation li.has-banner-submenu,
1329		nav.editor-block-navigation li.banner-submenu-item {
1330			position: static;
1331		}
1332
1333		nav.editor-block-navigation a {
1334			display: inline-block;
1335			width: 100%;
1336			text-decoration: none;
1337			position: relative;
1338		}
1339
1340		nav.editor-block-navigation li.has-submenu > .co-mobile-nav-toggle {
1341			position: absolute;
1342			width: 1px;
1343			height: 1px;
1344			padding: 0;
1345			margin: -1px;
1346			overflow: hidden;
1347			clip: rect(0, 0, 0, 0);
1348			clip-path: inset(50%);
1349			white-space: nowrap;
1350			border: 0;
1351		}
1352
1353		ul.flyout-menu {
1354			display: none;
1355			visibility: hidden;
1356			position: absolute;
1357			top: 100%;
1358			left: 0;
1359			z-index: 2200;
1360			background-color: #fff;
1361		}
1362
1363		li.has-submenu > ul.flyout-menu {
1364			top: 100%;
1365			left: 0;
1366		}
1367
1368		li.has-submenu li.has-submenu > ul.flyout-menu {
1369			top: 0;
1370			left: 100%;
1371		}
1372
1373		ul.flyout-menu a,
1374		ul.banner-menu a {
1375			color: #000;
1376		}
1377
1378		ul.banner-menu {
1379			display: none;
1380			visibility: hidden;
1381			position: absolute;
1382			top: 100%;
1383			left: 0;
1384			right: 0;
1385			width: 100%;
1386			z-index: 2200;
1387			background-color: #fff;
1388			box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
1389			padding: 2.5rem 3rem;
1390			box-sizing: border-box;
1391			gap: 1.5rem;
1392			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
1393			grid-auto-rows: minmax(0, auto);
1394		}
1395
1396		ul.banner-menu.banner-menu--full-width {
1397			left: calc(50% - 50vw);
1398			right: calc(50% - 50vw);
1399			width: auto;
1400			max-width: none;
1401			transform: none;
1402		}
1403
1404		ul.banner-menu > li {
1405			display: flex;
1406			flex-direction: column;
1407			align-items: flex-start;
1408			min-width: 0;
1409			gap: 0.5rem;
1410			white-space: normal;
1411		}
1412
1413		ul.banner-menu > li > a {
1414			font-weight: 600;
1415			font-size: inherit;
1416			line-height: inherit;
1417		}
1418
1419		ul.banner-submenu-list {
1420			display: flex;
1421			flex-direction: column;
1422			gap: 0.25rem;
1423			position: static;
1424			visibility: visible;
1425			width: 100%;
1426			margin: 0;
1427			padding: 0;
1428		}
1429
1430		ul.banner-submenu-list li {
1431			white-space: normal;
1432		}
1433
1434		ul.banner-submenu-list a {
1435			font-size: inherit;
1436			line-height: inherit;
1437		}
1438
1439		nav.editor-block-navigation li.is-current > a,
1440		nav.editor-block-navigation li.is-current > .editor-block-navigation__label {
1441			font-weight: 700;
1442		}
1443
1444		nav.editor-block-navigation li.is-divider {
1445			border-top: 1px solid rgba(0, 0, 0, 0.16);
1446			margin-top: 0.35rem;
1447			padding-top: 0.35rem;
1448		}
1449
1450		.editor-block-navigation__content {
1451			display: inline-flex;
1452			flex-direction: column;
1453			gap: 0.15rem;
1454		}
1455
1456		.editor-block-navigation__description {
1457			display: block;
1458			font-size: 0.85em;
1459			font-weight: 400;
1460			line-height: 1.3;
1461			opacity: 0.78;
1462			white-space: normal;
1463		}
1464
1465		nav.editor-block-navigation a:focus,
1466		nav.editor-block-navigation .co-mobile-nav-toggle:focus {
1467			outline: none;
1468		}
1469
1470		nav.editor-block-navigation li:has(> a:focus-visible) > a,
1471		nav.editor-block-navigation li:has(> .co-mobile-nav-toggle:focus-visible) > a {
1472			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1473			outline-offset: 0;
1474			z-index: 2201;
1475		}
1476
1477		nav.editor-block-navigation:not(.editor-block-navigation--click) li.has-submenu:hover > ul.flyout-menu,
1478		nav.editor-block-navigation li.has-submenu.is-open > ul.flyout-menu,
1479		nav.editor-block-navigation li.has-submenu.open > ul.flyout-menu {
1480			display: block;
1481			visibility: visible;
1482		}
1483
1484		nav.editor-block-navigation:not(.editor-block-navigation--click) li.has-submenu:hover > ul.banner-menu,
1485		nav.editor-block-navigation li.has-submenu.is-open > ul.banner-menu,
1486		nav.editor-block-navigation li.has-submenu.open > ul.banner-menu {
1487			display: grid;
1488			visibility: visible;
1489		}
1490		.editor-block-navigation__label,
1491		.editor-block-navigation__submenu-toggle {
1492			align-items: center;
1493			background: transparent;
1494			border: 0;
1495			color: inherit;
1496			display: inline-flex;
1497			font: inherit;
1498		}
1499		.editor-block-navigation__submenu-toggle {
1500			cursor: pointer;
1501			padding: 0 0.35rem;
1502			display: none;
1503		}
1504		/* The desktop click-to-open toggle (openMode = click) is shown only when the nav
1505		   opts into click mode. Hover-mode navs open on hover, and mobile is driven by the
1506		   co-mobile-nav-toggle, so the button stays hidden in those contexts. */
1507		nav.editor-block-navigation--click li.has-submenu > .editor-block-navigation__submenu-toggle {
1508			display: inline-flex;
1509		}
1510
1511		.burger-menu {
1512			display: none;
1513			cursor: pointer;
1514			padding: 8px;
1515			border: none;
1516			font-size: 1.5rem;
1517			user-select: none;
1518			text-align: right;
1519		}
1520		.editor-block-button-link {
1521			cursor: pointer;
1522		}
1523		.editor-block-grid > .editor-block-grid-link {
1524			position: absolute;
1525			top: 0;
1526			right: 0;
1527			bottom: 0;
1528			left: 0;
1529			z-index: 1;
1530			display: block;
1531			cursor: pointer;
1532			text-decoration: none;
1533			color: inherit;
1534			background-color: transparent;
1535			border: none;
1536			border-radius: 0;
1537			padding: 0;
1538			margin: 0;
1539		}
1540		@media (max-width: 1200px) {
1541			.content {
1542				padding: 0 1rem;
1543			}
1544		}
1545		@media (max-width: 767px) {
1546			nav.editor-block-navigation > ul {
1547				display: none;
1548			}
1549			.burger-menu {
1550				display: inline-block;
1551			}
1552			/* In click mode the desktop submenu toggle is hidden on mobile; the
1553			   co-mobile-nav-toggle drives submenus at this breakpoint instead. */
1554			nav.editor-block-navigation--click li.has-submenu > .editor-block-navigation__submenu-toggle {
1555				display: none;
1556			}
1557			nav.editor-block-navigation > ul.active {
1558				display: flex;
1559				flex-direction: column;
1560			}
1561			ul.flyout-menu {
1562				position: static;
1563				box-shadow: none;
1564				display: block;
1565				visibility: visible;
1566				background-color: transparent;
1567			}
1568			ul.flyout-menu ul.flyout-menu {
1569				position: static;
1570				display: block;
1571				visibility: visible;
1572			}
1573			nav.editor-block-navigation li.has-submenu > ul.flyout-menu {
1574				display: block;
1575				visibility: visible;
1576			}
1577			ul.flyout-menu[data-depth],
1578			ul.banner-menu[data-depth],
1579			ul.banner-submenu-list[data-depth] {
1580				padding-left: calc(20px * (var(--depth, 0) + 1)) !important;
1581			}
1582			ul.banner-menu {
1583				position: static;
1584				width: 100%;
1585				max-width: 100%;
1586				transform: none;
1587				padding: 1.25rem;
1588				display: block;
1589				visibility: visible;
1590				box-shadow: none;
1591				gap: 1rem;
1592			}
1593			ul.banner-menu > li {
1594				width: 100%;
1595			}
1596			ul.banner-menu > li + li {
1597				margin-top: 1rem;
1598			}
1599			ul.banner-submenu-list {
1600				gap: 0.5rem;
1601			}
1602			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu > a {
1603				display: block;
1604				width: auto;
1605				box-sizing: border-box;
1606			}
1607			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu {
1608				display: grid;
1609				grid-template-columns: minmax(0, 1fr) var(--co-mobile-nav-toggle-width, 48px);
1610				align-items: stretch;
1611				width: 100%;
1612			}
1613			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu > ul {
1614				grid-column: 1 / -1;
1615				width: 100%;
1616			}
1617			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu > .co-mobile-nav-toggle {
1618				position: static;
1619				margin: 0;
1620				overflow: visible;
1621				clip: auto;
1622				clip-path: none;
1623				white-space: normal;
1624				display: flex;
1625				align-items: center;
1626				justify-content: center;
1627				height: auto;
1628				min-height: 44px;
1629				width: var(--co-mobile-nav-toggle-width, 48px);
1630				min-width: var(--co-mobile-nav-toggle-width, 48px);
1631				padding: 0;
1632				border: 0;
1633				border-left: 1px solid color-mix(in srgb, var(--co-mobile-nav-item-color, currentColor) 25%, transparent);
1634				background: var(--co-mobile-nav-item-background, transparent);
1635				color: var(--co-mobile-nav-item-color, inherit);
1636				cursor: pointer;
1637			}
1638			/* On mobile: cancel the desktop ring-on-<a>-when-toggle-focused, use the button itself instead */
1639			nav.editor-block-navigation li:has(> .co-mobile-nav-toggle:focus-visible) > a {
1640				outline: none;
1641			}
1642
1643			nav.editor-block-navigation a:focus-visible {
1644				outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1645				outline-offset: 0;
1646			}
1647
1648			nav.editor-block-navigation.co-mobile-nav-managed .co-mobile-nav-toggle:focus-visible {
1649				outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1650				outline-offset: -2px;
1651			}
1652			nav.editor-block-navigation.co-mobile-nav-managed .co-mobile-nav-chevron {
1653				line-height: 1;
1654				transition: transform 0.2s ease;
1655			}
1656			nav.editor-block-navigation.co-mobile-nav-managed ul.banner-menu > li > a {
1657				font-weight: inherit;
1658			}
1659		}
1660
1661		.editor-block-accordion {
1662			display: flex;
1663			flex-direction: column;
1664			gap: calc(var(--base-font-size, 16px) * 1.0625);
1665		}
1666		.editor-block-accordion > details {
1667			background-color: #fff;
1668			overflow: auto;
1669		}
1670		.editor-block-accordion > details > summary {
1671			padding: calc(var(--base-font-size, 16px) * 0.9375) calc(var(--base-font-size, 16px) * 1.125)
1672				calc(var(--base-font-size, 16px) * 0.8125) calc(var(--base-font-size, 16px) * 1.4375);
1673			cursor: pointer;
1674			display: flex;
1675			justify-content: space-between;
1676			align-items: center;
1677		}
1678		.editor-block-accordion > details[open] > summary {
1679			padding-bottom: 0;
1680		}
1681		.editor-block-accordion > details > summary > svg {
1682			width: var(--base-font-size, 16px);
1683			height: var(--base-font-size, 16px);
1684			transition: transform 0.3s ease;
1685		}
1686		.editor-block-accordion > details[open] > summary > svg {
1687			transform: rotate(90deg);
1688		}
1689		.editor-block-accordion > details > summary::marker {
1690			content: '';
1691		}
1692		.editor-block-accordion > details > div {
1693			padding: 0 calc(var(--base-font-size, 16px) * 1.4375);
1694			min-height: calc(var(--base-font-size, 16px) * 0.8125);
1695		}
1696	
1697}</style><style data-layer="siteCustom">@layer siteCustom {
1698/* Hides empty grids in the footers. These should be removed but there is no way to do so in Create atm */
1699section:has(>footer) > div {
1700  display: none;
1701}
1702
1703/* prevents pages from horizontal scroll */
1704html,
1705body {
1706    max-width: 100%;
1707    overflow-x: hidden;
1708}
1709
1710/* remove blue border around classic blocks */
1711.editor-block-classicBlock {
1712  border: none;
1713}
1714
1715/* custom button hovers */
1716a[data-type="button"] {
1717  transition: 0.2s;
1718}
1719
1720a[data-type="button"].dark-hvr:hover {
1721  color: #fff !important;
1722  background-color: #334040 !important;
1723}
1724
1725a[data-type="button"].blue-hvr:hover {
1726  color: #fff !important;
1727  background-color: #0daabf !important;
1728}
1729
1730a[data-type="button"].white-hvr:hover {
1731  color: #000 !important;
1732  background-color: #fff !important;
1733}
1734
1735/* TEMPORARY NAVIGATION FIX so it's more scalable before mobile nav */
1736@media (min-width: 769px) and (max-width: 923px) {
1737  header nav > ul > li > a {
1738    font-size: calc(((( 100vw - 769px ) / 154) * 2) + 0.875rem);
1739    padding-right: 12px !important;
1740    padding-left: 12px !important;
1741  }
1742}
1743
1744/* NAVIGATION */
1745@media (min-width: 768px) {
1746  nav.main-nav > ul > li:nth-child(4) {
1747    margin-left: auto;
1748  }
1749  
1750  nav.main-nav > ul > li:nth-child(5) {
1751    margin: 0 15px;
1752  }
1753  
1754  nav.main-nav > ul > li:nth-child(6) {
1755    margin-right: 15px;
1756  }
1757}
1758
1759@media (max-width: 1023px) {
1760  nav.main-nav > ul > li:nth-child(5) {
1761    margin: 0 10px;
1762  }
1763}
1764
1765/* custom link hovers */
1766.img-hoverable,
1767.grid-hoverable {
1768  cursor: pointer;
1769  transition: 1s;
1770}
1771.img-hoverable:hover,
1772.grid-hoverable:hover {
1773  transition: 0.2s;
1774  box-shadow: 0px 0px 15px 0px #0000004d;
1775}
1776
1777/* accordions */
1778/* fixes that text before arrows causes arrows to be different sizes */
1779.editor-block-accordion > details > summary > span {
1780  width: 90%;
1781  max-width: 90%;
1782}
1783
1784/* "View our other modules" section */
1785.other-modules-slider {
1786  overflow: visible;
1787}
1788
1789.other-modules-slider > div {
1790  overflow-x: scroll;
1791}
1792
1793.other-modules-slider > div > div {
1794  flex: 1 0 auto;
1795}
1796
1797.other-modules-slider a:hover {
1798  text-decoration: none;
1799}
1800
1801.other-modules-slider h4 {
1802  font-size: 1rem;
1803}
1804
1805.text-wrap {
1806  word-break: break-word;
1807}
1808
1809.faq details{
1810	border-bottom: 1px solid #e1e1e1; 
1811  	padding-bottom: 1.2rem;
1812
1813}
1814.faq summary{
1815	font-weight: 600;
1816  	font-size: 1.4rem;
1817  	padding: 1rem 0;
1818}
1819.faq summary > svg{
1820	--base-font-size: 2rem; 
1821}
1822
1823.faq div{
1824  	font-size: 1rem;
1825  	padding: 0;
1826}
1827
1828.detail-nav-container{
1829	display: none; 
1830}
1831.detail-nav-container.detail-nav-container-open{
1832	display: block; 
1833}
1834.detail-nav-container {
1835  position: fixed;
1836  left: 0;
1837  width: 100vw;
1838  background: #FFF;
1839  box-shadow: rgba(0, 0, 0, 0.12) 10px 7px 7px;
1840  z-index: 9999;
1841  padding: 32px;
1842  top: 116px;
1843  box-sizing: border-box;
1844}
1845
1846.nav-container {
1847  display: flex;
1848  flex-wrap: wrap;
1849  gap: 48px;
1850  align-items: flex-start;
1851}
1852
1853.nav-left {
1854  flex: 1 1 250px;
1855  max-width: 320px;
1856  display: flex;
1857  flex-direction: column;
1858  gap: 16px;
1859}
1860
1861.all-products-row {
1862  display: flex;
1863  align-items: center;
1864  gap: 16px;
1865}
1866
1867.all-products-icon {
1868  width: 40px;
1869  height: 40px;
1870}
1871
1872.all-products-title {
1873  font-size: 1.25rem;
1874  font-weight: 600;
1875}
1876
1877.all-products-desc {
1878  color: #6b7280;
1879  font-size: 0.8rem;
1880}
1881
1882.overview-btn {
1883  text-align: center;
1884  font-size: 0.8rem;
1885  margin-top: 16px;
1886  background: #f3f4f6;
1887  color: #111;
1888  font-weight: 600;
1889  padding: 8px 24px;
1890  border-radius: 9999px;
1891  text-decoration: none;
1892  transition: background 0.2s;
1893  display: block;
1894  width: max-content;
1895  margin-left: auto;
1896  margin-right: auto;
1897}
1898
1899.overview-btn:hover {
1900  background: #e5e7eb;
1901}
1902
1903.nav-right {
1904  column-count: 3;
1905  column-gap: 32px;
1906  flex: 3 1 600px;
1907  width: 100%;
1908}
1909
1910.product-link {
1911  display: block;
1912  margin-bottom: 32px;
1913  break-inside: avoid;
1914  text-decoration: none;
1915  color: #111;
1916}
1917
1918.product-link:hover {
1919  text-decoration: underline;
1920}
1921
1922.product-flex {
1923  display: flex;
1924  align-items: flex-start;
1925  gap: 16px;
1926}
1927
1928.product-icon {
1929  width: 40px;
1930  height: 40px;
1931}
1932
1933.product-title {
1934  font-size: 1.25rem;
1935  font-weight: 600;
1936}
1937
1938.product-desc {
1939  color: #6b7280;
1940  font-size: 0.8rem;
1941}
1942
1943.column-break {
1944  break-after: column;
1945}
1946
1947.mobile-only {
1948  display: none;
1949  list-style: none;
1950  padding: 0;
1951  margin: 0 0 10rem 0;
1952}
1953.mobile-only a {
1954  text-decoration: none;
1955  color: #111;
1956  font-size: 1.25rem;
1957  font-weight: 600;
1958  margin-bottom: 16px;
1959  display: block;
1960}
1961
1962@media (max-width: 768px) {
1963  .detail-nav-container {
1964    padding: 16px !important;
1965    top: 90px !important;
1966    max-height: calc(100vh - 90px) !important;
1967    overflow-y: auto !important;
1968  }
1969
1970  .nav-container {
1971    flex-direction: column !important;
1972    gap: 24px !important;
1973  }
1974
1975  .nav-left {
1976    flex: none !important;
1977    max-width: none !important;
1978    width: 100% !important;
1979  }
1980
1981  .nav-right {
1982    column-count: 1 !important;
1983    column-gap: 0 !important;
1984    flex: none !important;
1985    width: 100% !important;
1986    display: flex !important;
1987    flex-direction: column !important;
1988    max-height: calc(100vh - 200px) !important;
1989    overflow-y: auto !important;
1990  }
1991
1992  .product-link {
1993    margin-bottom: 16px !important;
1994    break-inside: avoid !important;
1995  }
1996
1997  .overview-btn {
1998    width: 100% !important;
1999    margin: 16px 0 0 0 !important;
2000  }
2001
2002  .column-break {
2003    display: none !important;
2004  }
2005
2006  .mobile-only {
2007    display: block;
2008  }
2009}
2010
2011@media (max-width: 480px) {
2012  .detail-nav-container {
2013    padding: 12px !important;
2014    top: 80px !important;
2015    max-height: calc(100vh - 80px) !important;
2016  }
2017
2018  .nav-right {
2019    max-height: calc(100vh - 180px) !important;
2020  }
2021
2022  .product-flex {
2023    gap: 12px !important;
2024  }
2025
2026  .product-icon {
2027    width: 32px !important;
2028    height: 32px !important;
2029  }
2030
2031  .product-title {
2032    font-size: 1.1rem !important;
2033  }
2034
2035  .product-desc {
2036    font-size: 0.75rem !important;
2037  }
2038
2039  .mobile-only {
2040    display: block;
2041  }
2042}
2043
2044/* Testimonial headings */
2045.testimonial-section h2 {
2046    font-size: 2rem;
2047}
2048
2049/* generic hide/show elements on mobile */
2050@media (min-width: 768px) {
2051  .visible-mobile {
2052    display: none;
2053  }
2054}
2055
2056@media (max-width: 767px) {
2057  .visible-desktop {
2058    display: none;
2059  }
2060}
2061}</style><style data-layer="themeCustom">@layer themeCustom {
2062/* Add custom CSS for 'Default' theme */
2063
2064}</style><style data-layer="pageCustom">@layer pageCustom {
2065/* Add custom CSS for 'About Us' page */
2066.staff-members .scroll-container {
2067  align-items: center;
2068}
2069
2070.staff-members .flex-container {
2071  align-items: start;
2072}
2073}</style><style data-layer="block">@layer block {
2074#cot8rap{
2075	background-color: #FFF;
2076	padding: 1.5em 0em 1.5em 0em;
2077	gap: 1em;
2078	align-items: flex-start;
2079	justify-content: center;
2080	box-shadow: 0px 0px 20px 0px #00000040;
2081	position: fixed;
2082	width: 100vw;
2083	z-index: 2;
2084	top: 0;
2085	height: 117px;
2086	left: 0;
2087
2088}
2089@media (min-width: 768px) and (max-width: 1023px) {
2090	#cot8rap {
2091			padding: 1.25rem 0rem 1.25rem 0rem;
2092
2093	}
2094}
2095@media (max-width: 767px) {
2096	#cot8rap {
2097			padding: 1rem 0rem 1rem 0rem;
2098
2099	}
2100}
2101#coiwqic{
2102		align-items: center;
2103
2104}
2105#coh295w{
2106			align-items: center;
2107			justify-content: center;
2108
2109}
2110#cowmt0p{
2111				border-radius: 48% 48% 48% 48%;
2112				width: 3.5em;
2113
2114}
2115#cogfire{
2116			color: #000;
2117			font-size: 16px;
2118
2119}
2120.co-section-grid > .co-grid-item[data-grid-block-id="cogfire"]:hover, .co-section-grid > .co-grid-item[data-grid-block-id="cogfire"]:focus-within {
2121	position: relative !important;
2122	z-index: 25 !important;
2123}
2124#cogfire > ul > li > a {
2125	color: #000;
2126}
2127#cobmmyx{
2128	margin: 0px 0px 88px 0px;
2129
2130}
2131#cor3063{
2132align-items: center;
2133max-width: 100vw;
2134overflow: visible;
2135
2136}
2137@media (min-width: 768px) and (max-width: 1023px) {
2138	#cor3063 {
2139		overflow: visible;
2140
2141	}
2142}
2143@media (max-width: 767px) {
2144	#cor3063 {
2145		overflow: visible;
2146
2147	}
2148}
2149#coz58kd{
2150	background-color: #334040;
2151	padding: 0em 1em 0em 1em;
2152	width: 100vw;
2153	max-width: 100vw;
2154	justify-content: center;
2155
2156}
2157#cotepst{
2158		gap: 3.75rem;
2159		align-items: center;
2160		padding: 80px 0px;
2161
2162}
2163@media (min-width: 768px) and (max-width: 1023px) {
2164	#cotepst {
2165				gap: 1.75em;
2166				padding: 3rem 0rem 3rem 0rem;
2167
2168	}
2169}
2170@media (max-width: 767px) {
2171	#cotepst {
2172				gap: 1.75em;
2173				padding: 3rem 0rem 3rem 0rem;
2174
2175	}
2176}
2177#co5zxlp{
2178			flex-basis: 50%;
2179			align-items: flex-start;
2180			gap: 2rem;
2181
2182}
2183@media (min-width: 768px) and (max-width: 1023px) {
2184	#co5zxlp {
2185					gap: 1.25rem;
2186
2187	}
2188}
2189@media (max-width: 767px) {
2190	#co5zxlp {
2191					gap: 1.25rem;
2192					flex-basis: 100%;
2193
2194	}
2195}
2196#codt9b6{
2197				color: #ffffff;
2198				font-size: 4.25rem;
2199
2200}
2201@media (max-width: 767px) {
2202	#codt9b6 {
2203						font-size: 3rem;
2204
2205	}
2206}
2207#codt9b6 a {
2208	color: #ffffff;
2209}
2210#com96ho{
2211				color: #fff;
2212
2213}
2214@media (min-width: 768px) and (max-width: 1023px) {
2215	#com96ho {
2216						font-size: 1.125rem;
2217
2218	}
2219}
2220@media (max-width: 767px) {
2221	#com96ho {
2222						font-size: 1.25em;
2223
2224	}
2225}
2226#com96ho a {
2227	color: #fff;
2228}
2229#col0cas{
2230			flex-basis: 50%;
2231
2232}
2233@media (max-width: 767px) {
2234	#col0cas {
2235					flex-basis: 0%;
2236
2237	}
2238}
2238
2239#coh52o2{
2240				border-radius: 16px;
2241
2242}
2243#cozd0p4{
2244align-items: center;
2245max-width: 100vw;
2246overflow: visible;
2247background-color: #F7F6F6;
2248
2249}
2250@media (min-width: 768px) and (max-width: 1023px) {
2251	#cozd0p4 {
2252		overflow: visible;
2253
2254	}
2255}
2256@media (max-width: 767px) {
2257	#cozd0p4 {
2258		overflow: visible;
2259
2260	}
2261}
2262#cozakmd{
2263	background-color: #fff;
2264	padding: 0em 1em 0em 1em;
2265	width: 100vw;
2266	max-width: 100vw;
2267	justify-content: center;
2268
2269}
2270#coqnlax{
2271		gap: 11em;
2272		align-items: center;
2273		justify-content: center;
2274		padding: 4.3125rem 0rem;
2275
2276}
2277@media (min-width: 768px) and (max-width: 1023px) {
2278	#coqnlax {
2279				gap: 1.8125em;
2280
2281	}
2282}
2283@media (max-width: 767px) {
2284	#coqnlax {
2285				gap: 1.875em;
2286				padding: 30px 0px;
2287
2288	}
2289}
2290#couzk7x{
2291			flex-basis: 50%;
2292			align-items: flex-start;
2293			gap: 1.75em;
2294
2295}
2296@media (min-width: 768px) and (max-width: 1023px) {
2297	#couzk7x {
2298					gap: 1.25rem;
2299
2300	}
2301}
2302@media (max-width: 767px) {
2303	#couzk7x {
2304					gap: 1.25rem;
2305					flex-basis: 100%;
2306
2307	}
2308}
2309
2310@media (min-width: 768px) and (max-width: 1023px) {
2311	#cohwgb1 {
2312						font-size: 2.25rem;
2313
2314	}
2315}
2316@media (max-width: 767px) {
2317	#cohwgb1 {
2318						font-size: 2.25rem;
2319
2320	}
2321}
2322#cote9wi{
2323			flex-basis: 50%;
2324
2325}
2326@media (max-width: 767px) {
2327	#cote9wi {
2328					flex-basis: 0%;
2329
2330	}
2331}
2331
2332#co6f2jb{
2333				border-radius: 1em 1em 1em 1em;
2334				box-shadow: 0em 0em 2em 0em #00000066;
2335
2336}
2337#coux93f{
2338align-items: center;
2339max-width: 100vw;
2340overflow: visible;
2341background-color: #F7F6F6;
2342
2343}
2344@media (min-width: 768px) and (max-width: 1023px) {
2345	#coux93f {
2346		overflow: visible;
2347
2348	}
2349}
2350@media (max-width: 767px) {
2351	#coux93f {
2352		overflow: visible;
2353
2354	}
2355}
2356#cou6ct4{
2357	background-color: #fff;
2358	padding: 0em 1em 0em 1em;
2359	width: 100vw;
2360	max-width: 100vw;
2361	justify-content: center;
2362
2363}
2364#cobkbcq{
2365		gap: 11em;
2366		align-items: center;
2367		justify-content: center;
2368		padding: 4.3125rem 0rem;
2369
2370}
2371@media (min-width: 768px) and (max-width: 1023px) {
2372	#cobkbcq {
2373				gap: 1.8125em;
2374
2375	}
2376}
2377@media (max-width: 767px) {
2378	#cobkbcq {
2379				gap: 1.875em;
2380				padding: 30px 0px;
2381
2382	}
2383}
2384#co7vpin{
2385			flex-basis: 50%;
2386
2387}
2388@media (max-width: 767px) {
2389	#co7vpin {
2390					flex-basis: 0%;
2391
2392	}
2393}
2394#cok93ym{
2395				border-radius: 1em 1em 1em 1em;
2396				box-shadow: 0em 0em 2em 0em #00000066;
2397
2398}
2399#co879dn{
2400			flex-basis: 50%;
2401			align-items: flex-start;
2402			gap: 1.75em;
2403
2404}
2405@media (min-width: 768px) and (max-width: 1023px) {
2406	#co879dn {
2407					gap: 1.25rem;
2408
2409	}
2410}
2411@media (max-width: 767px) {
2412	#co879dn {
2413					gap: 1.25rem;
2414					flex-basis: 100%;
2415
2416	}
2417}
2418
2419@media (min-width: 768px) and (max-width: 1023px) {
2420	#co2a5qp {
2421						font-size: 2.25rem;
2422
2423	}
2424}
2425@media (max-width: 767px) {
2426	#co2a5qp {
2427						font-size: 2.25rem;
2428
2429	}
2430}
2431#cod3j1t{
2432align-items: center;
2433max-width: 100vw;
2434overflow: visible;
2435
2436}
2437@media (min-width: 768px) and (max-width: 1023px) {
2438	#cod3j1t {
2439		overflow: visible;
2440
2441	}
2442}
2443@media (max-width: 767px) {
2444	#cod3j1t {
2445		overflow: visible;
2446
2447	}
2448}
2449#coqrspy{
2450	background-color: #fff;
2451	padding: 0em 1em 0em 1em;
2452	width: 100vw;
2453	max-width: 100vw;
2454	justify-content: center;
2455
2456}
2457#coub78w{
2458		gap: 11em;
2459		align-items: center;
2460		justify-content: center;
2461		padding: 4.3125rem 0rem;
2462
2463}
2464@media (min-width: 768px) and (max-width: 1023px) {
2465	#coub78w {
2466				gap: 1.8125em;
2467
2468	}
2469}
2470@media (max-width: 767px) {
2471	#coub78w {
2472				gap: 1.875em;
2473				padding: 30px 0px;
2474
2475	}
2476}
2477#coniukt{
2478			flex-basis: 50%;
2479			align-items: flex-start;
2480			gap: 1.75em;
2481
2482}
2483@media (min-width: 768px) and (max-width: 1023px) {
2484	#coniukt {
2485					gap: 1.25rem;
2486
2487	}
2488}
2489@media (max-width: 767px) {
2490	#coniukt {
2491					gap: 1.25rem;
2492					flex-basis: 100%;
2493
2494	}
2495}
2496
2497@media (min-width: 768px) and (max-width: 1023px) {
2498	#coqzppc {
2499						font-size: 2.25rem;
2500
2501	}
2502}
2503@media (max-width: 767px) {
2504	#coqzppc {
2505						font-size: 2.25rem;
2506
2507	}
2508}
2509#co8o154{
2510			flex-basis: 50%;
2511
2512}
2513@media (max-width: 767px) {
2514	#co8o154 {
2515					flex-basis: 0%;
2516
2517	}
2518}
2518
2519#cocb1k6{
2520				border-radius: 1em 1em 1em 1em;
2521				box-shadow: 0em 0em 2em 0em #00000066;
2522
2523}
2524#cohjog9{
2525	align-items: center;
2526	max-width: 100vw;
2527	overflow: visible;
2528
2529}
2530@media (min-width: 768px) and (max-width: 1023px) {
2531	#cohjog9 {
2532			overflow: visible;
2533
2534	}
2535}
2536@media (max-width: 767px) {
2537	#cohjog9 {
2538			overflow: visible;
2539
2540	}
2541}
2542#col3kvn{
2543		background-color: #fff;
2544		padding: 0em 1em 0em 1em;
2545		width: 100vw;
2546		max-width: 100vw;
2547		justify-content: center;
2548
2549}
2550#coukcl5{
2551			gap: 11em;
2552			align-items: center;
2553			justify-content: center;
2554			padding: 4.3125rem 0rem;
2555
2556}
2557@media (min-width: 768px) and (max-width: 1023px) {
2558	#coukcl5 {
2559					gap: 1.8125em;
2560
2561	}
2562}
2563@media (max-width: 767px) {
2564	#coukcl5 {
2565					gap: 1.875em;
2566					padding: 30px 0px;
2567
2568	}
2569}
2570#co0ufnr{
2571				flex-basis: 50%;
2572
2573}
2574@media (max-width: 767px) {
2575	#co0ufnr {
2576						flex-basis: 0%;
2577
2578	}
2579}
2580#corubjr{
2581					border-radius: 1em 1em 1em 1em;
2582					box-shadow: 0em 0em 2em 0em #00000066;
2583
2584}
2585#coxydl5{
2586				flex-basis: 50%;
2587				align-items: flex-start;
2588				gap: 1.75em;
2589
2590}
2591@media (min-width: 768px) and (max-width: 1023px) {
2592	#coxydl5 {
2593						gap: 1.25rem;
2594
2595	}
2596}
2597@media (max-width: 767px) {
2598	#coxydl5 {
2599						gap: 1.25rem;
2600						flex-basis: 100%;
2601
2602	}
2603}
2604
2605@media (min-width: 768px) and (max-width: 1023px) {
2606	#cohxu99 {
2607							font-size: 2.25rem;
2608
2609	}
2610}
2611@media (max-width: 767px) {
2612	#cohxu99 {
2613							font-size: 2.25rem;
2614
2615	}
2616}
2617#co9hw3q{
2618align-items: center;
2619max-width: 100vw;
2620overflow: visible;
2621
2622}
2623@media (min-width: 768px) and (max-width: 1023px) {
2624	#co9hw3q {
2625		overflow: visible;
2626
2627	}
2628}
2629@media (max-width: 767px) {
2630	#co9hw3q {
2631		overflow: visible;
2632
2633	}
2634}
2635#cogbio3{
2636	background-color: #334040;
2637	padding: 0em 1em 0em 1em;
2638	width: 100vw;
2639	max-width: 100vw;
2640	justify-content: center;
2641
2642}
2643#coeinrp{
2644		gap: 4.1875rem;
2645		padding: 4.1875rem 0rem 3.1875rem 0rem;
2646		align-items: stretch;
2647
2648}
2649@media (min-width: 768px) and (max-width: 1023px) {
2650	#coeinrp {
2651				gap: 2.0625em;
2652				padding: 3.125rem 0rem 0rem 0rem;
2653
2654	}
2655}
2656@media (max-width: 767px) {
2657	#coeinrp {
2658				gap: 2.5rem;
2659				padding: 2.5rem 0rem 0rem 0rem;
2660
2661	}
2662}
2663#cotp7vk{
2664			align-items: center;
2665			gap: 1rem;
2666
2667}
2668#co2nec1{
2669				color: #fff;
2670				text-align: left;
2671
2672}
2673@media (min-width: 768px) and (max-width: 1023px) {
2674	#co2nec1 {
2675						font-size: 2.25rem;
2676
2677	}
2678}
2679@media (max-width: 767px) {
2680	#co2nec1 {
2681						font-size: 2.25rem;
2682
2683	}
2684}
2685#co2nec1 a {
2686	color: #fff;
2687}
2688#cog33oc{
2689			gap: 0rem;
2690			flex-wrap: wrap;
2691			margin: 0rem -1rem 0rem 0rem;
2692			padding: 0px;
2693
2694}
2695@media (min-width: 768px) and (max-width: 1023px) {
2696	#cog33oc {
2697					gap: 0rem;
2698					margin: 0rem -1.875rem 0rem 0rem;
2699
2700	}
2701}
2702@media (max-width: 767px) {
2703	#cog33oc {
2704					gap: 0rem;
2705					margin: 0rem 0rem 0rem 0rem;
2706
2707	}
2708}
2709#cosfcjb{
2710				flex-basis: 33.333%;
2711				padding: 0rem 2rem 0rem 0rem;
2712
2713}
2714@media (min-width: 768px) and (max-width: 1023px) {
2715	#cosfcjb {
2716						padding: 0rem 1.875rem 3.3125rem 0rem;
2717						flex-basis: 50%;
2718
2719	}
2720}
2721@media (max-width: 767px) {
2722	#cosfcjb {
2723						padding: 0rem 0rem 2.5rem 0rem;
2724						flex-basis: 100%;
2725
2726	}
2727}
2728#couek81{
2729					margin: 0rem 0rem 1.125rem 0rem;
2730					width: 2.5rem;
2731
2732}
2733@media (min-width: 768px) and (max-width: 1023px) {
2734	#couek81 {
2735							margin: 0rem 0rem 1.875rem 0rem;
2736
2737	}
2738}
2739@media (max-width: 767px) {
2740	#couek81 {
2741							margin: 0rem 0rem 1.875rem 0rem;
2742
2743	}
2744}
2745#cov94ru{
2746					font-size: 1.8rem;
2747					margin: 0px;
2748					color: #fff;
2749					padding: 0px 0px 15px 0px;
2750
2751}
2752#cov94ru a {
2753	color: #fff;
2754}
2755#cozptbu{
2756					color: #fff;
2757
2758}
2759#cozptbu a {
2760	color: #fff;
2761}
2762#covd4te{
2763				flex-basis: 33.333%;
2764				padding: 0rem 2rem 4.25rem 0rem;
2765
2766}
2767@media (min-width: 768px) and (max-width: 1023px) {
2768	#covd4te {
2769						padding: 0rem 1.875rem 3.3125rem 0rem;
2770						flex-basis: 50%;
2771
2772	}
2773}
2774@media (max-width: 767px) {
2775	#covd4te {
2776						padding: 0rem 0rem 2.5rem 0rem;
2777						flex-basis: 100%;
2778
2779	}
2780}
2781#co9vamv{
2782					margin: 0rem 0rem 1.125rem 0rem;
2783					width: 2.5rem;
2784
2785}
2786@media (min-width: 768px) and (max-width: 1023px) {
2787	#co9vamv {
2788							margin: 0rem 0rem 1.875rem 0rem;
2789
2790	}
2791}
2792@media (max-width: 767px) {
2793	#co9vamv {
2794							margin: 0rem 0rem 1.875rem 0rem;
2795
2796	}
2797}
2798#co7hh3y{
2799					font-size: 1.8rem;
2800					margin: 0px;
2801					color: #fff;
2802					padding: 0px 0px 15px 0px;
2803
2804}
2805#co7hh3y a {
2806	color: #fff;
2807}
2808#cota052{
2809					color: #fff;
2810
2811}
2812#cota052 a {
2813	color: #fff;
2814}
2815#coablnk{
2816				flex-basis: 33.333%;
2817				padding: 0rem 2rem 4.25rem 0rem;
2818
2819}
2820@media (min-width: 768px) and (max-width: 1023px) {
2821	#coablnk {
2822						padding: 0rem 1.875rem 3.3125rem 0rem;
2823						flex-basis: 50%;
2824
2825	}
2826}
2827@media (max-width: 767px) {
2828	#coablnk {
2829						padding: 0rem 0rem 2.5rem 0rem;
2830						flex-basis: 100%;
2831
2832	}
2833}
2834#co5sxwc{
2835					margin: 0rem 0rem 1.125rem 0rem;
2836					width: 2.5rem;
2837
2838}
2839@media (min-width: 768px) and (max-width: 1023px) {
2840	#co5sxwc {
2841							margin: 0rem 0rem 1.875rem 0rem;
2842
2843	}
2844}
2845@media (max-width: 767px) {
2846	#co5sxwc {
2847							margin: 0rem 0rem 1.875rem 0rem;
2848
2849	}
2850}
2851#co4b17u{
2852					font-size: 1.8rem;
2853					margin: 0px;
2854					color: #fff;
2855					padding: 0px 0px 15px 0px;
2856
2857}
2858#co4b17u a {
2859	color: #fff;
2860}
2861#coj1537{
2862					color: #fff;
2863
2864}
2865#coj1537 a {
2866	color: #fff;
2867}
2868#co5gt8s{
2869				flex-basis: 33.333%;
2870				padding: 0rem 2rem 4.25rem 0rem;
2871
2872}
2873@media (min-width: 768px) and (max-width: 1023px) {
2874	#co5gt8s {
2875						padding: 0rem 1.875rem 3.3125rem 0rem;
2876						flex-basis: 50%;
2877
2878	}
2879}
2880@media (max-width: 767px) {
2881	#co5gt8s {
2882						padding: 0rem 0rem 2.5rem 0rem;
2883						flex-basis: 100%;
2884
2885	}
2886}
2887#co5lmrk{
2888					margin: 0rem 0rem 1.125rem 0rem;
2889					width: 2.5rem;
2890
2891}
2892@media (min-width: 768px) and (max-width: 1023px) {
2893	#co5lmrk {
2894							margin: 0rem 0rem 1.875rem 0rem;
2895
2896	}
2897}
2898@media (max-width: 767px) {
2899	#co5lmrk {
2900							margin: 0rem 0rem 1.875rem 0rem;
2901
2902	}
2903}
2904#coz6022{
2905					font-size: 1.8rem;
2906					margin: 0px;
2907					color: #fff;
2908					padding: 0px 0px 15px 0px;
2909
2910}
2911#coz6022 a {
2912	color: #fff;
2913}
2914#copsnvq{
2915					color: #fff;
2916
2917}
2918#copsnvq a {
2919	color: #fff;
2920}
2921#co8l3f1{
2922				flex-basis: 33.333%;
2923				padding: 0rem 2.5rem 4.25rem 0rem;
2924
2925}
2926@media (min-width: 768px) and (max-width: 1023px) {
2927	#co8l3f1 {
2928						padding: 0rem 1.875rem 3.3125rem 0rem;
2929						flex-basis: 50%;
2930
2931	}
2932}
2933@media (max-width: 767px) {
2934	#co8l3f1 {
2935						padding: 0rem 0rem 2.5rem 0rem;
2936						flex-basis: 100%;
2937
2938	}
2939}
2940#colk3m7{
2941					margin: 0rem 0rem 1.125rem 0rem;
2942					width: 2.5rem;
2943
2944}
2945@media (min-width: 768px) and (max-width: 1023px) {
2946	#colk3m7 {
2947							margin: 0rem 0rem 1.875rem 0rem;
2948
2949	}
2950}
2951@media (max-width: 767px) {
2952	#colk3m7 {
2953							margin: 0rem 0rem 1.875rem 0rem;
2954
2955	}
2956}
2957#co2xdhd{
2958					font-size: 1.8rem;
2959					margin: 0px;
2960					color: #fff;
2961					padding: 0px 0px 15px 0px;
2962
2963}
2964#co2xdhd a {
2965	color: #fff;
2966}
2967#coc042h{
2968					color: #fff;
2969
2970}
2971#coc042h a {
2972	color: #fff;
2973}
2974#co5z5ej{
2975				flex-basis: 33.333%;
2976				padding: 0rem 2rem 4.25rem 0rem;
2977
2978}
2979@media (min-width: 768px) and (max-width: 1023px) {
2980	#co5z5ej {
2981						padding: 0rem 1.875rem 3.3125rem 0rem;
2982						flex-basis: 50%;
2983
2984	}
2985}
2986@media (max-width: 767px) {
2987	#co5z5ej {
2988						padding: 0rem 0rem 2.5rem 0rem;
2989						flex-basis: 100%;
2990
2991	}
2992}
2993#coq0vug{
2994					margin: 0rem 0rem 1.125rem 0rem;
2995					width: 2.5rem;
2996
2997}
2998@media (min-width: 768px) and (max-width: 1023px) {
2999	#coq0vug {
3000							margin: 0rem 0rem 1.875rem 0rem;
3001
3002	}
3003}
3004@media (max-width: 767px) {
3005	#coq0vug {
3006							margin: 0rem 0rem 1.875rem 0rem;
3007
3008	}
3009}
3010#coknvhw{
3011					font-size: 1.8rem;
3012					margin: 0px;
3013					color: #fff;
3014					padding: 0px 0px 15px 0px;
3015
3016}
3017#coknvhw a {
3018	color: #fff;
3019}
3020#cogye4h{
3021					color: #fff;
3022
3023}
3024#cogye4h a {
3025	color: #fff;
3026}
3027#co5vnlo{
3028align-items: center;
3029max-width: 100vw;
3030overflow: visible;
3031
3032}
3033@media (min-width: 768px) and (max-width: 1023px) {
3034	#co5vnlo {
3035		overflow: visible;
3036
3037	}
3038}
3039@media (max-width: 767px) {
3040	#co5vnlo {
3041		overflow: visible;
3042
3043	}
3044}
3045#coy9a5p{
3046	background-color: #F7F6F6;
3047	padding: 0em 1em 0em 1em;
3048	width: 100vw;
3049	max-width: 100vw;
3050	justify-content: center;
3051
3052}
3053#co29or5{
3054		gap: 0rem;
3055		padding: 4rem 4rem 4rem 4rem;
3056		align-items: center;
3057
3058}
3059@media (min-width: 768px) and (max-width: 1023px) {
3060	#co29or5 {
3061				gap: 0em;
3062				padding: 4.375rem 1rem 4.375rem 1rem;
3063
3064	}
3065}
3066@media (max-width: 767px) {
3067	#co29or5 {
3068				gap: 0em;
3069				padding: 4.5625rem 0rem 5.3125rem 0rem;
3070
3071	}
3072}
3073#coux7hq{
3074			color: #334040;
3075			text-align: left;
3076			font-size: 2.25rem;
3077			padding: 20px 0px;
3078
3079}
3080@media (min-width: 768px) and (max-width: 1023px) {
3081	#coux7hq {
3082					font-size: 1.5rem;
3083					padding: 0rem 0rem 2.5rem 0rem;
3084
3085	}
3086}
3087@media (max-width: 767px) {
3088	#coux7hq {
3089					font-size: 1.5rem;
3090					padding: 0rem 0rem 2.5rem 0rem;
3091
3092	}
3093}
3094#coux7hq a {
3095	color: #334040;
3096}
3097#copkdfu{
3098			color: #334040;
3099			text-align: left;
3100			font-size: 2.25rem;
3101			padding: 20px 0px;
3102
3103}
3104@media (min-width: 768px) and (max-width: 1023px) {
3105	#copkdfu {
3106					font-size: 1.5rem;
3107					padding: 0rem 0rem 2.5rem 0rem;
3108
3109	}
3110}
3111@media (max-width: 767px) {
3112	#copkdfu {
3113					font-size: 1.5rem;
3114					padding: 0rem 0rem 2.5rem 0rem;
3115
3116	}
3117}
3118#copkdfu a {
3119	color: #334040;
3120}
3121#cook45e{
3122			color: #334040;
3123			font-size: 1.25rem;
3124			text-align: center;
3125
3126}
3127@media (min-width: 768px) and (max-width: 1023px) {
3128	#cook45e {
3129					font-size: 1.125rem;
3130
3131	}
3132}
3133@media (max-width: 767px) {
3134	#cook45e {
3135					font-size: 1.125rem;
3136
3137	}
3138}
3139#cook45e a {
3140	color: #334040;
3141}
3142#cokxev1{
3143			color: #334040;
3144			font-size: 1.25rem;
3145			padding: 0rem 0rem 1.625rem 0rem;
3146			text-align: center;
3147
3148}
3149@media (min-width: 768px) and (max-width: 1023px) {
3150	#cokxev1 {
3151					font-size: 1.125rem;
3152					padding: 0rem 0rem 3.125rem 0rem;
3153
3154	}
3155}
3156@media (max-width: 767px) {
3157	#cokxev1 {
3158					font-size: 1.125rem;
3159					padding: 0rem 0rem 2.5rem 0rem;
3160
3161	}
3162}
3163#cokxev1 a {
3164	color: #334040;
3165}
3166#co81vh5{
3167			width: 7.375rem;
3168			padding: 0.5rem 0.625rem;
3169
3170}
3171#costf90{
3172align-items: center;
3173max-width: 100vw;
3174overflow: visible;
3175
3176}
3177@media (min-width: 768px) and (max-width: 1023px) {
3178	#costf90 {
3179		overflow: visible;
3180
3181	}
3182}
3183@media (max-width: 767px) {
3184	#costf90 {
3185		overflow: visible;
3186
3187	}
3188}
3189#coca08w{
3190	padding: 0em 1em 0em 1em;
3191	width: 100vw;
3192	max-width: 100vw;
3193	justify-content: center;
3194	background-image: url('/frontend-images/editor/comco/create-2025/about_us/about-bg.jpg');
3195
3196}
3197#co9phsz{
3198		gap: 3.75rem;
3199		padding: 6rem 0rem 5rem 0rem;
3200		align-items: center;
3201
3202}
3203@media (min-width: 768px) and (max-width: 1023px) {
3204	#co9phsz {
3205				gap: 1.75em;
3206				padding: 3rem 0rem 3rem 0rem;
3207
3208	}
3209}
3210@media (max-width: 767px) {
3211	#co9phsz {
3212				gap: 1.75em;
3213				padding: 3rem 0rem 3rem 0rem;
3214
3215	}
3216}
3217#co1hlte{
3218			flex-basis: 50%;
3219
3220}
3221@media (max-width: 767px) {
3222	#co1hlte {
3223					flex-basis: 0%;
3224
3225	}
3226}
3227#cowh5co{
3228			flex-basis: 50%;
3229			align-items: stretch;
3230			gap: 2rem;
3231
3232}
3233@media (min-width: 768px) and (max-width: 1023px) {
3234	#cowh5co {
3235					gap: 1.25rem;
3236
3237	}
3238}
3239@media (max-width: 767px) {
3240	#cowh5co {
3241					gap: 1.25rem;
3242					flex-basis: 100%;
3243
3244	}
3245}
3246#co023o9{
3247				color: #ffffff;
3248
3249}
3250#co023o9 a {
3251	color: #ffffff;
3252}
3253#cohxqki{
3254				justify-content: flex-start;
3255				align-items: center;
3256
3257}
3258#cofmeiv{
3259					width: 15%;
3260
3261}
3262#codvhq2{
3263					color: #fff;
3264
3265}
3266#codvhq2 a {
3267	color: #fff;
3268}
3269#cos3lyb{
3270				justify-content: flex-start;
3271				align-items: center;
3272
3273}
3274#co1xd8r{
3275					width: 15%;
3276
3277}
3278#co84iy6{
3279					color: #ffffff;
3280
3281}
3282#co84iy6 a {
3283	color: #ffffff;
3284}
3285#copkq5c{
3286				justify-content: flex-start;
3287				align-items: center;
3288
3289}
3290#co3ac5i{
3291					width: 15%;
3292
3293}
3294#codxtx8{
3295					color: #ffffff;
3296
3297}
3298#codxtx8 a {
3299	color: #ffffff;
3300}
3301#coe2eda{
3302gap: 20px;
3303top: auto;
3304padding: 80px 0px 10px 0px;
3305margin: 0px 0px 30px 0px;
3306
3307}
3308#cokkj5d{
3309	width: 100%;
3310
3311}
3312#coxkgyt{
3313width: 100%;
3314max-width: 1200px;
3315margin: 0px 0px 30px 0px;
3316justify-content: center;
3317align-items: center;
3318
3319}
3320#com09z4{
3321	max-width: 100%;
3322	margin: 0px;
3323
3324}
3325@media (max-width: 767px) {
3326	#com09z4 {
3327			max-width: 120vw;
3328
3329	}
3330}
3331#coyftpm{
3332align-items: center;
3333max-width: 100vw;
3334overflow: visible;
3335background-color: #F7F6F6;
3336
3337}
3338@media (min-width: 768px) and (max-width: 1023px) {
3339	#coyftpm {
3340		overflow: visible;
3341
3342	}
3343}
3344@media (max-width: 767px) {
3345	#coyftpm {
3346		overflow: visible;
3347
3348	}
3349}
3350#cou6ms2{
3351	background-color: #F7F6F6;
3352	padding: 0em 1em 0em 1em;
3353	width: 100vw;
3354	max-width: 100vw;
3355	justify-content: center;
3356
3357}
3358#co3hi0m{
3359		gap: 4.1875rem;
3360		align-items: stretch;
3361		padding: 3rem 0rem 1rem 0rem;
3362
3363}
3364@media (min-width: 768px) and (max-width: 1023px) {
3365	#co3hi0m {
3366				gap: 2.0625em;
3367				padding: 3.125rem 0rem 0rem 0rem;
3368
3369	}
3370}
3371@media (max-width: 767px) {
3372	#co3hi0m {
3373				gap: 2.5rem;
3374				padding: 2.5rem 0rem 0rem 0rem;
3375
3376	}
3377}
3378#coe72oy{
3379			align-items: flex-start;
3380			gap: 1em;
3381
3382}
3383
3384@media (min-width: 768px) and (max-width: 1023px) {
3385	#cozd92m {
3386						font-size: 2.25rem;
3387
3388	}
3389}
3390@media (max-width: 767px) {
3391	#cozd92m {
3392						font-size: 2.25rem;
3393
3394	}
3395}
3396#coyuqbh{
3397			gap: 0rem;
3398			flex-wrap: wrap;
3399			margin: 0rem 0rem;
3400
3401}
3402@media (min-width: 768px) and (max-width: 1023px) {
3403	#coyuqbh {
3404					gap: 0rem;
3405					margin: 0rem -1.875rem 0rem 0rem;
3406
3407	}
3408}
3409@media (max-width: 767px) {
3410	#coyuqbh {
3411					gap: 0rem;
3412					margin: 0rem 0rem 0rem 0rem;
3413
3414	}
3415}
3416#coo4kbt{
3417				flex-basis: 33.333%;
3418				padding: 0rem 1.5rem 4.25rem 0rem;
3419
3420}
3421@media (min-width: 768px) and (max-width: 1023px) {
3422	#coo4kbt {
3423						padding: 0rem 1.875rem 3.3125rem 0rem;
3424						flex-basis: 50%;
3425
3426	}
3427}
3428@media (max-width: 767px) {
3429	#coo4kbt {
3430						padding: 0rem 0rem 2.5rem 0rem;
3431						flex-basis: 100%;
3432
3433	}
3434}
3435#coj6btj{
3436					margin: 0rem 0rem 1.125rem 0rem;
3437
3438}
3439@media (min-width: 768px) and (max-width: 1023px) {
3440	#coj6btj {
3441							margin: 0rem 0rem 1.875rem 0rem;
3442
3443	}
3444}
3445@media (max-width: 767px) {
3446	#coj6btj {
3447							margin: 0rem 0rem 1.875rem 0rem;
3448
3449	}
3450}
3451#co19tkq{
3452				flex-basis: 33.333%;
3453				padding: 0rem 1.5rem 4.25rem 0rem;
3454
3455}
3456@media (min-width: 768px) and (max-width: 1023px) {
3457	#co19tkq {
3458						padding: 0rem 1.875rem 3.3125rem 0rem;
3459						flex-basis: 50%;
3460
3461	}
3462}
3463@media (max-width: 767px) {
3464	#co19tkq {
3465						padding: 0rem 0rem 2.5rem 0rem;
3466						flex-basis: 100%;
3467
3468	}
3469}
3470#cof2j0a{
3471					margin: 0rem 0rem 1.125rem 0rem;
3472
3473}
3474@media (min-width: 768px) and (max-width: 1023px) {
3475	#cof2j0a {
3476							margin: 0rem 0rem 1.875rem 0rem;
3477
3478	}
3479}
3480@media (max-width: 767px) {
3481	#cof2j0a {
3482							margin: 0rem 0rem 1.875rem 0rem;
3483
3484	}
3485}
3486#coekyho{
3487				flex-basis: 33.333%;
3488				padding: 0rem 1.5rem 4.25rem 0rem;
3489
3490}
3491@media (min-width: 768px) and (max-width: 1023px) {
3492	#coekyho {
3493						padding: 0rem 1.875rem 3.3125rem 0rem;
3494						flex-basis: 50%;
3495
3496	}
3497}
3498@media (max-width: 767px) {
3499	#coekyho {
3500						padding: 0rem 0rem 2.5rem 0rem;
3501						flex-basis: 100%;
3502
3503	}
3504}
3505#cowkt66{
3506					margin: 0rem 0rem 1.125rem 0rem;
3507					border-radius: 10px;
3508
3509}
3510@media (min-width: 768px) and (max-width: 1023px) {
3511	#cowkt66 {
3512							margin: 0rem 0rem 1.875rem 0rem;
3513
3514	}
3515}
3516@media (max-width: 767px) {
3517	#cowkt66 {
3518							margin: 0rem 0rem 1.875rem 0rem;
3519
3520	}
3521}
3522#coxbvpu{
3523align-items: center;
3524max-width: 100vw;
3525overflow: visible;
3526
3527}
3528@media (min-width: 768px) and (max-width: 1023px) {
3529	#coxbvpu {
3530		overflow: visible;
3531
3532	}
3533}
3534@media (max-width: 767px) {
3535	#coxbvpu {
3536		overflow: visible;
3537
3538	}
3539}
3540#cofg5bt{
3541	padding: 0em 1em 0em 1em;
3542	width: 100vw;
3543	max-width: 100vw;
3544	justify-content: center;
3545
3546}
3547#codqq30{
3548		gap: 0rem;
3549		padding: 6rem;
3550		align-items: center;
3551
3552}
3553@media (min-width: 768px) and (max-width: 1023px) {
3554	#codqq30 {
3555				gap: 0em;
3556				padding: 4.375rem 1rem 4.375rem 1rem;
3557
3558	}
3559}
3560@media (max-width: 767px) {
3561	#codqq30 {
3562				gap: 0em;
3563				padding: 4.5625rem 0rem 5.3125rem 0rem;
3564
3565	}
3566}
3567#connt5z{
3568			color: #334040;
3569			text-align: center;
3570			font-size: 2.25rem;
3571			padding: 0rem 0rem 1rem 0rem;
3572
3573}
3574@media (min-width: 768px) and (max-width: 1023px) {
3575	#connt5z {
3576					font-size: 1.5rem;
3577					padding: 0rem 0rem 2.5rem 0rem;
3578
3579	}
3580}
3581@media (max-width: 767px) {
3582	#connt5z {
3583					font-size: 1.5rem;
3584					padding: 0rem 0rem 2.5rem 0rem;
3585
3586	}
3587}
3588#connt5z a {
3589	color: #334040;
3590}
3591#co0ffdb{
3592			width: 15rem;
3593			background-color: #FFF;
3594			padding: 0.5rem 0.625rem 1rem 0.625rem;
3595			margin: 2rem;
3596
3597}
3598#con9l8e{
3599			color: #334040;
3600			font-size: 1.25rem;
3601			text-align: center;
3602
3603}
3604@media (min-width: 768px) and (max-width: 1023px) {
3605	#con9l8e {
3606					font-size: 1.125rem;
3607
3608	}
3609}
3610@media (max-width: 767px) {
3611	#con9l8e {
3612					font-size: 1.125rem;
3613
3614	}
3615}
3616#con9l8e a {
3617	color: #334040;
3618}
3619#co4dovj{
3620	justify-content: center;
3621	background-color: #334040;
3622	padding: 0px 16px;
3623
3624}
3625#cokcfzt{
3626		max-width: 1200px;
3627		margin: 60px 0px;
3628		justify-content: space-between;
3629
3630}
3631@media (max-width: 767px) {
3632	#cokcfzt {
3633				margin: 60px 0px 180px 0px;
3634
3635	}
3636}
3637#coenjpo{
3638			width: 38%;
3639			align-items: flex-start;
3640
3641}
3642@media (max-width: 767px) {
3643	#coenjpo {
3644					flex-wrap: wrap;
3645					width: 50%;
3646
3647	}
3648}
3649#co9pgnn{
3650				width: 50%;
3651				margin: 0px 0px 20px 0px;
3652				align-items: flex-start;
3653
3654}
3655@media (max-width: 767px) {
3656	#co9pgnn {
3657						width: 100%;
3658
3659	}
3660}
3661#coof6ya{
3662					border-color: #fff;
3663					border-style: solid;
3664					border-radius: 50px;
3665					border-width: 1px 1px 1px 1px;
3666					width: 64px;
3667
3668}
3669#coavlpw{
3670				width: 50%;
3671				margin: 0px 0px 20px 0px;
3672
3673}
3674@media (max-width: 767px) {
3675	#coavlpw {
3676						width: 100%;
3677
3678	}
3679}
3680#cohsu2u{
3681					color: #19b4c7;
3682
3683}
3684#cohsu2u a {
3685	color: #19b4c7;
3686}
3687#co3of6l{
3688					color: #19b4c7;
3689
3690}
3691#co3of6l a {
3692	color: #19b4c7;
3693}
3694#cordhgf{
3695					font-style: normal;
3696					color: #19b4c7;
3697
3698}
3699#cordhgf a {
3700	color: #19b4c7;
3701}
3702#co8k578{
3703					font-style: normal;
3704					color: #19b4c7;
3705
3706}
3707#co8k578 a {
3708	color: #19b4c7;
3709}
3710#cokecqo{
3711					font-style: normal;
3712					color: #19b4c7;
3713
3714}
3715#cokecqo a {
3716	color: #19b4c7;
3717}
3718#co6d72l{
3719			width: 61.5%;
3720			flex-wrap: wrap;
3721			justify-content: space-between;
3722
3723}
3724@media (max-width: 767px) {
3725	#co6d72l {
3726					flex-wrap: wrap;
3727
3728	}
3729}
3730#co9cdza{
3731				width: 31%;
3732				margin: 0px 0px 20px 0px;
3733
3734}
3735@media (min-width: 768px) and (max-width: 1023px) {
3736	#co9cdza {
3737						width: 49%;
3738
3739	}
3740}
3741@media (max-width: 767px) {
3742	#co9cdza {
3743						width: 100%;
3744
3745	}
3746}
3747#co9x655{
3748				width: 31%;
3749				margin: 0px 0px 20px 0px;
3750
3751}
3752@media (min-width: 768px) and (max-width: 1023px) {
3753	#co9x655 {
3754						width: 49%;
3755
3756	}
3757}
3758@media (max-width: 767px) {
3759	#co9x655 {
3760						width: 100%;
3761
3762	}
3763}
3764#cozhzv6{
3765					font-style: normal;
3766					color: #19b4c7;
3767
3768}
3769#cozhzv6 a {
3770	color: #19b4c7;
3771}
3772#couv5q9{
3773				width: 31%;
3774
3775}
3776@media (min-width: 768px) and (max-width: 1023px) {
3777	#couv5q9 {
3778						width: 100%;
3779
3780	}
3781}
3782@media (max-width: 767px) {
3783	#couv5q9 {
3784						width: 100%;
3785
3786	}
3787}
3788#cohv8zh{
3789					margin: 0px 0px 30px 0px;
3790
3791}
3792#coq84ql{
3793						font-style: normal;
3794						color: #19b4c7;
3795
3796}
3797#coq84ql a {
3798	color: #19b4c7;
3799}
3800#coiru5k{
3801						font-style: normal;
3802						color: #19b4c7;
3803
3804}
3805#coiru5k a {
3806	color: #19b4c7;
3807}
3808#coiv3o0{
3809						font-style: normal;
3810						color: #19b4c7;
3811
3812}
3813#coiv3o0 a {
3814	color: #19b4c7;
3815}
3816#confi3o{
3817						font-style: normal;
3818						color: #19b4c7;
3819
3820}
3821#confi3o a {
3822	color: #19b4c7;
3823}
3824#covbgzd{
3825					align-items: flex-start;
3826
3827}
3828@media (max-width: 767px) {
3829	#covbgzd {
3830							position: absolute;
3831							top: 180px;
3832							right: 0px;
3833							width: 93vw;
3834
3835	}
3836}
3837#co50i0h{
3838						color: #fff;
3839						margin: 0px 0px 20px 0px;
3840
3841}
3842#co50i0h a {
3843	color: #fff;
3844}
3845}</style>
3845<script src="https://elements.communico.co/component-auto-loader.js" type="module" defer="" data-create-head-key="co-auto-loader" data-create-head-fingerprint="h-6607dd0f" data-create-head-source="co-element"></script>
3845<script data-create-head-fingerprint="h-8df48993" data-create-head-source="default-script">
3846		(function() {
3847			const NS_KEY = '__coCreateRendererScriptV1';
3848			const MOBILE_QUERY = '(max-width: 767px)';
3849			const MANAGED_CLASS = 'co-mobile-nav-managed';
3850			const CHEVRON_CLASS = 'co-mobile-nav-chevron';
3851			const TOGGLE_CLASS = 'co-mobile-nav-toggle';
3852
3853			const rootNamespace = window[NS_KEY] || {};
3854			rootNamespace.handlers = rootNamespace.handlers || {};
3855			window[NS_KEY] = rootNamespace;
3856
3857			const bindDocumentClick = (key, handler) => {
3858				const previousHandler = rootNamespace.handlers[key];
3859				if (previousHandler) {
3860					document.removeEventListener('click', previousHandler);
3861				}
3862				rootNamespace.handlers[key] = handler;
3863				document.addEventListener('click', handler);
3864			};
3865
3866			const bindDocumentKeydown = (key, handler) => {
3867				const previousHandler = rootNamespace.handlers[key];
3868				if (previousHandler) {
3869					document.removeEventListener('keydown', previousHandler);
3870				}
3871				rootNamespace.handlers[key] = handler;
3872				document.addEventListener('keydown', handler);
3873			};
3874
3875			const bindDocumentFocusout = (key, handler) => {
3876				const previousHandler = rootNamespace.handlers[key];
3877				if (previousHandler) {
3878					document.removeEventListener('focusout', previousHandler);
3879				}
3880				rootNamespace.handlers[key] = handler;
3881				document.addEventListener('focusout', handler);
3882			};
3883
3884			const bindWindowResize = (key, handler) => {
3885				const previousHandler = rootNamespace.handlers[key];
3886				if (previousHandler) {
3887					window.removeEventListener('resize', previousHandler);
3888				}
3889				rootNamespace.handlers[key] = handler;
3890				window.addEventListener('resize', handler);
3891			};
3892
3893			const isMobileView = () => window.matchMedia(MOBILE_QUERY).matches;
3894
3895			const handleToggleClick = (event) => {
3896				const toggleButton = event.target.closest('[data-toggle]');
3897				if (!toggleButton) {
3898					return;
3899				}
3900				const targetSelector = toggleButton.getAttribute('data-toggle');
3901				if (!targetSelector) {
3902					return;
3903				}
3904				const targetToggleClass = toggleButton.getAttribute('data-toggle-class') || 'hidden';
3905				const toggleScope = toggleButton.closest('nav.editor-block-navigation') || document;
3906				const targets = toggleScope.querySelectorAll(targetSelector);
3907				targets.forEach((target) => target.classList.toggle(targetToggleClass));
3908				if (toggleButton.hasAttribute('aria-expanded')) {
3909					const isExpanded = Array.from(targets).some((target) => target.classList.contains(targetToggleClass));
3910					toggleButton.setAttribute('aria-expanded', isExpanded ? 'true' : 'false');
3911				}
3912			};
3913
3914			const handleToggleKeydown = (event) => {
3915				if (event.key !== 'Enter' && event.key !== ' ') {
3916					return;
3917				}
3918				const toggleButton = event.target.closest('[data-toggle][role="button"]');
3919				if (!toggleButton) {
3920					return;
3921				}
3922				event.preventDefault();
3923				toggleButton.click();
3924			};
3925
3926			const handleNavKeydown = (event) => {
3927				if (event.key === 'Escape') {
3928					const openItem = event.target.closest('nav.editor-block-navigation li.has-submenu.is-open');
3929					if (openItem) {
3930						setSubmenuOpenState(openItem, false, { restoreFocus: true });
3931					}
3932					return;
3933				}
3934				if (event.key !== ' ') {
3935					return;
3936				}
3937				const link = event.target.closest('nav.editor-block-navigation a[href]');
3938				if (!link) {
3939					return;
3940				}
3941				event.preventDefault();
3942				link.click();
3943			};
3944
3945			const handleNavSubmenuFocusout = (event) => {
3946				const nextFocused = event.relatedTarget;
3947				// iOS Safari fires focusout with a null relatedTarget during tap
3948				// interactions inside the nav (e.g. tapping a link/toggle blurs the
3949				// previously focused element), even though focus has not meaningfully
3950				// left the nav. Acting on it would collapse the menu before the click
3951				// lands, breaking every submenu tap. Only react to a real focus move to
3952				// a known element; tapping away is handled by the outside-click handler.
3953				if (!nextFocused) {
3954					return;
3955				}
3956				document.querySelectorAll('nav.editor-block-navigation li.has-submenu.is-open').forEach((item) => {
3957					if (item.contains(nextFocused)) {
3958						return;
3959					}
3960					setSubmenuOpenState(item, false);
3961				});
3962
3963				if (!isMobileView()) {
3964					return;
3965				}
3966
3967				const nav = event.target.closest('nav.editor-block-navigation');
3968				if (!nav) {
3969					return;
3970				}
3971				if (nav.contains(nextFocused)) {
3972					return;
3973				}
3974
3975				const navMenu = nav.querySelector(':scope > ul');
3976				if (navMenu && navMenu.classList.contains('active')) {
3977					navMenu.classList.remove('active');
3978					const burgerToggle = nav.querySelector(':scope > .burger-menu[aria-expanded]');
3979					if (burgerToggle) {
3980						burgerToggle.setAttribute('aria-expanded', 'false');
3981					}
3982					getSubmenuItems(nav).forEach((item) => {
3983						setSubmenuOpenState(item, false);
3984					});
3985				}
3986			};
3987
3988			const handleNavOutsideClick = (event) => {
3989				// Mobile only: tapping fully outside any nav collapses the open burger
3990				// menu. This replaces the focusout-based close for touch devices, where
3991				// focusout is no longer trusted to mean "focus left the nav".
3992				if (isMobileView() && !event.target.closest('nav.editor-block-navigation')) {
3993					document.querySelectorAll('nav.editor-block-navigation > ul.active').forEach((navMenu) => {
3994						navMenu.classList.remove('active');
3995						const nav = navMenu.closest('nav.editor-block-navigation');
3996						const burgerToggle = nav && nav.querySelector(':scope > .burger-menu[aria-expanded]');
3997						if (burgerToggle) {
3998							burgerToggle.setAttribute('aria-expanded', 'false');
3999						}
4000					});
4001				}
4002				// All breakpoints: a click outside any open submenu closes open submenus.
4003				// This also covers keyboard-opened submenus on desktop, where clicking
4004				// non-focusable content blurs with a null relatedTarget that the focusout
4005				// handler intentionally ignores.
4006				if (event.target.closest('nav.editor-block-navigation li.has-submenu.is-open')) {
4007					return;
4008				}
4009				document.querySelectorAll('nav.editor-block-navigation li.has-submenu.is-open').forEach((item) => {
4010					setSubmenuOpenState(item, false);
4011				});
4012			};
4013
4014			const getSubmenuItems = (nav) => {
4015				return Array.from(nav.querySelectorAll('li.has-submenu')).filter((item) => {
4016					return Boolean(item.querySelector(':scope > ul'));
4017				});
4018			};
4019
4020			const getSubmenuParts = (item) => {
4021				return {
4022					trigger: item.querySelector(':scope > .' + TOGGLE_CLASS),
4023					submenu: item.querySelector(':scope > ul'),
4024				};
4025			};
4026
4027			const getSubmenuLevelControls = (submenu) => {
4028				return Array.from(submenu.querySelectorAll(':scope > li > a, :scope > li > .' + TOGGLE_CLASS));
4029			};
4030
4031			const setElementTabbable = (element, isTabbable) => {
4032				if (isTabbable) {
4033					if (element.dataset.coNavOriginalTabindex !== undefined) {
4034						element.setAttribute('tabindex', element.dataset.coNavOriginalTabindex);
4035						delete element.dataset.coNavOriginalTabindex;
4036					} else {
4037						element.removeAttribute('tabindex');
4038					}
4039					return;
4040				}
4041				if (!element.hasAttribute('tabindex')) {
4042					element.dataset.coNavOriginalTabindex = '';
4043				} else if (element.dataset.coNavOriginalTabindex === undefined) {
4044					element.dataset.coNavOriginalTabindex = element.getAttribute('tabindex') || '';
4045				}
4046				element.setAttribute('tabindex', '-1');
4047			};
4048
4049			const setSubmenuLevelFocusability = (submenu, isOpen) => {
4050				getSubmenuLevelControls(submenu).forEach((control) => {
4051					setElementTabbable(control, isOpen);
4052				});
4053			};
4054
4055			const getFirstSubmenuControl = (submenu) => {
4056				return submenu.querySelector(':scope > li > a, :scope > li > .' + TOGGLE_CLASS);
4057			};
4058
4059			const setSubmenuOpenState = (item, isOpen, options = {}) => {
4060				const { moveFocus = false, restoreFocus = false } = options;
4061				const { trigger, submenu } = getSubmenuParts(item);
4062				if (!trigger || !submenu) {
4063					return;
4064				}
4065
4066				item.classList.toggle('is-open', isOpen);
4067				trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
4068				submenu.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
4069				setSubmenuLevelFocusability(submenu, isOpen);
4070
4071				if (isMobileView()) {
4072					const openDisplay = 'block';
4073					submenu.style.setProperty('display', isOpen ? openDisplay : 'none', 'important');
4074				} else {
4075					submenu.style.removeProperty('display');
4076				}
4077
4078				const chevron = trigger.querySelector('.' + CHEVRON_CLASS);
4079				if (chevron) {
4080					chevron.style.setProperty('transform', isOpen ? 'rotate(180deg)' : 'rotate(0deg)');
4081				}
4082
4083				if (!isOpen) {
4084					Array.from(submenu.querySelectorAll('li.has-submenu')).forEach((childItem) => {
4085						if (childItem === item) {
4086							return;
4087						}
4088						setSubmenuOpenState(childItem, false);
4089					});
4090					if (restoreFocus) {
4091						trigger.focus();
4092					}
4093					return;
4094				}
4095
4096				if (moveFocus) {
4097					const firstControl = getFirstSubmenuControl(submenu);
4098					if (firstControl) {
4099						firstControl.focus();
4100					}
4101				}
4102			};
4103
4104			const clearSubmenuState = (item) => {
4105				const { trigger, submenu } = getSubmenuParts(item);
4106				item.classList.remove('is-open');
4107				// Also clear the desktop click-mode (openMode = click) state. Otherwise a
4108				// submenu opened on desktop stays stuck open after a resize down to mobile,
4109				// where its '.open' toggle button is hidden and only the mobile system runs.
4110				item.classList.remove('open');
4111				const desktopToggle = item.querySelector(':scope > [data-navigation-submenu-toggle]');
4112				if (desktopToggle) {
4113					desktopToggle.setAttribute('aria-expanded', 'false');
4114				}
4115				const desktopLink = item.querySelector(':scope > a, :scope > .editor-block-navigation__label');
4116				if (desktopLink) {
4117					desktopLink.setAttribute('aria-expanded', 'false');
4118				}
4119				if (submenu) {
4120					submenu.style.removeProperty('display');
4121					submenu.setAttribute('aria-hidden', 'true');
4122					setSubmenuLevelFocusability(submenu, false);
4123				}
4124				if (trigger) {
4125					trigger.setAttribute('aria-expanded', 'false');
4126					const chevron = trigger.querySelector('.' + CHEVRON_CLASS);
4127					if (chevron) {
4128						chevron.style.setProperty('transform', 'rotate(0deg)');
4129					}
4130				}
4131			};
4132
4133			const syncMobileNavState = () => {
4134				const isMobile = isMobileView();
4135				document.querySelectorAll('nav.editor-block-navigation').forEach((nav) => {
4136					const submenuItems = getSubmenuItems(nav);
4137					if (!isMobile) {
4138						nav.classList.remove(MANAGED_CLASS);
4139						submenuItems.forEach((item) => {
4140							clearSubmenuState(item);
4141						});
4142					} else {
4143						nav.classList.add(MANAGED_CLASS);
4144					}
4145					submenuItems.forEach((item) => {
4146						setSubmenuOpenState(item, false);
4147					});
4148				});
4149			};
4150
4151			const isPlaceholderNavHref = (link) => {
4152				const href = (link.getAttribute('href') || '').trim();
4153				// Only an empty or bare '#' href is a placeholder (a pure submenu parent).
4154				// A real in-page anchor like '#section' has a destination and should navigate.
4155				return href === '' || href === '#';
4156			};
4157
4158			const handleNavToggleClick = (event) => {
4159				let item = null;
4160				const toggle = event.target.closest('nav.editor-block-navigation li.has-submenu > .' + TOGGLE_CLASS);
4161				if (toggle) {
4162					event.preventDefault();
4163					item = toggle.closest('li.has-submenu');
4164				} else if (isMobileView()) {
4165					// On mobile the submenu is collapsed, so a tap on a parent item's link
4166					// should open the submenu instead of following a placeholder ('#' / empty)
4167					// href, which would otherwise jump to the top of the current page.
4168					const parentLink = event.target.closest('nav.editor-block-navigation li.has-submenu > a');
4169					if (parentLink && isPlaceholderNavHref(parentLink)) {
4170						event.preventDefault();
4171						item = parentLink.closest('li.has-submenu');
4172					}
4173				}
4174				if (!item) {
4175					return;
4176				}
4177				const submenu = item.querySelector(':scope > ul');
4178				if (!submenu) {
4179					return;
4180				}
4181
4182				const isOpen = item.classList.contains('is-open');
4183				if (!isOpen) {
4184					const parent = item.parentElement;
4185					if (parent) {
4186						Array.from(parent.children).forEach((sibling) => {
4187							if (sibling === item || !sibling.classList || !sibling.classList.contains('has-submenu')) {
4188								return;
4189							}
4190							setSubmenuOpenState(sibling, false);
4191						});
4192					}
4193					setSubmenuOpenState(item, true, { moveFocus: true });
4194					return;
4195				}
4196				setSubmenuOpenState(item, false, { restoreFocus: true });
4197			};
4198
4199			const setDesktopSubmenuOpenState = (item, isOpen) => {
4200				const toggle = item.querySelector(':scope > [data-navigation-submenu-toggle]');
4201				const link = item.querySelector(':scope > a, :scope > .editor-block-navigation__label');
4202				item.classList.toggle('open', isOpen);
4203				if (toggle) {
4204					toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
4205				}
4206				if (link) {
4207					link.setAttribute('aria-haspopup', 'true');
4208					link.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
4209				}
4210			};
4211
4212			const handleNavigationSubmenuToggleClick = (event) => {
4213				const toggle = event.target.closest('[data-navigation-submenu-toggle]');
4214				if (!toggle) {
4215					return;
4216				}
4217				const item = toggle.closest('li.has-submenu');
4218				const nav = toggle.closest('nav.editor-block-navigation');
4219				if (!item || !nav) {
4220					return;
4221				}
4222				event.preventDefault();
4223				event.stopPropagation();
4224				const isOpen = item.classList.contains('open');
4225				const parent = item.parentElement;
4226				if (parent) {
4227					Array.from(parent.children).forEach((sibling) => {
4228						if (sibling === item || !sibling.classList || !sibling.classList.contains('has-submenu')) {
4229							return;
4230						}
4231						setDesktopSubmenuOpenState(sibling, false);
4232					});
4233				}
4234				setDesktopSubmenuOpenState(item, !isOpen);
4235			};
4236
4237			const handleNavigationOutsideClick = (event) => {
4238				document.querySelectorAll('nav.editor-block-navigation li.has-submenu.open').forEach((item) => {
4239					if (item.contains(event.target)) {
4240						return;
4241					}
4242					setDesktopSubmenuOpenState(item, false);
4243				});
4244			};
4245
4246			const handleSkipLinkClick = (event) => {
4247				const link = event.target.closest('.co-skip-links__link');
4248				if (!link) {
4249					return;
4250				}
4251				const href = link.getAttribute('href') || '';
4252				if (href.charAt(0) !== '#') {
4253					return;
4254				}
4255				const target = document.getElementById(href.slice(1));
4256				if (!target) {
4257					return;
4258				}
4259				// Make the destination programmatically focusable only for the moment of
4260				// the jump; a persistent tabindex='-1' in the resting markup trips
4261				// accessibility checkers ("focusable element is not in keyboard tab order").
4262				if (!target.hasAttribute('tabindex')) {
4263					target.setAttribute('tabindex', '-1');
4264					target.addEventListener('blur', () => target.removeAttribute('tabindex'), { once: true });
4265				}
4266				target.focus();
4267			};
4268
4269			bindDocumentClick('skipLinkClick', handleSkipLinkClick);
4270			bindDocumentClick('toggleClick', handleToggleClick);
4271			bindDocumentKeydown('toggleKeydown', handleToggleKeydown);
4272			bindDocumentKeydown('navKeydown', handleNavKeydown);
4273			bindDocumentFocusout('navSubmenuFocusout', handleNavSubmenuFocusout);
4274			bindDocumentClick('navOutsideClick', handleNavOutsideClick);
4275			bindDocumentClick('navToggleClick', handleNavToggleClick);
4276			bindDocumentClick('navigationSubmenuToggleClick', handleNavigationSubmenuToggleClick);
4277			bindDocumentClick('navigationOutsideClick', handleNavigationOutsideClick);
4278			bindWindowResize('mobileNavResize', syncMobileNavState);
4279
4280			if (document.readyState === 'loading') {
4281				if (!rootNamespace.domReadySyncBound) {
4282					rootNamespace.domReadySyncBound = true;
4283					document.addEventListener('DOMContentLoaded', () => {
4284						syncMobileNavState();
4285						rootNamespace.domReadySyncBound = false;
4286					}, { once: true });
4287				}
4288				return;
4289			}
4290
4291			syncMobileNavState();
4292		})();
4293		(function() {
4294			const initialiseStackTabs = () => {
4295				const applyStackLayer = (stackId, layerIndex) => {
4296					if (!stackId) return;
4297					const stack = document.getElementById(stackId);
4298					if (!stack) return;
4299					const layers = Array.from(stack.querySelectorAll('.editor-block-stack-layer'));
4300					if (!layers.length) return;
4301					const targetIndex = Math.min(Math.max(Number(layerIndex) || 0, 0), layers.length - 1);
4302					layers.forEach((layer, index) => {
4303						const isActive = index === targetIndex;
4304						layer.hidden = !isActive;
4305						layer.classList.toggle('is-active', isActive);
4306						layer.classList.toggle('is-hidden', !isActive);
4307						layer.setAttribute('aria-hidden', isActive ? 'false' : 'true');
4308					});
4309					stack.setAttribute('data-active-layer-index', String(targetIndex));
4310					const activeLayer = layers[targetIndex];
4311					stack.setAttribute('data-active-layer-id', activeLayer?.dataset.layerId || '');
4312					const tabs = Array.from(stack.querySelectorAll('.editor-stack-tab'));
4313						tabs.forEach((tab, index) => {
4314							const isActive = index === targetIndex;
4315							tab.classList.toggle('editor-stack-tab--active', isActive);
4316							tab.setAttribute('aria-selected', isActive ? 'true' : 'false');
4317							const baseStyle = (tab.getAttribute('data-tab-base-style') || '').trim();
4318							const activeStyle = (tab.getAttribute('data-tab-active-style') || '').trim();
4319							let combinedStyle = baseStyle;
4320							if (isActive && activeStyle) {
4321								combinedStyle = combinedStyle ? combinedStyle + ' ' + activeStyle : activeStyle;
4322							}
4323							tab.setAttribute('style', combinedStyle);
4324						});
4325				};
4326
4327				const bus = window.eventBus || (function() {
4328					const listeners = {};
4329					return window.eventBus = {
4330						on(event, callback) {
4331							listeners[event] = listeners[event] || [];
4332							listeners[event].push(callback);
4333						},
4334						off(event, callback) {
4335							const arr = listeners[event];
4336							if (!arr) return;
4337							listeners[event] = arr.filter((fn) => fn !== callback);
4338						},
4339						emit(event, payload) {
4340							(listeners[event] || []).forEach((fn) => {
4341								try {
4342									fn(payload);
4343								} catch (error) {
4344									console.error('[stack-tabs]', error);
4345								}
4346							});
4347						},
4348					};
4349				})();
4350
4351				if (!bus.__stackTabsInitialised) {
4352					bus.on('stack-change', (payload) => {
4353						if (!payload || !payload.stackId) return;
4354						applyStackLayer(payload.stackId, payload.layerIndex ?? 0);
4355					});
4356					document.addEventListener('click', (event) => {
4357						const tab = event.target.closest('.editor-stack-tab');
4358						if (!tab) return;
4359						const stack = tab.closest('.editor-block-stack');
4360						if (!stack || !stack.id) return;
4361						const tabs = Array.from(stack.querySelectorAll('.editor-stack-tab'));
4362						const index = Math.max(0, tabs.indexOf(tab));
4363						bus.emit('stack-change', { stackId: stack.id, layerIndex: index });
4364					});
4365					bus.__stackTabsInitialised = true;
4366				}
4367			};
4368			if (document.readyState === 'loading') {
4369				document.addEventListener('DOMContentLoaded', initialiseStackTabs, { once: true });
4370			} else {
4371				initialiseStackTabs();
4372			}
4373		})();
4374	
4375				(function () {
4376	document.addEventListener("DOMContentLoaded", function () {
4377		const products = [
4378			{ name: 'Create', desc: 'Website & Content Management', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-create.png', link: '/create' },
4379			{ name: 'Attend', desc: 'Events & Program Management', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-attend.png', link: '/attend' },
4380			{ name: 'Reserve', desc: 'Room & Equipment Booking', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-reserve.png', link: '/reserve' },
4381			{ name: 'Schedule', desc: 'Appointment Scheduling', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-schedule.png', link: '/schedule' },
4382			{ name: 'Broadcast', desc: 'Digital Signage', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-broadcast.png', link: '/broadcast' },
4383			{ name: 'Connect', desc: 'Library Mobile App', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-connect.png', link: '/connect' },
4384			{ name: 'Roam', desc: 'Mobile Staff Tools', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-roam.png', link: '/roam' },
4385			{ name: 'Interact', desc: 'Self-Serve Kiosks', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-interact.png', link: '/interact' },
4386			{ name: 'Explore', desc: 'Unified Discovery & AI Search', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-explore.png', link: '/explore' },
4387			{ name: 'Challenge', desc: 'Reading & Engagement Programs', icon: 'https://static.libnet.info/frontend-images/editor/comco/create-2025/header-icons/icon-challenge.png', link: '/challenge' },
4388		];
4389
4390		// Main container
4391		const details = document.createElement("div");
4392		details.classList.add("detail-nav-container");
4393
4394		const container = document.createElement("div");
4395		container.classList.add("nav-container");
4396
4397		// Left column
4398		const left = document.createElement("div");
4399		left.classList.add("nav-left");
4400
4401		const allProductsRow = document.createElement("div");
4402		allProductsRow.classList.add("all-products-row");
4403
4404		const allProductsIconLink = document.createElement("a");
4405		allProductsIconLink.href = "/products";
4406
4407		const allProductsIcon = document.createElement("img");
4408		allProductsIcon.src = "https://static.libnet.info/frontend-images/editor/comco/all.png";
4409		allProductsIcon.alt = "All Products";
4410		allProductsIcon.classList.add("all-products-icon");
4411
4412		allProductsIconLink.appendChild(allProductsIcon);
4413
4414		const allProductsText = document.createElement("div");
4415		const allProductsTitle = document.createElement("div");
4416		allProductsTitle.textContent = "All Products";
4417		allProductsTitle.classList.add("all-products-title");
4418		const allProductsDesc = document.createElement("div");
4419		allProductsDesc.textContent = "View an overview of our ten products";
4420		allProductsDesc.classList.add("all-products-desc");
4421		allProductsText.appendChild(allProductsTitle);
4422		allProductsText.appendChild(allProductsDesc);
4423
4424		allProductsRow.appendChild(allProductsIconLink);
4425		allProductsRow.appendChild(allProductsText);
4426
4427		const overviewBtn = document.createElement("a");
4428		overviewBtn.href = "/products";
4429		overviewBtn.textContent = "View Overview";
4430		overviewBtn.classList.add("overview-btn");
4431
4432		left.appendChild(allProductsRow);
4433		left.appendChild(overviewBtn);
4434
4435		// Right grid
4436		const right = document.createElement("div");
4437		right.classList.add("nav-right");
4438
4439		products.forEach((product, i) => {
4440			const link = document.createElement("a");
4441			link.href = product.link;
4442			link.classList.add("product-link");
4443
4444			const icon = document.createElement("img");
4445			icon.src = product.icon;
4446			icon.alt = product.name;
4447			icon.classList.add("product-icon");
4448
4449			const text = document.createElement("div");
4450			const title = document.createElement("div");
4451			title.textContent = product.name;
4452			title.classList.add("product-title");
4453			const desc = document.createElement("div");
4454			desc.innerHTML = product.desc;
4455			desc.classList.add("product-desc");
4456			text.appendChild(title);
4457			text.appendChild(desc);
4458
4459			const flexWrap = document.createElement("div");
4460			flexWrap.classList.add("product-flex");
4461			flexWrap.appendChild(icon);
4462			flexWrap.appendChild(text);
4463			link.appendChild(flexWrap);
4464
4465			right.appendChild(link);
4466
4467			// Insert a column break after every 4th item (only on desktop)
4468			if ((i + 1) % 4 === 0) {
4469				const br = document.createElement("div");
4470				br.classList.add("column-break");
4471				right.appendChild(br);
4472			}
4473		});
4474
4475		container.appendChild(left);
4476		container.appendChild(right);
4477		details.appendChild(container);
4478		document.body.appendChild(details);
4479
4480		const toggleButton = document.querySelector("nav.editor-block-navigation li:first-child");
4481		if (!toggleButton) return;
4482		const navList = document.querySelector("nav.editor-block-navigation>ul");
4483		if (navList) {
4484			const navClone = navList.cloneNode(true);
4485			const firstItem = navClone.querySelector("li:first-child");
4486			if (firstItem) {
4487				firstItem.remove();
4488			}
4489			navClone.classList.add("mobile-only");
4490			container.appendChild(navClone);
4491		}
4492      
4493		toggleButton.addEventListener("click", function (e) {
4494			e.preventDefault();
4495			e.stopPropagation();
4496			details.classList.toggle("detail-nav-container-open");
4497		});
4498		const burgerIcon = document.querySelector("div.burger-menu");
4499		if (burgerIcon) {
4500			burgerIcon.addEventListener("click", function (e) {
4501				e.preventDefault();
4502				e.stopPropagation();
4503				details.classList.toggle("detail-nav-container-open");
4504			});
4505		}
4506		document.addEventListener("click", function (e) {
4507			if (!details.contains(e.target) && e.target !== toggleButton) {
4508				details.classList.remove("detail-nav-container-open");
4509			}
4510		});
4511      
4512      /* open specific button in new window until bug fix */
4513      const challengeButton = document.querySelector("#co5cf9u");
4514      challengeButton.setAttribute("target", "_blank");
4515      
4516	});
4517})();
4518
4519
4520
4521
4522				</script>
4522</head><body>
4523			<nav class="co-skip-links" aria-label="Skip links">
4524					<a class="co-skip-links__link" href="#main-content">Skip to main content</a>
4525				</nav>
4526			
4527			<header data-merged-part="header" class="editor-block editor-block-header editor-block-full grid-item-full" id="header" data-part-block-ids="coo9tlr">
4528						<section class="editor-block content co-section co-section--column" id="cosj50p2wm" data-type="" data-name="Section" data-layout="column">
4529							
4530							
4531							
4532						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full" id="cot8rap">
4533								
4534								
4535							
4536						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-grow" id="coiwqic">
4537								
4538								
4539							
4540						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default grid-item-auto" id="coh295w">
4541								
4542								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="cowmt0p">
4543				<a href="home">
4544					<img draggable="false" src="/frontend-images/editor/comco/communico-logo.png" alt="Home logo">
4545				</a>
4546					
4547				</figure>
4548							</div>
4549							
4550						
4551					<nav data-type="navigation" data-name="Navigation" class="editor-block-navigation  editor-block editor-block-navigation editor-block-wide main-nav grid-item-wide grid-item-grow" id="cogfire" data-open-mode="hover">
4552						<div role="button" tabindex="0" class="burger-menu" data-toggle=":scope > ul" data-toggle-class="active" aria-label="Toggle navigation menu" aria-controls="nav-menu-cogfire" aria-expanded="false">
4553							☰
4554						</div>
4555						<ul id="nav-menu-cogfire">
4556							
4557			<li style="--co-mobile-nav-item-color: #000;" class="">
4558				<span class="editor-block-navigation__label" style="color: #000; font-size: 16px; padding: 8px 16px; margin: 0.25em 0em 0.25em 0em;">
4559							<span class="editor-block-navigation__content">
4560								<span>Our Products</span>
4561								
4562							</span>
4563						</span>
4564				
4565				
4566				
4567			</li>
4568		
4569			<li style="--co-mobile-nav-item-color: #000;" class="">
4570				<a href="about-us" style="color: #000; font-size: 16px; padding: 8px 16px; margin: 0.25em 0em;">
4571							<span class="editor-block-navigation__content">
4572								<span>About Us</span>
4573								
4574							</span>
4575						</a>
4576				
4577				
4578				
4579			</li>
4580		
4581			<li style="--co-mobile-nav-item-color: #000;" class="">
4582				<a href="contact-us" style="color: #000; font-size: 16px; padding: 8px 16px; margin: 0.25em 0em 0.25em 0em;">
4583							<span class="editor-block-navigation__content">
4584								<span>Contact Us</span>
4585								
4586							</span>
4587						</a>
4588				
4589				
4590				
4591			</li>
4592		
4593			<li style="text-align: center; --co-mobile-nav-item-background: #19b4c7; --co-mobile-nav-item-color: #fff;" class="">
4594				<a href="https://info.communico.us/request-demo" style="color: #fff; font-size: 16px; background-color: #19b4c7; border-color: #19b4c7; border-radius: 2em 2em 2em 2em; padding: 0.3125em 1.5em; margin: 0.34375em 0.5em;">
4595							<span class="editor-block-navigation__content">
4596								<span>Request a Demo</span>
4597								
4598							</span>
4599						</a>
4600				
4601				
4602				
4603			</li>
4604		
4605			<li style="text-align: center; --co-mobile-nav-item-background: #ebebeb; --co-mobile-nav-item-color: #000;" class="">
4606				<a href="https://control-us.communico.co/" target="_blank" style="color: #000; font-size: 16px; padding: 0.3125em 1.5em 0.3125em 1.5em; background-color: #ebebeb; border-radius: 2em 2em 2em 2em; margin: 0.34375em 0.5em;">
4607							<span class="editor-block-navigation__content">
4608								<span>Login</span>
4609								
4610							</span>
4611						</a>
4612				
4613				
4614				
4615			</li>
4616		
4617			<li style="text-align: center; --co-mobile-nav-item-background: #ebebeb; --co-mobile-nav-item-color: #000;" class="">
4618				<a href="https://communicocollege.com/" target="_blank" style="color: #000; font-size: 16px; padding: 0.3125em 1.5em 0.3125em 1.5em; background-color: #ebebeb; border-radius: 2em 2em 2em 2em; margin: 0.34375em 0.5em;">
4619							<span class="editor-block-navigation__content">
4620								<span>Communico College</span>
4621								
4622							</span>
4623						</a>
4624				
4625				
4626				
4627			</li>
4628		
4629						</ul>
4630					</nav>
4631				
4632							</div>
4633							
4634						
4635							</div>
4636							
4637						<!--?-->
4638						</section>
4639					<!--?--></header>
4640			<main id="main-content">
4641						<section class="editor-block content co-section co-section--column" id="coag6c2" data-type="" data-name="Section" data-layout="column">
4642							
4643							
4644							
4645						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="cor3063">
4646								
4647								
4648							
4649						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="coz58kd">
4650								
4651								
4652							
4653						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="cotepst">
4654								
4655								
4656							
4657						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="co5zxlp">
4658								
4659								<div id="codt9b6" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h1 left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
4660					<h1><span class="custom-color" style="color: rgb(25, 180, 199);">Communico</span> is the next generation of library solutions</h1>
4661				</div><div id="com96ho" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4662					<p>Communico is the future of library solutions - smart, seamless and user-focused. </p>
4663				</div>
4664							</div>
4665							
4666						
4667							
4668						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="col0cas">
4669								
4670								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="coh52o2">
4671					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/about-us-main-2.jpg" alt="Placeholder Image">
4672						
4673					</figure>
4674							</div>
4675							
4676						
4677							</div>
4678							
4679						
4680							</div>
4681							
4682						
4683							</div>
4684							
4685						<!--?-->
4686						</section>
4687					
4688						<section class="editor-block content co-section co-section--column" id="corohsa" data-type="" data-name="Section" data-layout="column">
4689							
4690							
4691							
4692						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="cozd0p4">
4693								
4694								
4695							
4696						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="cozakmd">
4697								
4698								
4699							
4700						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="coqnlax">
4701								
4702								
4703							
4704						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="couzk7x">
4705								
4706								<div id="cohwgb1" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default" data-type="richText" data-name="Rich Text">
4707					<h2><span class="custom-color" style="color: rgb(25, 180, 199);"><span class="custom-color" style="color: rgb(51, 64, 64);">Our story</span></span></h2>
4708				</div><div id="co7wc62" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4709					<p>We are a library company through and through. Our first product was a very simple CMS solution built to enable staff to communicate more effectively with customers in branches. The platform we offer today has been built up based on the user enhancement requests we have received over the years from our amazing partners.</p>
4710				</div>
4711							</div>
4712							
4713						
4714							
4715						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="cote9wi">
4716								
4717								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="co6f2jb">
4718					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/tiny-library-crowd.jpg" alt="Placeholder Image">
4719						
4720					</figure>
4721							</div>
4722							
4723						
4724							</div>
4725							
4726						
4727							</div>
4728							
4729						
4730							</div>
4731							
4732						
4733							
4734						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="coux93f">
4735								
4736								
4737							
4738						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="cou6ct4">
4739								
4740								
4741							
4742						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="cobkbcq">
4743								
4744								
4745							
4746						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="co7vpin">
4747								
4748								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="cok93ym">
4749					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/signage-2.
4749jpg" alt="Placeholder Image">
4750						
4751					</figure>
4752							</div>
4753							
4754						
4755							
4756						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="co879dn">
4757								
4758								<div id="co2a5qp" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default" data-type="richText" data-name="Rich Text">
4759					<h2><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(67, 120, 157);"></span><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(25, 180, 199);"><span class="custom-color" style="color: rgb(51, 64, 64);">Our</span> <span class="custom-color" style="color: rgb(51, 64, 64);">mission</span></span></h2>
4760				</div><div id="corax8w" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4761					<p>Communico’s mission is to help libraries transform the way they serve their communities.</p>
4762				</div><div id="cok2v56" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4763					<p>Empowering staff, inspiring customers and bringing ideas to life through technology that makes a difference.</p>
4764				</div>
4765							</div>
4766							
4767						
4768							</div>
4769							
4770						
4771							</div>
4772							
4773						
4774							</div>
4775							
4776						<!--?-->
4777						</section>
4778					
4779						<section class="editor-block content co-section co-section--column" id="cohgcfc" data-type="" data-name="Section" data-layout="column">
4780							
4781							
4782							
4783						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="cod3j1t">
4784								
4785								
4786							
4787						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="coqrspy">
4788								
4789								
4790							
4791						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="coub78w">
4792								
4793								
4794							
4795						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="coniukt">
4796								
4797								<div id="coqzppc" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default" data-type="richText" data-name="Rich Text">
4798					<h2><span class="custom-color" style="color: rgb(51, 64, 64);"></span><span class="custom-color" style="color: rgb(25, 180, 199);"><span class="custom-color" style="color: rgb(51, 64, 64);">Happy partners</span></span></h2>
4799				</div><div id="co0incd" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4800					<p>We put a great deal of emphasis on training and support. We prefer the personal approach and have a friendly support team who are available to offer help and answer questions. Alternatively, for those who prefer self-help, we also have a library of video tutorials.&nbsp;</p>
4801				</div>
4802							</div>
4803							
4804						
4805							
4806						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="co8o1
480654">
4807								
4808								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="cocb1k6">
4809					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/miami-app-in-hand.jpg" alt="Placeholder Image">
4810						
4811					</figure>
4812							</div>
4813							
4814						
4815							</div>
4816							
4817						
4818							</div>
4819							
4820						
4821							
4822						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="cohjog9">
4823								
4824								
4825							
4826						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="col3kvn">
4827								
4828								
4829							
4830						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="coukcl5">
4831								
4832								
4833							
4834						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="co0ufnr">
4835								
4836								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="corubjr">
4837					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/analytics.png" alt="Placeholder Image">
4838						
4839					</figure>
4840							</div>
4841							
4842						
4843							
4844						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="coxydl5">
4845								
4846								<div id="cohxu99" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default" data-type="richText" data-name="Rich Text">
4847					<h2><font color="#19b4c7"><span class="custom-color" style="color: rgb(51, 64, 64);">Analytics &amp; insights</span></font></h2>
4848				</div><div id="cofrh58" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4849					<p>Communico thrives on analytics and insights, empowering libraries to make data-driven decisions that enhance user engagement and streamline operations.&nbsp;</p>
4850				</div><div id="covuz4i" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4851					<p>With powerful, built-in reporting tools across our suite of applications, we give libraries real-time visibility into program attendance, room usage, content performance and more.&nbsp;</p>
4852				</div>
4853							</div>
4854							
4855						
4856							</div>
4857							
4858						
4859							</div>
4860							
4861						
4862							</div>
4863							
4864						
4865							</div>
4866							
4867						<!--?-->
4868						</section>
4869					
4870						<section class="editor-block content co-section co-section--column" id="coslowk" data-type="" data-name="Section" data-layout="column">
4871							
4872							
4873							
4874						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="co9hw3q">
4875								
4876								
4877							
4878						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="cogbio3">
4879								
4880								
4881							
4882						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="coeinrp">
4883								
4884								
4885							
4886						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-grow" id="cotp7vk">
4887								
4888								<div id="co2nec1" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
4889					<h2>Communico Values</h2>
4890				</div>
4891							</div>
4892							
4893						
4894							
4895						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-grow" id="cog33oc">
4896								
4897								
4898							
4899						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="cosfcjb">
4900								
4901								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="couek81">
4902					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/heart-plus.png" alt="Placeholder Image">
4903						
4904					</figure><div id="cov94ru" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h3 left grid-item-default" data-type="richText" data-name="Rich Text">
4905					<h3>Empowerment</h3>
4906				</div><div id="cozptbu" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4907					<p>We empower libraries to engage their communities, inspire learning, and share knowledge by giving them the digital tools and support they need to thrive.</p>
4908				</div>
4909							</div>
4910							
4911						
4912							
4913						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="covd4te">
4914								
4915								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="co9vamv">
4916					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/folder-code.png" alt="Placeholder Image">
4917						
4918					</figure><div id="co7hh3y" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h3 left grid-item-default" data-type="richText" data-name="Rich Text">
4919					<h3>Innovation</h3>
4920				</div><div id="cota052" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4921					<p>We embrace creativity and curiosity to continuously develop new solutions that make libraries more dynamic, accessible and responsive to their customers’ needs.</p>
4922				</div>
4923							</div>
4924							
4925						
4926							
4927						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="coablnk">
4928								
4929								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="co5sxwc">
4930					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/messages-square.png" alt="Placeholder Image">
4931						
4932					</figure><div id="co4b17u" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h3 left grid-item-default" data-type="richText" data-name="Rich Text">
4933					<h3>Partnership</h3>
4934				</div><div id="coj1537" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4935					<p>We believe in true partnership with our libraries—listening, collaborating, and supporting them to achieve their goals and make a real difference in their communities.</p>
4936				</div>
4937							</div>
4938							
4939						
4940							
4941						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co5gt8s">
4942								
4943								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="co5lmrk">
4944					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/heart-handshake.png" alt="Placeholder Image">
4945						
4946					</figure><div id="coz6022" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h3 left grid-item-default" data-type="richText" data-name="Rich Text">
4947					<h3>Integrity</h3>
4948				</div><div id="copsnvq" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4949					<p>We act with honesty, transparency, and accountability in everything we do, building trust with our team members, partners and the communities we serve.</p>
4950				</div>
4951							</div>
4952							
4953						
4954							
4955						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co8l3f1">
4956								
4957								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="colk3m7">
4958					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/users.png" alt="Placeholder Image">
4959						
4960					</figure><div id="co2xdhd" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h3 left grid-item-default" data-type="richText" data-name="Rich Text">
4961					<h3>Community</h3>
4962				</div><div id="coc042h" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4963					<p>We celebrate the unique role libraries play in building strong, connected communities, and we’re dedicated to supporting that mission through every product, service and interaction.</p>
4964				</div>
4965							</div>
4966							
4967						
4968							
4969						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default" id="co5z5ej">
4970								
4971								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="coq0vug">
4972					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/star.png" alt="Placeholder Image">
4973						
4974					</figure><div id="coknvhw" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h3 left grid-item-default" data-type="richText" data-name="Rich Text">
4975					<h3>Excellence</h3>
4976				</div><div id="cogye4h" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
4977					<p>We set high standards for ourselves and our products, striving to deliver reliable, intuitive and innovative solutions that make our partners proud.</p>
4978				</div>
4979							</div>
4980							
4981						
4982							</div>
4983							
4984						
4985							</div>
4986							
4987						
4988							</div>
4989							
4990						
4991							</div>
4992							
4993						<!--?-->
4994						</section>
4995					
4996						<section class="editor-block content co-section co-section--column" id="coummfp" data-type="" data-name="Section" data-layout="column">
4997							
4998							
4999							
5000						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="co5vnlo">
5001								
5002								
5003							
5004						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="coy9a5p">
5005								
5006								
5007							
5008						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical editor-block-grid-vertical-small editor-block-grid-vertical-medium grid-item-wide grid-item-grow" id="co29or5">
5009								
5010								<div id="coux7hq" class="editor-block editor-block-richText editor-block-wide editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-wide" data-type="richText" data-name="Rich Text">
5011					<h2>"Communico was founded with a simple mission: to give libraries the powerful, intuitive tools they deserve to connect with their communities.&nbsp;</h2>
5012				</div><div id="copkdfu" class="editor-block editor-block-richText editor-block-wide editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-wide" data-type="richText" data-name="Rich Text">
5013					<h2>Over the years, we've evolved by listening closely to our partners, continuously shaping our modules to help public libraries save time, engage more deeply, and deliver exceptional service in both the physical and digital world."</h2>
5014				</div><div id="cook45e" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5015					<p>Paul Quelch</p>
5016				</div><div id="cokxev1" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5017					<p>Founder &amp; CEO of Communico</p>
5018				</div><figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="co81vh5">
5019					<img draggable="false" src="/frontend-images/editor/comco/create-2025/our_staff/paul-quelch.png" alt="Placeholder Image">
5020						
5021					</figure>
5022							</div>
5023							
5024						
5025							</div>
5026							
5027						
5028							</div>
5029							
5030						
5031							
5032						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="costf90">
5033								
5034								
5035							
5036						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="coca08w">
5037								
5038								
5039							
5040						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-vertical-small grid-item-wide grid-item-auto" id="co9phsz">
5041								
5042								
5043							
5044						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="co1hlte">
5045								
5046								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="cobgaov">
5047					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/map-4.png" alt="Placeholder Image">
5048						
5049					</figure>
5050							</div>
5051							
5052						
5053							
5054						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="cowh5co">
5055								
5056								<div id="co023o9" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5057					<h2>We are an international company</h2>
5058				</div>
5059							
5060						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default" id="cohxqki">
5061								
5062								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="cofmeiv">
5063					<img draggable="false" src="/frontend-images/editor/comco/create-2025/homepage/icon-awards.png" alt="Placeholder Image">
5064						
5065					</figure><div id="codvhq2" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h4 left grid-item-default grid-item-grow" data-type="richText" data-name="Rich Text">
5066					<h4>15 awards</h4>
5067				</div>
5068							</div>
5069							
5070						
5071							
5072						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default" id="cos3lyb">
5073								
5074								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="co1xd8r">
5075					<img draggable="false" src="/frontend-images/editor/comco/create-2025/homepage/icon-residents.png" alt="Placeholder Image">
5076						
5077					</figure><div id="co84iy6" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h4 left grid-item-default grid-item-grow" data-type="richText" data-name="Rich Text">
5078					<h4>70M residents served</h4>
5079				</div>
5080							</div>
5081							
5082						
5083							
5084						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default" id="copkq5c">
5085								
5086								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="co3ac5i">
5087					<img draggable="false" src="/frontend-images/editor/comco/create-2025/homepage/icon-established.png" alt="Placeholder Image">
5088						
5089					</figure><div id="codxtx8" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h4 left grid-item-default grid-item-grow" data-type="richText" data-name="Rich Text">
5090					<h4>20 years in business</h4>
5091				</div>
5092							</div>
5093							
5094						
5095							</div>
5096							
5097						
5098							</div>
5099							
5100						
5101							</div>
5102							
5103						
5104							</div>
5105							
5106						<!--?-->
5107						</section>
5108					
5109						<section class="editor-block content co-section co-section--column" id="cocvxp2" data-type="" data-name="Section" data-layout="column">
5110							
5111							
5112				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
5113					
5114							
5115						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide" id="coe2eda">
5116								
5117								<div id="cor6cq1" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5118					<h2>We have over 400 library partners</h2>
5119				</div><div id="cokkj5d" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5120					<p>Our partners play a vital role in expanding access to knowledge, fostering community engagement and supporting lifelong learning.</p>
5121				</div>
5122							</div>
5123							
5124						
5125							
5126						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default" id="coxkgyt">
5127								
5128								
5129					<div data-type="imageSlider" data-name="Image Slider" class="editor-block editor-block-imageSlider editor-block-wide grid-item-wide grid-item-grow" id="com09z4">
5130						<co-image-slider data-type="imageSlider" data-name="Image Slider" class="editor-block editor-block-imageSlider editor-block-wide grid-item-wide grid-item-grow co-element-block" id="com09z4" images="%5B%7B%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Faltadena.jpg%22%2C%22alt%22%3A%22Placeholder%20Image%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fanythink.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fcitrus.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fcoquitlam.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fdekalb.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Ffayette.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fflower-mound.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fgwinnet.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fmontgomery.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Focean.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fomaha.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fpasco.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fpinal.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fplano.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fpoplar-bluff.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Frockford.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fsacramento.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fsquamish.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fsurrey.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Ftinley-park.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fworcester.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%2C%7B%22href%22%3A%22%22%2C%22url%22%3A%22%2Ffrontend-images%2Feditor%2Fcomco%2Fcreate-2025%2Four_partners%2FAbout_Partners%2Fyukon.jpg%22%2C%22alt%22%3A%22%22%2C%22caption%22%3A%22%22%7D%5D" number-of-items="4" item-radius="5" responsive-mode="fitByWidth" edge-peek-percent="30" pause-after-interaction-delay="8" transition-speed="500" auto-rotate-delay="5" show-dots="true" show-arrows="true" navigation-color="#0daabf" gap-size="20" image-sizing="cover"></co-image-slider>
5131					</div>
5132				
5133							</div>
5134							
5135						
5136					
5137				</div>
5138			
5139						</section>
5140					
5141						<section class="editor-block content co-section co-section--column" id="co3biuz" data-type="" data-name="Section" data-layout="column">
5142							
5143							
5144							
5145						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="coyftpm">
5146								
5147								
5148							
5149						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="cou6ms2">
5150								
5151								
5152							
5153						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical editor-block-grid-vertical-small grid-item-wide grid-item-grow" id="co3hi0m">
5154								
5155								
5156							
5157						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-grow" id="coe72oy">
5158								
5159								<div id="cozd92m" class="editor-block editor-block-richText editor-block-default editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5160					<h2>The Tiny Library</h2>
5161				</div><div id="coy390d" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5162					<p>Explore the full suite of Communico's software applications in our exclusive Tiny Library.&nbsp;</p>
5163				</div>
5164							</div>
5165							
5166						
5167							
5168						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="coyuqbh">
5169								
5170								
5171							
5172						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="coo4kbt">
5173								
5174								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="coj6btj">
5175					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/tiny-library-1.png" alt="Photo of exterior of tiny library">
5176						
5177					</figure>
5178							</div>
5179							
5180						
5181							
5182						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co19tkq">
5183								
5184								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="cof2j0a">
5185					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/tiny-library-2.png" alt="Interior of Tiny library">
5186						
5187					</figure>
5188							</div>
5189							
5190						
5191							
5192						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="coekyho">
5193								
5194								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="cowkt66">
5195					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/tiny-library-3.jpg" alt="Interior photo of tiny library showing a member of Communico talking to a prospective client">
5196						
5197					</figure>
5198							</div>
5199							
5200						
5201							</div>
5202							
5203						
5204							</div>
5205							
5206						
5207							</div>
5208							
5209						
5210							</div>
5211							
5212						<!--?-->
5213						</section>
5214					
5215						<section class="editor-block content co-section co-section--column" id="co22v43" data-type="" data-name="Section" data-layout="column">
5216							
5217							
5218							
5219						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-vertical grid-item-full" id="coxbvpu">
5220								
5221								
5222							
5223						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full grid-item-auto" id="cofg5bt">
5224								
5225								
5226							
5227						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical editor-block-grid-vertical-small editor-block-grid-vertical-medium grid-item-wide grid-item-grow" id="codqq30">
5228								
5229								<div id="connt5z" class="editor-block editor-block-richText editor-block-wide editor-block-heading legacy-migrated legacy-heading-h2 left grid-item-wide" data-type="richText" data-name="Rich Text">
5230					<h2>We are award winning</h2>
5231				</div><figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="co0ffdb">
5232					<img draggable="false" src="/frontend-images/editor/comco/create-2025/about_us/MLA.jpg" alt="Placeholder Image">
5233						
5234					</figure><div id="con9l8e" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5235					<p>Communico's Attend, Reserve, Schedule, Broadcast and Connect modules received platinum at the 2022-24 Modern Library Awards!&nbsp;</p>
5236				</div>
5237							</div>
5238							
5239						
5240							</div>
5241							
5242						
5243							</div>
5244							
5245						<!--?-->
5246						</section>
5247					</main>
5248			
5249			<footer data-merged-part="footer" class="editor-block editor-block-footer editor-block-full grid-item-full" id="footer" data-part-block-ids="cowulmy">
5250						<section class="editor-block content co-section co-section--column" id="cot5y24yjl" data-type="" data-name="Section" data-layout="column">
5251							
5252							
5253							
5254						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-full editor-block-grid editor-block-grid-horizontal grid-item-full" id="co4dovj">
5255								
5256								
5257							
5258						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-grow" id="cokcfzt">
5259								
5260								
5261							
5262						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-horizontal-small grid-item-wide grid-item-auto" id="coenjpo">
5263								
5264								
5265							
5266						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co9pgnn">
5267								
5268								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default" data-image-fit="cover" id="coof6ya">
5269				<a href="home">
5270					<img draggable="false" src="/frontend-images/editor/comco/communico-logo.png" alt="Communico Logo">
5271				</a>
5272					
5273				</figure>
5274							</div>
5275							
5276						
5277							
5278						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="coavlpw">
5279								
5280								<div id="cohsu2u" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5281					<p><a href="products">Our Products</a></p>
5282				</div><div id="co3of6l" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5283					<p><a href="create" style="">Create</a></p>
5284				</div><div id="cordhgf" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5285					<p><a href="attend">Attend</a></p>
5286				</div><div id="co8k578" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5287					<p><a href="reserve">Reserve</a></p>
5288				</div><div id="coeuh9w" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5289					<p><a href="schedule">Schedule</a></p>
5290				</div><div id="cokecqo" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5291					<p><a href="broadcast">Broadcast</a></p>
5292				</div><div id="co21dbf" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5293					<p><a href="connect">Connect</a></p>
5294				</div><div id="co8vqzc" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5295					<p><a href="roam">Roam</a></p>
5296				</div><div id="coiket4" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5297					<p><a href="interact">Interact</a></p>
5298				</div><div id="codyl0k" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5299					<p><a href="explore">Explore</a></p>
5300				</div><div id="coyv9ni" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5301					<p><span class="custom-color" style="color: rgb(25, 180, 199);"></span><a href="challenge">Challenge</a></p>
5302				</div>
5303							</div>
5304							
5305						
5306							</div>
5307							
5308						
5309							
5310						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal editor-block-grid-horizontal-small editor-block-grid-horizontal-medium grid-item-wide grid-item-auto" id="co6d72l">
5311								
5312								
5313							
5314						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co9cdza">
5315								
5316								<div id="co62bc9" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5317					<p><a href="about-us">About Us</a></p>
5318				</div><div id="coowkre" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5319					<p><span class="custom-color" style="color: rgb(25, 180, 199);"></span><a href="frequently-asked-questions">FAQ's</a></p>
5320				</div><div id="co17b5d" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5321					<p><a href="https://communicocollege.com/">Communico College</a></p>
5322				</div><div id="couumd2" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5323					<p><a href="https://communico.us/legal">Legal</a></p><p><a href="https://vpat.communico.us/" target="_blank">Accessibility &amp; VPATs</a></p>
5324				</div>
5325							</div>
5326							
5327						
5328							
5329						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co9x655">
5330								
5331								<div id="co3thue" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5332					<p><a href="contact-us">Contact Us</a></p>
5333				</div><div id="coacfg6" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
5334					<p><a href="https://info.communico.us/request-demo" target="_blank" rel="noopener noreferrer">Request a Demo</a></p>
5335				</div><div id="cozhzv6" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5336					<p><a href="tel:1-888-928-0701">T: 1-888-928-0701</a></p>
5337				</div>
5338							</div>
5339							
5340						
5341							
5342						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default" id="couv5q9">
5343								
5344								
5345							
5346						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="cohv8zh">
5347								
5348								<div id="coq84ql" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5349					<p><a href="https://www.facebook.com/gocommunico/timeline" target="_blank" rel="noopener noreferrer">Facebook</a></p>
5350				</div><div id="coiru5k" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5351					<p><a href="https://www.instagram.com/gocommunico/" rel="noopener noreferrer" target="_blank">Instagram</a></p>
5352				</div><div id="coiv3o0" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5353					<p><a href="https://www.linkedin.com/company/communico-llc/" rel="noopener noreferrer" target="_blank">Linkedin</a></p>
5354				</div><div id="confi3o" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5355					<p><a href="https://x.com/gocommunico" rel="noopener noreferrer" target="_blank">X</a></p>
5356				</div>
5357							</div>
5358							
5359						
5360							
5361						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="covbgzd">
5362								
5363								<div id="co50i0h" class="editor-block editor-block-richText editor-block-default editor-block-paragraph legacy-migrated left grid-item-default" data-type="richText" data-name="Rich Text">
5364					<p>Product updates</p>
5365				</div><a data-type="button" data-name="Button" class="editor-block editor-block-button editor-block-default white-hvr editor-block-button-link grid-item-default" id="comrpl2" href="https://blog.communico.us/support" target="_blank" rel="noopener">View our updates</a>
5366							</div>
5367							
5368						
5369							</div>
5370							
5371						
5372							</div>
5373							
5374						
5375							</div>
5376							
5377						
5378							</div>
5379							
5380						<!--?-->
5381						</section>
5382					<!--?--></footer>
5383		</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.