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. </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 & 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. </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. </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. </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 & 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. </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! </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 & 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.