Webex Suite

<!DOCTYPE HTML> <html lang="en"> <head> <title>Webex Suite</title> <meta name="title" content="Webex Suite"/> <meta charset="UTF-8"> <meta name="apple-itunes-app" content="app-id=298844386"> <meta name="author" content="Webex"> <meta name="publisher" content="Cisco"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.webex.com/collaboration-suite.html"> <meta property="og:title" content="Webex Suite"> <meta property="og:description" content="Everything your business needs to collaborate—in the world’s first unified, purpose-built collaboration suite for hybrid work."> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/Webex-Suite.png"> <meta property="og:site_name" content="Webex"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.webex.com/collaboration-suite.html"> <meta name="twitter:title" content="Webex Suite"> <meta name="twitter:description" content="Everything your business needs to collaborate—in the world’s first unified, purpose-built collaboration suite for hybrid work."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/Webex-Suite.png"> <meta name="keywords" content="Webex Suite, Collaboration, Hybrid work"> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/cisco-webex-scheduler/ankblejcdieljecjfagjeoelaedaoaka"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Everything your business needs to collaborate—in the world’s first unified, purpose-built collaboration suite for hybrid work."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="en"/> <meta name="country" content="US"/> <meta name="date" content="Wed Mar 20 21:33:44 UTC 2024"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script>  <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/jquery.lc-88e9d121fa7daf363a97e5e290682415-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/main.lc-c7d8d078a6273d61840f97fee17a58ea-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/header.lc-8922d6e56f68b2ec71696c30e07e13b7-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-bbeb05188b90bc82da98d22ce9d903c5-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/footer.lc-c690dd957929acec252b2620629ce646-lc.min.css" type="text/css"> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/search-bar.lc-553e92d6a8133e97cf3264bdf01d28a7-lc.min.js"></script>    <link rel="icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/> <link rel="shortcut icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/></head> <body data-spy="scroll" data-target=".ver-nav" data-offset="115" class="classic-" style="position: relative"> <div class="main-no-header"> <div class="body parsys"> <div class="open-html-component"> <div class="wbx-header"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> * { word-wrap: normal; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(24, 24, 24, 0); } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { background: none; font-size: 62.5%; height: 100%; min-height: 100vh; scroll-behavior: smooth; -ms-overflow-style: scrollbar; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: normal; } body { background: none; color: #767676; font-family: "CiscoSansTT", "georgia", sans-serif; font-size: 1.4rem; line-height: 1.4; overflow-x: hidden; -ms-touch-action: manipulation; touch-action: manipulation; } .wbx-footer{ /*display: none;*/ } .fonts-loaded body { font-family: "Roboto", "CiscoSansTT", "georgia", sans-serif; font-weight: 400; } @font-face { font-display: swap; font-family: icomoon; font-style: normal; font-weight: 400; src: url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.woff) format("woff"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.ttf) format("truetype"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.eot?) format("eot"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.svg#icomoon) format("svg"); } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h6, h6 { color: #181818; font-weight: 500; letter-spacing: -0.03em; margin: 1rem 0; text-align: inherit; } .h1, h1 { font-size: 4rem; letter-spacing: -0.04em; line-height: 4.2rem; font-weight: 500; } @media (min-width: 721px) { .h1, h1 { font-size: 6rem; line-height: 6rem; } } @media (min-width: 1025px) { .h1, h1 { font-size: 8rem; line-height: 8rem; } } .h2, h2 { font-size: 3.2rem; letter-spacing: -0.03em; line-height: 3.6rem; } @media (min-width: 721px) { .h2, h2 { font-size: 4.2rem; line-height: 4.6rem; } } @media (min-width: 1025px) { .h2, h2 { font-size: 6rem; line-height: 6rem; letter-spacing: -0.04em; } } .h3, h3 { font-size: 2.6rem; letter-spacing: -0.03em; line-height: 3.2rem; } @media (min-width: 721px) { .h3, h3 { font-size: 3.4rem; line-height: 3.8rem; } } @media (min-width: 1025px) { .h3, h3 { font-size: 4.8rem; letter-spacing: -0.04em; line-height: 5rem; } } .h4, h4 { font-size: 2.2rem; font-weight: 400; letter-spacing: -0.03em; line-height: 2.8rem; } @media (min-width: 721px) { .h4, h4 { font-size: 2.6rem; line-height: 3.0rem; } } @media (min-width: 1025px) { .h4, h4 { font-size: 3.2rem; line-height: 3.6rem; letter-spacing: -0.04em; } } em { font-style: italic; } strong { font-weight: 600; } /* * Remove default blockquote styles. */ blockquote { margin: 0; padding: 0; } /* * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .large-body { font-size: 1.8rem; letter-spacing: -0.02em; line-height: 2.6rem; text-align: inherit; } @media (min-width: 721px) { .large-body { font-size: 2.2rem; line-height: 3rem; } } @media (min-width: 1025px) { .large-body { font-size: 2.4rem; line-height: 3.2rem; } } .large-body-regular { font-weight: 400; } .large-body-medium { font-weight: 500; } .large-body-bold { font-weight: 700; } .medium-body { font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.02em; text-align: inherit; } @media (min-width: 1025px) { .medium-body { font-size: 1.8rem; line-height: 2.6rem; } } .medium-body-regular { font-weight: 400; } .medium-body-medium { font-weight: 500; } .medium-body-bold { font-weight: 700; } .small-body { font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.01em; text-align: inherit; } @media (min-width: 1025px) { .small-body { font-size: 1.5rem; line-height: 2rem; } } .small-body-regular { font-weight: 400; } .small-body-medium { font-weight: 500; } .small-body-bold { font-weight: 700; } .xsmall-body { font-size: 1.2rem; line-height: 1.6rem; letter-spacing: -0.01em; text-align: inherit; } .xsmall-body-regular { font-weight: 400; } .xsmall-body-medium { font-weight: 500; } .xsmall-body-bold { font-weight: 700; } /* * Background Colors */ .bg-black { background-color: #181818; color: #818181; } .bg-black a:not(.btn):hover { color: initial; } .bg-black .h1, .bg-black h1, .bg-black .h2, .bg-black h2, .bg-black .h3, .bg-black h3, .bg-black .h4, .bg-black h4, .bg-black .h6, .bg-black h6 { color: #FFFFFF; } .bg-black .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-black .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--primary:hover .icon-play, .bg-black .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-black .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--secondary .icon-play, .bg-black .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-black .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-black .btn--secondary:hover .icon-play, .bg-black .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-black .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-black .btn--outline .icon-play, .bg-black .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-black .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--outline:hover .icon-play, .bg-black .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-black .btn--text { color: #FFFFFF; } .bg-black .btn--text:after { background-color: #FFFFFF; } .bg-black .btn--text:hover { color: #FFFFFF; } .bg-black .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-black .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-black .cmp-separator hr { border-top-color: #FFFFFF; } .bg-green { background-color: #078855; color: #818181; } .bg-green a:not(.btn) { color: #05935B; } .bg-green a:not(.btn):hover { color: #FFFFFF; } .bg-green .h1, .bg-green h1, .bg-green .h2, .bg-green h2, .bg-green .h3, .bg-green h3, .bg-green .h4, .bg-green h4, .bg-green .h6, .bg-green h6 { color: #FFFFFF; } .bg-green .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-green .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--primary:hover .icon-play, .bg-green .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-green .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--secondary .icon-play, .bg-green .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-green .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-green .btn--secondary:hover .icon-play, .bg-green .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-green .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-green .btn--outline .icon-play, .bg-green .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-green .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--outline:hover .icon-play, .bg-green .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-green .btn--text { color: #FFFFFF; } .bg-green .btn--text:after { background-color: #FFFFFF; } .bg-green .btn--text:hover { color: #FFFFFF; } .bg-green .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-green .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-green .cmp-separator hr { border-top-color: #FFFFFF; } .bg-image-dark { background-color: transparent; color: #818181; } .bg-image-dark a:not(.btn) { color: #05935B; } .bg-image-dark a:not(.btn):hover { color: #FFFFFF; } .bg-image-dark .h1, .bg-image-dark h1, .bg-image-dark .h2, .bg-image-dark h2, .bg-image-dark .h3, .bg-image-dark h3, .bg-image-dark .h4, .bg-image-dark h4, .bg-image-dark .h6, .bg-image-dark h6 { color: #FFFFFF; } .bg-image-dark .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-image-dark .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--primary:hover .icon-play, .bg-image-dark .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-image-dark .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--secondary .icon-play, .bg-image-dark .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-image-dark .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-image-dark .btn--secondary:hover .icon-play, .bg-image-dark .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-image-dark .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-image-dark .btn--outline .icon-play, .bg-image-dark .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-image-dark .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--outline:hover .icon-play, .bg-image-dark .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-image-dark .btn--text { color: #FFFFFF; } .bg-image-dark .btn--text:after { background-color: #FFFFFF; } .bg-image-dark .btn--text:hover { color: #FFFFFF; } .bg-image-dark .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-image-dark .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-image-dark .cmp-separator hr { border-top-color: #FFFFFF; } .bg-white { background-color: #FFFFFF; } .bg-image-light { background-color: transparent; } .bg-green { color: #FFFFFF; } .bg-green a:not(.btn) { color: #FFFFFF; } .bg-green a:not(.btn):hover { color: #FFFFFF; } .btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; letter-spacing: -0.02em; font-size: 1.5rem; line-height: 14px; letter-spacing: -0.02em; font-weight: 500; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; /*@include breakpoint.up("lg") { font-size: 1.0416666666666665vw; } @include breakpoint.up("xl") { font-size: 0.78125vw; }*/ } @media (max-width: 720px) { .btn { font-size: 1.4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .btn .icon-arrow { display: none; } } .btn .icon-arrow { margin-left: 6px; } .btn .icon-download, .btn .icon-play { font-size: 1rem; margin-left: 0.6944444444vw; position: relative; -webkit-transition: 300ms all ease-in-out; transition: 300ms all ease-in-out; } .btn .icon-download:before, .btn .icon-play:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 4px; } @media (min-width: 1025px) { .btn .icon-download:before, .btn .icon-play:before { padding-left: 0; } } .btn .icon-play { font-size: 1rem; } .btn .icon-download { font-size: 1.4rem; } .btn--light { border: 1px solid #078855; border-radius: 50px; padding: 2rem 2.2rem; background-color: #181818; border-color: #181818; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--light { height: 56px; } } .btn--light:hover { background-color: #078855; color: #FFFFFF; border-color: #078855; } .btn--black { border: 1px solid #078855; border-radius: 50px; padding: 2rem 2.2rem; background-color: #FFFFFF; border-color: #FFFFFF; color: #121212; height: 52px; } @media (min-width: 1025px) { .btn--black { height: 56px; } } .btn--black:hover { background-color: #078855; border-color: #078855; color: #FFFFFF; } .btn--primary--light { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #078855; border-color: #078855; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--primary--light { height: 56px; } } .btn--primary--light:hover { background-color: #181818; border-color: #181818; color: #FFFFFF; } .btn--primary--light .icon-play, .btn--primary--light .icon-download { background-color: #FFFFFF; color: #078855; } .btn--primary--light .icon-play:hover, .btn--primary--light .icon-download:hover { color: #181818; } .btn--primary--black { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #078855; border-color: #078855; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--primary--black { height: 56px; } } .btn--primary--black:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--primary--black .icon-play, .btn--primary--black .icon-download { background-color: #FFFFFF; color: #078855; } .btn--primary--black .icon-play:hover, .btn--primary--black .icon-download:hover { color: #FFFFFF; } .btn--primary--green { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; height: 52px; } @media (min-width: 1025px) { .btn--primary--green { height: 56px; } } .btn--primary--green:hover { background-color: #181818; border-color: #181818; color: #FFFFFF; } .btn--primary--green .icon-play, .btn--primary--green .icon-download { background-color: #FFFFFF; color: #181818; } .btn--primary--green .icon-play:hover, .btn--primary--green .icon-download:hover { color: #FFFFFF; } .btn--secondary--light { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #181818; color: #181818; height: 52px; } @media (min-width: 1025px) { .btn--secondary--light { height: 56px; } } .btn--secondary--light:hover { background-color: #181818; color: #FFFFFF; border-color: #181818; } .btn--secondary--light:hover .icon-play, .btn--secondary--light:hover .icon-download { background-color: #078855; color: #FFFFFF; } .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { color: #181818; border-radius: 50%; width: 2.734375vw; height: 2.734375vw; padding: 0.9765625vw; } @media (min-width: 721px) { .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { background-color: #181818; color: #FFFFFF; } } @media (min-width: 1025px) { .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--black { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--secondary--black { height: 56px; } } .btn--secondary--black:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--secondary--black:hover .icon-play, .btn--secondary--black:hover .icon-download { background-color: #FFFFFF; color: #181818; } @media (min-width: 721px) { .btn--secondary--black:hover .icon-play, .btn--secondary--black:hover .icon-download { background-color: #078855; border-color: #078855; color: #FFFFFF; } } .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { background-color: #181818; color: #FFFFFF; border-radius: 50%; width: 2.734375vw; height: 2.734375vw; padding: 0.9765625vw; } @media (min-width: 721px) { .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { background-color: #FFFFFF; color: #181818; } } @media (min-width: 1025px) { .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--green { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--secondary--green { height: 56px; } } .btn--secondary--green:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--secondary--green:hover .icon-play, .btn--secondary--green:hover .icon-download { background-color: #078855; color: #FFFFFF; } .btn--secondary--green .icon-play, .btn--secondary--green .icon-download { background-color: #FFFFFF; color: #181818; border-radius: 50%; } @media (min-width: 1025px) { .btn--secondary--green .icon-play, .btn--secondary--green .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--green .icon-play:hover, .btn--secondary--green .icon-download:hover { background-color: #078855; color: #FFFFFF; } .gradient::before { content: ""; background-repeat: no-repeat; background-size: auto; background-position: 0 0; /* height: 100%;*/ left: 0; position: absolute; width: 100%; } /*.gradient.blue::before { background-image: url(/content/dam/www/us/en/images/gradients/blue.png); } .gradient.green::before { background-image: url(/content/dam/www/us/en/images/gradients/green.png); } .gradient.orange::before { background-image: url(/content/dam/www/us/en/images/gradients/orange.png); } .gradient.red::before { background-image: url(/content/dam/www/us/en/images/gradients/red.png); } .gradient.purple::before { background-image: url(/content/dam/www/us/en/images/gradients/purple.png); }*/ .gradient.bottom-left::before { -webkit-transform: scaleX(1) scaleY(-1); transform: scaleX(1) scaleY(-1); } .gradient.bottom-right::before { -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); } .gradient.top-left::before { -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); } .gradient.top-right::before { -webkit-transform: scaleX(-1) scaleY(1); transform: scaleX(-1) scaleY(1); } [class*=" icon-"]:before, [class^="icon-"]:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; display: inline-block; font-family: icomoon; font-size: inherit; font-style: normal; line-height: inherit; text-transform: none; vertical-align: baseline; } .icon-arrow { position: relative; top: 2px; } .icon-arrow-large:before { content: "\e90f"; } .icon-youtube:before { content: "\e90e"; } .icon-play:before { content: "\e908"; } .icon-global:before { content: "\e909"; } .icon-instagram:before { content: "\e90a"; } .icon-facebook:before { content: "\e90b"; } .icon-linkedin:before { content: "\e90c"; } .icon-twitter:before { content: "\e90d"; } .icon-close:before,.modal--video .modal__close:after { content: "\e907"; } .icon-arrow:before { content: "\e900"; } .icon-closed:before { content: "\e901"; } .icon-document:before { content: "\e902"; } .icon-download:before { content: "\e903"; } .icon-open:before { content: "\e904"; } .icon-video:before { content: "\e906"; } .icon-arrow-circle,.icon-download-circle,.icon-play-circle { background-color: #fff; border-radius: 50%; color: #181818; height: 42px; position: relative; width: 42px } .icon-arrow-circle:hover,.icon-download-circle:hover,.icon-play-circle:hover { background-color: #078855; color: #fff } .icon-arrow-circle:before,.icon-download-circle:before,.icon-play-circle:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media(min-width: 1025px) { .icon-arrow-circle:before,.icon-download-circle:before,.icon-play-circle:before { font-size:18px } } @media(min-width: 721px) { .icon-arrow-circle,.icon-download-circle,.icon-play-circle { height:52px; width: 52px } } @media(min-width: 1025px) { .icon-arrow-circle,.icon-download-circle,.icon-play-circle { height:56px; width: 56px } } .icon-arrow-circle.light,.icon-download-circle.light,.icon-play-circle.light { background-color: #181818; color: #fff } .icon-arrow-circle.light:hover,.icon-download-circle.light:hover,.icon-play-circle.light:hover { background-color: #078855; color: #fff } .icon-arrow-circle.black,.icon-download-circle.black,.icon-play-circle.black { background-color: #fff; color: #181818 } .icon-arrow-circle.black:hover,.icon-download-circle.black:hover,.icon-play-circle.black:hover { background-color: #078855; color: #fff } .icon-arrow-circle.green,.icon-download-circle.green,.icon-play-circle.green { background-color: #fff; color: #181818 } .icon-arrow-circle.green:hover,.icon-download-circle.green:hover,.icon-play-circle.green:hover { background-color: #181818; color: #fff } .icon-play-circle:before { content: "\e908"; } .icon-download-circle:before { content: "\e903"; } .icon-arrow-circle:before { content: "\e900"; } .grid-12 { display: grid; column-gap: 15px; grid-template-columns: repeat(4,1fr) } @media(min-width: 721px) { .grid-12 { column-gap:20px; grid-template-columns: repeat(12,1fr) } } .grid-padding { padding: 4.5rem 5.605vw 8rem } @media(min-width: 721px) { .grid-padding { padding:5.36rem 4.2vw 14rem } } @media(min-width: 1025px) { .grid-padding { padding:5.81rem 4.444vw 12rem } } @media(min-width: 1441px) { .grid-padding { max-width: 1440px; padding: 0 64px; margin-left: auto; margin-right: auto; } } .hide-up { display: none!important } @media(max-width: 599px) { .hide-down { display:none!important } } @media(min-width: 600px) { .hide-sm-up { display:none!important } } @media(max-width: 720px) { .hide-sm-down { display:none!important } } @media(min-width: 721px) { .hide-md-up { display:none!important } } @media(max-width: 1024px) { .hide-md-down { display:none!important } } @media(min-width: 1025px) { .hide-lg-up { display:none!important } } @media(max-width: 1440px) { .hide-lg-down { display:none!important } } @media(min-width: 1441px) { .hide-xl-up { display:none!important } } .hide-xl-down { display: none!important } </style> <div class="header"> <div class="cmp-header" data-cmp-is="header" data-micromodal-trigger="my-modal">  <div class="header__overlay"></div> <header class="header" id="header"> <div class="header__wrapper grid-padding"> <div class="header__buttons"> <a class="header__logo" href="/"> <div class="header__logo-dark" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/navigation/CiscoWebex-Logo_black.png" alt="Webex"> </div> <div class="header__logo-light" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/navigation/CiscoWebex-Logo_white.png" alt="Webex"> </div> </a> <div class="flex-space hide-lg-up"></div> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--black hide-sm-down hide-lg-up">Sign Up, It's Free</a> <a class="header__open-menu hide-lg-up" aria-label="Open menu"> <span class="icon-menu"></span> </a> </div> <nav class="header__menu-wrapper grid-padding"> <div class="header__menu-top grid-padding hide-lg-up"> <a class="header__logo hide-sm-down" href="/"> <div class="" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"> </div> </a> <div class="flex-space hide-sm-down"></div> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--light">Sign Up, It's Free</a> <a class="header__close-menu" aria-label="Close menu"> <span class="icon-close"></span> </a> </div> <ul class="header__menu header__menuFirst grid-padding"> <li class="header__menuItem header__menuItem-products hasChildren"> <a href="javascript:;" data-attribute-nav="Products">Products <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to6"> <div class="header__submenu-eyebrow">webex suite</div> <div class="header__submenu-list hasIcon grid-12"> <ul class="header__grid-col-1to6"> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Meetings.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/meetings.html" tabindex="0" data-attribute-nav="Products > Webex Suite > Meetings">Meetings</a> <p>Video conferencing and screen sharing</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Calling.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/enterprise-cloud-calling.html" tabindex="1" data-attribute-nav="Products > Webex Suite > Calling">Calling</a> <p>Cloud calling and phone system</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Messaging.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/messaging.html" tabindex="2" data-attribute-nav="Products > Webex Suite > Messaging">Messaging</a> <p>Group messaging, chat, and file sharing</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Webinars.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/webinar.html" tabindex="3" data-attribute-nav="Products > Webex Suite > Webinars">Webinars</a> <p>Large meeting and virtual event hosting</p> </div> </li> </ul> <ul class="header__grid-col-7to12"> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Events.svg);"></i> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/suite/events.html" tabindex="4" data-attribute-nav="Products > Webex Suite > Events">Events</a> <p>In-person and hybrid event management</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_VideoMessaging.svg);"></i> <div class="header__submenu-item-text"> <a href="https://vidcast.io/" tabindex="5" data-attribute-nav="Products > Webex Suite > Video Messaging">Video Messaging</a> <p>Video messaging and screen recording</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Polling.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/polling.html" tabindex="6" data-attribute-nav="Products > Webex Suite > Polling">Polling</a> <p>Interactive Q&A, quizzes, and polling</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Whiteboarding.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/whiteboard.html" tabindex="7" data-attribute-nav="Products > Webex Suite > Whiteboarding">Whiteboarding</a> <p>Digital co-creation and brainstorming</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="/suite/collaboration-suite.html" tabindex="8" data-attribute-nav="Products > Webex Suite > Explore the Suite">Explore the Suite <span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">WORKSPACES</div> <div class="header__submenu-list hasIcon grid-12"> <ul class="header__grid-col-1to12"> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/devices.html" tabindex="0" data-attribute-nav="Products > Workspaces > Home Spaces">Collaboration Devices</a> <p>Explore AI-powered devices for any space.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces/workspace-designer.html" tabindex="1" data-attribute-nav="Products > Workspaces > Office Spaces">Workspace Designer</a> <p>Design your own meeting room.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="2" data-attribute-nav="Products > Workspaces > Anywhere">Workspaces </a> <p>Get blueprints for incredible outcomes.</p> </div> </li> </ul> </div>  </div> <div class="header__submenu-col header__grid-col-10to12"> <div class="header__submenu-eyebrow">Customer experience</div> <div class="header__submenu-list"> <ul> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/customer-experience/contact-center.html" tabindex="0" data-attribute-nav="Products > Customer Experience > Cloud Contact Center">Cloud Contact Center</a> <p>Intelligent, digital to human customer interactions</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/workforce-optimization.html" tabindex="1" data-attribute-nav="Products > Customer Experience > Workforce Optimization">Workforce Optimization</a> <p>Optimize agent performance and customer satisfaction</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://cpaas.webex.com/" tabindex="2" data-attribute-nav="Products > Customer Experience > CPaaS">CPaaS</a> <p>Communications platform for automating customer journeys</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.ai/ai-agent.html" tabindex="3" data-attribute-nav="Products > Customer Experience > AI Agent">AI Agent</a> <p>Dynamic AI interactions that lead to customer resolutions.</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="/customer-experience.html" tabindex="3" data-attribute-nav="Products > Customer Experience > See all Solutions">See all Solutions <span class="icon-arrow"></span></a> </div> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Products > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span> </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Products > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Products > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-devices hasChildren"> <a href="javascript:;" data-attribute-nav="Devices">Devices <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">collaboration devices</div> <div class="header__submenu-list"> <ul> <li><a href="/us/en/devices/room-devices.html" tabindex="1" data-attribute-nav="Devices > Collaboration Devices > Room Devices">Room Devices</a></li> <li><a href="/us/en/devices/desk-series.html" tabindex="0" data-attribute-nav="Devices > Collaboration Devices > Desk Devices">Desk Devices</a></li> <li><a href="/us/en/devices/digital-whiteboards.html" tabindex="2" data-attribute-nav="Devices > Collaboration Devices > Digital Whiteboards">Digital Whiteboards</a></li> <li><a href="/us/en/devices/phone-series.html" tabindex="5" data-attribute-nav="Devices > Collaboration Devices > Phones">Phones</a></li> <li><a href="/us/en/devices/cameras.html" tabindex="4" data-attribute-nav="Devices > Collaboration Devices > Cameras">Cameras</a></li> <li><a href="/us/en/devices/headsets.html" tabindex="3" data-attribute-nav="Devices > Collaboration Devices > Headsets">Headsets</a></li> <li><a href="/us/en/devices/accessories.html" tabindex="6" data-attribute-nav="Devices > Collaboration Devices > Room Accessories">Room Accessories</a></li> </ul> </div> <div class="header__submenu-cta"> <a href="https://www.webex.com/us/en/devices.html" tabindex="0" data-attribute-nav="Devices > Collaboration Devices > See all Devices">See all Devices <span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <a class="header__promo-card" href="https://www.webex.com/us/en/workspaces.html" tabindex="0" data-attribute-nav="Devices > Explore Workspaces"> <img src="https://www.webex.com/content/dam/www/us/en/images/header/devices/new-workspaces-card.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">Reimagine Workspaces</div> <p>Get inspiration for setting up your workspaces from desks and meeting rooms to learning and community spaces.</p> <div class="header__submenu-cta"> <span>Explore Workspaces<span class="icon-arrow"></span></span> </div> </div> </a> </div>  <div class="header__submenu-col header__grid-col-8to12"> <div class="header__submenu-eyebrow">Featured</div> <div class="header__submenu-list hasThumbnail hasThumbnail3"> <style> </style> <ul class="grid-12"> <li class="header__grid-col-1to4"> <a href="/us/en/devices/board-series/cisco-board-pro.html" tabindex="0" data-attribute-nav="Devices > Featured > Board Pro"> <img src="/content/dam/www/us/en/images/header/devices/board-pro-g2-nav.webp" alt=""/> <span>Board Pro G2</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-5to8"> <a href="/us/en/devices/room-series/cisco-room-bar-pro.html" tabindex="1" data-attribute-nav="Devices > Featured > Room Bar Pro"> <img src="/content/dam/www/us/en/images/home/room-bar-pro.jpg" alt=""/> <span>Room Bar Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-9to12"> <a href="https://www.webex.com/us/en/devices/phone-series/cisco-phone-9800-series.html" tabindex="2" data-attribute-nav="Devices > Featured > Desk Phone 9800"> <img src="/content/dam/www/us/en/images/home/desk-phone-9800-nav.webp" alt=""/> <span>Desk Phone 9800</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-1to4"> <a href="/us/en/devices/desk-series/cisco-desk-pro.html" tabindex="3" data-attribute-nav="Devices > Featured > Desk Pro"> <img src="/content/dam/wbx/us/images/navigation/devices/Desk-Pro.png" alt=""/> <span>Desk Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-5to8"> <a href="/us/en/devices/accessories/cisco-ceiling-microphone-pro.html" tabindex="4" data-attribute-nav="Devices > Featured > Ceiling Microphone Pro"> <img src="/content/dam/www/us/en/images/home/ceiling-microphone-pro.webp" alt=""/> <span>Ceiling Microphone Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-9to12"> <a href="https://www.webex.com/us/en/devices/headsets/bang-and-olufsen-cisco-950.html" tabindex="5" data-attribute-nav="Devices > Featured > Bang and Olufsen 950"> <img src="/content/dam/www/us/en/images/header/devices/headset-bang-950.jpg" alt=""/> <span>B&O Cisco 950</span><span class="icon-open"></span> </a> </li> </ul> </div> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="https://www.webex.com/downloads.html" class="header__navbar-download" data-attribute-nav="Devices > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span> </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Devices > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="https://www.webex.com/contact-sales.html" data-attribute-nav="Devices > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-solutions hasChildren"> <a href="javascript:;" data-attribute-nav="Solutions">Solutions <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">industries</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/industries/education.html" tabindex="0" data-attribute-nav="Solutions > Industries > Education">Education</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/healthcare.html" tabindex="1" data-attribute-nav="Solutions > Industries > Healthcare">Healthcare</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/government.html" tabindex="2" data-attribute-nav="Solutions > Industries > Government">Government</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/financial-services.html" tabindex="3" data-attribute-nav="Solutions > Industries > Financial Services">Financial Services</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/sports-entertainment.html" tabindex="4" data-attribute-nav="Solutions > Industries > Sports & Entertainment">Sports & Entertainment</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/nonprofits.html" tabindex="5" data-attribute-nav="Solutions > Industries > Nonprofits">Nonprofits</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <div class="header__submenu-eyebrow">use cases</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/hybrid-work.html" tabindex="0" data-attribute-nav="Solutions > Use Cases > Hybrid Work">Hybrid Work</a></li> <li><a href="https://www.webex.com/us/en/solutions/sustainability.html" tabindex="1" data-attribute-nav="Solutions > Use Cases > Sustainability">Sustainability</a></li>  <li><a href="https://www.webex.com/us/en/solutions/return-to-office.html" tabindex="2" data-attribute-nav="Solutions > Use Cases > Return to the Office">Return to the Office</a></li> <li><a href="https://www.webex.com/us/en/solutions/camera-intelligence-cisco-devices.html" tabindex="3" data-attribute-nav="Solutions > Use Cases > Camera Intelligence">Camera Intelligence</a></li> <li><a href="https://www.webex.com/us/en/solutions/control-hub-cisco-devices.html" tabindex="4" data-attribute-nav="Solutions > Use Cases > Workspace Management">Workspace Management</a></li> <li><a href="https://www.webex.com/us/en/solutions/microsoft-teams-rooms-cisco-devices.html" tabindex="5" data-attribute-nav="Solutions > Use Cases > Devices for Microsoft Teams">Devices for Microsoft Teams</a></li>  </ul> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">cross-platform</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/accessibility.html" tabindex="0" data-attribute-nav="Solutions > Cross-Platform > Accessibility">Accessibility</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/security.html" tabindex="1" data-attribute-nav="Solutions > Cross-Platform > Security">Security</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/control-hub.html" tabindex="2" data-attribute-nav="Solutions > Cross-Platform > Control Hub">Control Hub</a></li> <li><a href="/products/collaboration-ai.html" tabindex="3" data-attribute-nav="Solutions > Cross-Platform > Collaboration AI">Collaboration AI</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/inclusive-collaboration.html" tabindex="4" data-attribute-nav="Solutions > Cross-Platform > Inclusivity">Inclusivity</a></li> <li><a href="https://www.webex.com/us/en/solutions/interoperability.html" tabindex="5" data-attribute-nav="Solutions > Cross-Platform > Interoperability">Interoperability</a></li> <li><a href="https://www.webex.com/us/en/solutions/roomos.html" tabindex="6" data-attribute-nav="Solutions > Cross-Platform > RoomOS">RoomOS</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <a class="header__promo-card" href="https://www.webex.com/us/en/solutions/sustainability.html" tabindex="0" data-attribute-nav="Solutions > Power hybrid work, sustainably. > Learn more"> <img src="/content/dam/wbx/us/images/navigation/solutions/Sustainability.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">Power hybrid work, sustainably.</div> <p>Achieve your sustainability goals by gaining insights into your carbon emissions and progressing on a net zero journey.</p> <div class="header__submenu-cta"> <span>Learn more <span class="icon-arrow"></span></span> </div> </div> </a> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Solutions > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span>  </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Solutions > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Solutions > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-resources hasChildren"> <a href="javascript:;" data-attribute-nav="Resources">Resources <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">Support</div> <div class="header__submenu-list"> <ul> <li><a href="https://help.webex.com/" tabindex="0" data-attribute-nav="Resources > Support > Product Help">Product Help</a></li> <li><a href="https://adopt.webex.com/" tabindex="1" data-attribute-nav="Resources > Support > Webex Adoption">Webex Adoption</a></li> <li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user" tabindex="2" data-attribute-nav="Resources > Support > Webex Community">Webex Community</a></li> <li><a href="https://help.webex.com/contact" tabindex="3" data-attribute-nav="Resources > Support > Contact Support">Contact Support</a></li> <li><a href="https://www.webex.com/insider" tabindex="4" data-attribute-nav="Resources > Support > Webex Insider">Webex Insider</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <div class="header__submenu-eyebrow">Learn</div> <div class="header__submenu-list"> <ul> <li><a href="https://blog.webex.com/" tabindex="0" data-attribute-nav="Resources > Learn > Webex Blog">Webex Blog</a></li> <li><a href="/customers.html" tabindex="1" data-attribute-nav="Resources > Learn > Customer Stories">Customer Stories</a></li>  <li><a href="/learn/webinars-demos.html" tabindex="3" data-attribute-nav="Resources > Learn > Live events and Webinars">Live Events and Webinars</a></li> <li><a href="https://academy.webex.com/" tabindex="4" data-attribute-nav="Resources > Learn > Webex Academy">Webex Academy</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">App Integrations</div> <div class="header__submenu-list"> <ul> <li><a href="https://apphub.webex.com/" tabindex="0" data-attribute-nav="Resources > App Integrations > App Hub">App Hub</a></li> <li><a href="/products/integrations/index.html" tabindex="1" data-attribute-nav="Resources > App Integrations > Integration Partners">Integration Partners</a></li> <li><a href="https://developer.webex.com/" tabindex="2" data-attribute-nav="Resources > App Integrations > Developer Tools">Developer Tools</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <a class="header__promo-card" href="https://www.webex.com/whats-new" tabindex="0"> <img src="/content/dam/wbx/us/images/navigation/resources/Whats-New-Promo.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">What’s New in Webex</div> <p>Learn about all the latest innovations released across our collaboration and customer experience solutions.</p> <div class="header__submenu-cta"> <span data-attribute-nav="Resources > What’s New in Webex > Learn more">Learn more <span class="icon-arrow"></span></span> </div> </div> </a> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Resources > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""><span>Download Webex</span>  </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Resources > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Resources > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem"><a href="https://pricing.webex.com/us/en/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=navigation&team=wdc" data-attribute-nav="Plans & Pricing">Plans & Pricing</a></li> </ul> <ul class="header__menu header__menuSecond grid-padding"> <li class="header__menuItem"><a href="https://www.webex.com/downloads.html" data-attribute-nav="Download">Download</a></li> <li class="header__menuItem"><a href="https://signin.webex.com/join" data-attribute-nav="Join a Meeting">Join a Meeting</a></li> <li class="header__menuItem"><a href="https://signin.webex.com" id="signInButton" data-attribute-nav="Sign In">Sign In</a></li> <li class="header__menuItem header__menuItem-country hasChildren country-selector"> <a href="javascript:;" aria-label="Country/Region" data-attribute-nav="Country/Region"><i class="icon-global"></i> <i class="icon-open"></i></a> <div class="header__submenu header__country"> <div class="header__country-title"> <span>Select Country/Region</span> <a href="javascript:;" class="header__country-close"><span class="icon-close"></span></a> </div> <div class="header__country-list"> <ul id="headerCountryList" class="region-select-list"> <li data-country-id="AU" data-id="AU"><a href="/" data-attribute-nav="Country/Region > Australia (English)">Australia (English)</a></li> <li data-country-id="BR" data-id="BR"><a href="/pt/index.html" data-attribute-nav="Country/Region > Brazil (Português)">Brazil (Português)</a></li> <li data-country-id="CA" data-id="CA"><a href="/" data-attribute-nav="Country/Region > Canada (English)">Canada (English)</a></li> <li data-country-id="CAF" data-id="CAF"><a href="/fr/index.html" data-attribute-nav="Country/Region > Canada (Français)">Canada (Français)</a></li> <li data-country-id="CN" data-id="CN"><a href="/zh-cn/index.html" data-attribute-nav="Country/Region > China (简体字)">China (简体字)</a></li> <li data-country-id="FR" data-id="FR"><a href="/fr/index.html" data-attribute-nav="Country/Region > France (Français)">France (Français)</a></li> <li data-country-id="DE" data-id="DE"><a href="/de/index.html" data-attribute-nav="Country/Region > Germany (Deutsch)">Germany (Deutsch)</a></li> <li data-country-id="HK" data-id="HK"><a href="/zh-tw/index.html" data-attribute-nav="Country/Region > Hong Kong (繁體中文)">Hong Kong (繁體中文)</a></li> <li data-country-id="IN" data-id="IN"><a href="/" data-attribute-nav="Country/Region > India (English)">India (English)</a></li> <li data-country-id="IT" data-id="IT"><a href="/it/index.html" data-attribute-nav="Country/Region > Italy (Italiano)">Italy (Italiano)</a></li> <li data-country-id="JP" data-id="JP"><a href="/ja/index.html" data-attribute-nav="Country/Region > Japan (日本語)">Japan (日本語)</a></li> <li data-country-id="KR" data-id="KR"><a href="/ko/index.html" data-attribute-nav="Country/Region > South Korea (한국어)">South Korea (한국어)</a></li> <li data-country-id="MX" data-id="MX"><a href="/es/index.html" data-attribute-nav="Country/Region > Latin America (Español)">Latin America (Español)</a></li> <li data-country-id="ES" data-id="ES"><a href="/es/index.html" data-attribute-nav="Country/Region > Spain (Español)">Spain (Español)</a></li> <li data-country-id="GB" data-id="GB"><a href="/" data-attribute-nav="Country/Region > United Kingdom (English)">United Kingdom (English)</a></li> <li data-country-id="US" data-id="US" style="display: none;"><a href="/" data-attribute-nav="Country/Region > United States (English)">United States (English)</a></li> </ul> </div> </div> <div class="footer_languageSelect__a_We0" style="display: none;"> <a href="javascript:;"> <span class="icon-global"></span> <span class="footer_country__2f7Cu wbx-region-name">United States</span> <span><i class="icon-open"></i></span> </a> </div> </li> <li class="header__menuItem header__menuItem-signUp hide-md-down"> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--black" data-attribute-nav="Sign Up, It's Free">Sign Up, It's Free</a></li> </ul>  <div class="header__menu-bottom hide-lg-up"> <div class="header__navbar grid-padding">  <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Mobile/Tablet > Download Webex">Download Webex</a> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Mobile/Tablet > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Mobile/Tablet > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </nav> </div> </header> </div> </div> <style> .cmp-header .header__overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 101; opacity: 0; visibility: hidden; background: rgba(0,0,0,.6); transition: all .3s ease; } .cmp-header .header__overlay.active { display: block; opacity: 1; visibility: visible; } .cmp-header .header { width: 100%; height: 7.3rem; background-color: #181818; transition: all .5s ease-in-out; position: fixed; left: 0; top: 0; z-index: 102; } .cmp-header .header.bg-black { background-color: #181818; background-image: none; } .cmp-header .header.bg-white, .cmp-header .header.active { background-color: #FFFFFF; background-image: none; } .cmp-header .header.scroll-down { transform: translateY(-100%); } .cmp-header .grid-padding { padding-top: 0; padding-bottom: 0; } .cmp-header .btn { width: auto; } .cmp-header .flex-space { flex-grow: 1; } .cmp-header ul { list-style: none; margin: 0; } .cmp-header ul:not(.grid-padding) { padding-left: 0; } .cmp-header a { transition: all .3s; } .header__wrapper { height: 100%; display: flex; align-items: center; justify-content: space-between; } a.header__logo { display: block; width: 11.8rem; height: 3.3rem; } a.header__logo img { width: 100%; } .header .header__logo-light, .header.active .header__logo-dark, .header.bg-white .header__logo-dark { transition: all .3s; display: block; } .header .header__logo-dark, .header.active .header__logo-light, .header.bg-white .header__logo-light { transition: all .3s; display: none; } a.header__open-menu { width: 2rem; height: 1rem; display: block; position: relative; } a.header__open-menu .icon-menu::before, a.header__open-menu .icon-menu::after { content: ''; width: 2rem; height: 0.2rem; display: block; background-color: #fff; position: absolute; left: 0; } .header.bg-white a.header__open-menu .icon-menu::before, .header.bg-white a.header__open-menu .icon-menu::after { background-color: #181818; } a.header__open-menu .icon-menu::after { bottom: 0; } a.header__close-menu { width: 32px; height: 32px; font-size: 16px; margin-left: -8px; margin-right: -8px; display: flex; align-items: center; justify-content: center; } .header__menu-top { height: 7.3rem; margin-bottom: 4rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 4rem; } .header__menuItem > a:not(.btn) { font-weight: 500; font-size: 15px; line-height: 20px; /* letter-spacing: -0.01em;*/ color: #181818; /* text-decoration: none;*/ white-space: nowrap; /* transition: all .3s; */ } /* .header .header__menuItem > a:not(.btn):hover,*/ .header .header__menuItem > a.active:not(.btn) { color: #05935B !important; } /*.header.active .header__menuItem > a:not(.btn):hover, .header.bg-white .header__menuItem > a:not(.btn):hover,*/ .header.active .header__menuItem > a.active:not(.btn), .header.bg-white .header__menuItem > a.active:not(.btn) { color: #078855 !important; } .bg-black1 a:not(.btn), .header .header__menuItem > a:not(.btn) { cursor: pointer; text-decoration: none; text-underline-offset: 6px; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; outline: none; } .bg-black1 a:not(.btn):hover, .header .header__menuItem > a:not(.btn):hover { /* color: #181818;*/ border-bottom: 1px solid; } .header__menuItem > a .icon-open { font-size: 10px; position: relative; } .header__menuItem > a .icon-open::before { /* transition: all .3s; */ } .header__menuItem > a.active .icon-open::before { transform: rotate(180deg); } .header__menuItem > a .icon-global { font-size: 16px; line-height: 100%; position: relative; top: 1px; } .header.active a.btn--black:not(:hover), .header.bg-white a.btn--black:not(:hover) { background-color: #181818; border-color: #181818; color: #FFFFFF; } .header__submenu { /* display: none; */ opacity: 0; visibility: hidden; transform: translateY(-1rem); transition: transform .35s ease; } .header__submenu.expanded { display: block; opacity: 1; visibility: visible; transform: translateY(0); } .header__submenu-eyebrow { font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #767676; } .header__submenu-col { grid-column: 1/ span 4; } .header__submenu-list ul { grid-column: 1/ span 4; } .header__submenu-list ul li { display: flex; column-gap: 1rem; } .header__submenu-list ul li:not(:first-child) { margin-top: 2rem; } /* .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li a { padding-bottom: .5rem; } .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child) { margin-top: 1.5rem; } */ .header__submenu-list ul li a { font-weight: 500; font-size: 20px; line-height: 20px; letter-spacing: -0.02em; color: #181818; border-bottom: 1px solid transparent; /* transition: all .3s; */ text-decoration: none; cursor: pointer; outline: none; transition: border-color .2s ease-out; display: inline-block; padding-bottom: .1rem; } .header__submenu-list ul li a:hover { /* color: #078855 !important;*/ color: #181818; /* border-bottom: 1px solid;*/ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .header__submenu-list ul li .header__submenu-item-text p { font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: -0.01em; color: #767676; margin: 4px 0 0; } .header__submenu-list.hasIcon ul li i { width: 2.6rem; height: 2.6rem; background-repeat: no-repeat; flex-shrink: 0; } .header__submenu-list + .header__submenu-cta { margin-top: 4rem; } .header__submenu-cta a, .header__submenu-cta > span { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #078855; text-decoration: none; border-bottom: 1px solid transparent; /* transition: all .3s; */ /* padding-bottom: .2rem; */ } .header__submenu-cta a:hover { color: #078855 !important; border-bottom-color: #078855; } @media (max-width: 1024px) { .header__buttons { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 4rem; } nav.header__menu-wrapper { width: 100%; height: 100%; background-color: #FFF; background-image: url(/content/dam/wbx/us/images/navigation/Gradient.png); background-repeat: no-repeat; background-position: top right; padding: 0; overflow-y: scroll; position: fixed; left: 0; top: 0; display: none; } nav.header__menu-wrapper.expanded { display: block; } .header__submenu-main.grid-padding { padding: 0; } .header__submenu { display: none; } ul.header__menu.header__menuFirst li.header__menuItem { border-top: 1px solid #181818; } ul.header__menu.header__menuFirst li.header__menuItem:last-child { border-bottom: 1px solid #181818; } ul.header__menu.header__menuFirst li.header__menuItem>a { display: block; font-weight: 400; font-size: 32px; line-height: 36px; letter-spacing: -0.04em; color: #181818; position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 2.6rem; margin-bottom: 2.6rem; } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open { width: 2rem; height: 2rem; } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::before, ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::after { content: ''; width: 2rem; height: 0.2rem; background-color: #181818; position: absolute; top: 50%; transform: translateY(-50%); } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::after { transform: translateY(-50%) rotate(90deg); } ul.header__menu.header__menuFirst li.header__menuItem>a.active .icon-open::after { content: none; } ul.header__menu.header__menuFirst li.header__menuItem .header__submenu { margin-top: 4rem; margin-bottom: 6rem; } ul.header__menu.header__menuSecond { margin-top: 6rem; } ul.header__menu.header__menuSecond li.header__menuItem:not(:first-child) { margin-top: 2rem; } .header__menuFirst .header__menuItem > a:not(.btn), .header__menuFirst .header__menuItem > a:not(.btn):hover { border-bottom: none; } .header__menuFirst .header__menuItem:not(.hasChildren) > a:not(.btn):hover { color: #078855; } /* .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li a { padding-bottom: .3rem; } .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child) { margin-top: 1.7rem; } */ } @media (max-width: 720px) { .header__menu-top { padding-top: 1.9rem !important; } ul.header__menu.header__menuFirst li.header__menuItem>a { margin-top: 1.2rem; margin-bottom: 1.2rem; } ul.header__menu.header__menuFirst li.header__menuItem>a.active { margin-top: 2.1rem; } .header__submenu-col:not(:first-child) { margin-top: 6rem; } .header__submenu-list { width: 80%; margin-top: 2rem; row-gap: 2rem; } ul.header__menu.header__menuSecond { margin-top: 5rem; } } @media (min-width: 721px) { .cmp-header .header { height: 9.6rem; } .header__menu-top { height: 9.6rem; } a.header__logo { width: 13.8rem; height: 3.8rem; } .header__submenu-list ul { column-gap: 2rem; } .header__submenu-eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 0.01em; } .header__submenu-list { margin-top: 3rem; } .header__grid-col-1to3 { grid-column: 1/ span 3 !important; } .header__grid-col-4to6 { grid-column: 4/ span 3 !important; } .header__grid-col-7to9 { grid-column: 7/ span 3 !important; } .header__grid-col-10to12 { grid-column: 10/ span 3 !important; } .header__grid-col-1to6 { grid-column: 1/ span 6 !important; } .header__grid-col-1to9 { grid-column: 1/ span 9 !important; } .header__grid-col-7to9 { grid-column: 7/ span 3 !important; } .header__grid-col-7to12 { grid-column: 7/ span 6 !important; } .header__grid-col-8to12 { grid-column: 8/ span 5 !important; } .header__grid-col-1to4 { grid-column: 1/ span 4 !important; } .header__grid-col-5to8 { grid-column: 5/ span 4 !important; } .header__grid-col-9to12 { grid-column: 9/ span 4 !important; } .header__grid-col-1to12 { grid-column: 1/ span 12 !important; } } @media (min-width: 1025px) { .header__wrapper { flex-wrap: nowrap; align-items: center; column-gap: 3rem; } nav.header__menu-wrapper.grid-padding { width: 100%; padding: 0; position: static; display: flex; flex-wrap: nowrap; justify-content: space-between; column-gap: 3rem; } ul.header__menu.grid-padding { padding: 0; display: flex; align-items: center; flex-wrap: nowrap; column-gap: 2rem; } .header__menuItem > a:not(.btn) { line-height: 1; color: #FFFFFF; /* padding-bottom: 2px; */ } .header .header__menuItem > a:not(.btn) { color: #FFFFFF; } .header.active .header__menuItem > a:not(.btn), .header.bg-white .header__menuItem > a:not(.btn) { color: #181818; } .header__menuItem-signUp { flex-shrink: 0; } .header__menuItem-signUp .btn { margin-left: 1rem; } .header__submenu { width: 100%; background: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 9.6rem; z-index: 5; } .header__submenu-main.grid-padding { padding-top: 4.3rem; padding-bottom: 5.4rem; } /*.header__submenu-list ul li { padding-right: 5.4rem; }*/ .header__submenu-list ul li a { font-size: 22px; } .header__submenu-list ul li .header__submenu-item-text p { font-size: 13px; line-height: 20px; letter-spacing: normal; } .header__submenu-bottom { background: #F2F2F2; } .header__submenu-bottom a:last-child{ margin-top: 1px; } } @media (min-width: 1025px) and (max-width: 1300px) { a.header__logo { width: 12.8rem; } .header__wrapper { column-gap: 2rem; } nav.header__menu-wrapper { column-gap: 2rem !important; } .header__menu { column-gap: 1.8rem !important; } .header__menuItem-signUp .btn { height: 5rem; padding-left: 1.4rem; padding-right: 1.4rem; margin-left: 0; } } @media (min-width: 1025px) and (max-width: 1239px) { a.header__logo { width: 11.8rem; } .header__menuItem-signUp .btn, .header__menuItem > a:not(.btn) { font-size: 14px; } } @media (min-width: 1025px) and (max-width: 1179px) { a.header__logo { width: 11rem; } .header__menu { column-gap: 1.4rem !important; } } @media (min-width: 1025px) and (max-width: 1119px) { .header__menuItem-signUp .btn { height: 4.5rem; font-size: 13px; padding-left: .8rem; padding-right: .8rem; } .header__menuItem > a:not(.btn) { font-size: 13px; } } @media (min-width: 1025px) and (max-width: 1069px) { .header__wrapper { column-gap: 1.5rem; } .header__menu { column-gap: 1.2rem !important; } } /* devices submenu start */ .header__submenu-list.hasThumbnail ul { column-gap: 2rem; } .header__submenu-list.hasThumbnail ul li { grid-column: 1/ span 4; margin: 0; padding: 0; } .header__submenu-list.hasThumbnail ul li a { text-decoration: none; border-bottom: none; display: flex; align-items: center; gap: 2rem; } .header__submenu-list.hasThumbnail ul li a img { width: 5.5rem; height: 5.5rem; object-fit: contain; } .header__submenu-list.hasThumbnail ul li a span { font-size: 14px; line-height: 12px; letter-spacing: -0.01em; color: #000000; /* transition: all .3s; */ border-bottom: 1px solid transparent; padding-bottom: .2rem; } .header__submenu-list.hasThumbnail ul li a:hover span { /* color: #078855 !important; */ border-bottom: 1px solid; border-bottom-color: initial; } .header__devices-card { display: flex; flex-direction: column; gap: 2rem; } .header__devices-card img { width: 100%;; border-radius: 1.5rem; background: linear-gradient(299.22deg, #F2F2F2 0%, rgba(242, 242, 242, 0.27) 98.18%); } .header__devices-card .header__devices-card-tag { font-weight: 400; font-size: 11px; line-height: 1; letter-spacing: -0.01em; color: #181818; border: .1rem solid #181818; border-radius: 2.5rem; display: inline-block; padding: .5rem 1rem; } .header__devices-card .header__devices-card-title { font-weight: 500; font-size: 20px; line-height: 150%; letter-spacing: -0.02em; color: #000000; margin-top: .6rem; } .header__devices-card p { font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #767676; margin-top: .6rem; margin-bottom: 2rem; } .header__promo-card { text-decoration: none; border: 1px solid #C4C4C4; border-radius: 3rem; padding: 2rem 2rem 4rem; display: flex; flex-direction: column; row-gap: 2rem; } .header__promo-card img { width: 100%; height: auto; background: #F5F2FA; border-radius: 15px; } .header__promo-card .header__promo-card-title { font-weight: 500; font-size: 20px; line-height: 22px; letter-spacing: -0.02em; color: #000000; } .header__promo-card:hover { text-decoration: none; } .header__promo-card:hover .header__submenu-cta > span { border-bottom: 1px solid #078855; width: max-content; } .header__promo-card p { font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #767676; margin-top: .6rem; margin-bottom: 2rem; } @media (max-width: 1024px) { .header__devices-card a, .header__promo-card a { font-size: 14px; } } @media (max-width: 720px) { .header__submenu-list.hasThumbnail { width: 100%; } .header__submenu-list.hasThumbnail ul li { /* margin-top: 2rem; padding-bottom: 2rem; */ border-bottom: 1px solid #C4C4C4; } .header__submenu-list.hasThumbnail ul li:first-child { margin-top: 0; } .header__submenu-list.hasThumbnail ul li a span { font-size: 22px; line-height: 28px; letter-spacing: -0.03em; color: #181818; } .header__submenu-list.hasThumbnail ul li a span.icon-open { font-size: 10px; line-height: .5; margin-left: -1.5rem; transform: rotate(-90deg); } .header__submenu-list.hasDeviceCard { width: 100%; } } @media (min-width: 721px) { .header__submenu-list.hasThumbnail ul li a { text-align: center; flex-direction: column; } .header__submenu-list.hasThumbnail ul li a img { width: auto; max-width: 100%; height: 9.6rem; } .header__submenu-list.hasThumbnail ul li a span.icon-open { display: none; } .header__submenu-list.hasThumbnail4 ul { gap: 1rem; } .header__submenu-list.hasThumbnail3 ul { gap: 2rem; } .header__submenu-list.hasThumbnail3 ul li { justify-content: center; } .header__submenu-list.hasThumbnail3 ul li a img { width: 13rem; height: auto; } .header__devices-card { flex-direction: row; align-items: flex-start; flex-wrap: nowrap; } .header__devices-card img { width: 50%; } } @media (min-width: 1025px) { .header__submenu-list.hasThumbnail4 ul { gap: 4.2rem; } .header__submenu-list.hasThumbnail4 ul li a img { height: 11.2rem; } .header__devices-card { gap: 3.5rem; } .header__devices-card .header__devices-card-title { font-size: 22px; } .header__devices-card p { font-size: 15px; line-height: 20px; } .header__promo-card .header__promo-card-title { font-size: 22px; line-height: 24px; } .header__promo-card p { font-size: 15px; line-height: 20px; } .header__promo-card-eyebrow{ padding: 11px 16px; border-radius: 50px; background: #DDF7D2; width: max-content; } } /* devices submenu end */ /* header navbar start */ .header__menu-bottom { margin-top: 4rem; } .header__navbar.grid-padding { height: auto; background: #F2F2F2; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; gap: 2rem; } .header__navbar > a:not(.btn) { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #181818; text-decoration: none; cursor: pointer; outline: none; /* transition: all .3s; */ display: flex; align-items: center; gap: .5rem; margin: 0; padding-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; } .header__navbar > a:not(.btn):hover { /* color: #078855 !important;*/ border-bottom: 1px solid; } .header__navbar > a:not(.btn) > span.icon-arrow { top: 1px; } .header__navbar > a.header__navbar-download, .header__navbar > a.header__navbar-download:hover { border-bottom: none; } .header__navbar > a.header__navbar-download > span { padding-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; } .header__navbar > a.header__navbar-download:hover > span { border-bottom: 1px solid; } .header__navbar .btn.btn--secondary--light { height: 4rem; padding: .6rem 2.2rem; } .header__navbar .btn--secondary--light .icon-download { color: inherit; background: transparent; } @media (min-width: 721px) { .header__navbar.grid-padding { height: 7.6rem; padding-top: 0; padding-bottom: 0; flex-direction: row; align-items: center; } } /* header navbar end */ /* header country start */ .header__menuItem.header__menuItem-country { position: relative; } .header__menuItem.header__menuItem-country > a { text-decoration: none !important; border-bottom: none !important; } .header__menuItem.header__menuItem-country > a:hover { color: #078855!important; } .header__submenu.header__country { width: 22.6rem; height: 30rem; background: #fff; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1); border-radius: 1rem; overflow: hidden; padding: 2rem; margin-bottom: 1.5rem; transition: all .5s; position: absolute; left: 0; bottom: 100%; top: unset; z-index: 99; display: none; flex-direction: column; } .header__submenu.header__country.expanded { display: flex; } .header__country-title, .header__country-list { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.01em; color: #181818; } .header__country-title { position: relative; margin-bottom: 2rem; } a.header__country-close { width: 1.4rem; height: 1.4rem; font-size: 8px; display: flex; align-items: center; justify-content: center; position: absolute; top: .3rem; right: -.6rem; } .header__country-list { overflow-y: scroll; } .header__country-list ul li:not(:first-child) { margin-top: 2rem; } .header__country-list ul li a { font-weight: 400; color: #767676; text-underline-offset: 4px; } .header__country-list ul li a:hover, .header__country-list ul li a.active { color: #078855 !important; } .header__country-list::-webkit-scrollbar { width: .3rem; } .header__country-list::-webkit-scrollbar-track { background: #C4C4C4; border-left: .1rem solid #ffffff; border-right: .1rem solid #ffffff; } .header__country-list::-webkit-scrollbar-thumb { border-radius: .3rem; background: #078855; } @media (min-width: 1025px) { .header__menu.header__menuSecond { position: relative; } .header__menuItem.header__menuItem-country { position: static; } .header__submenu.header__country { margin-bottom: 0; margin-top: 1rem; left: unset; bottom: unset; top: 100%; right: 0; } } /* header country end */ </style> <script> const wbxHeaderOverlay = $('.cmp-header .header__overlay'); const wbxHeader = $('.cmp-header .header'); const wbxheaderMenu = $('.header__menu-wrapper'); const menuItemHasChildren = $('.header__menuItem.hasChildren'); const wbxheaderSignUp = $('.header__menuItem-signUp > .btn'); $('.header__menuItem.hasChildren > a').on('click', function() { if(!$(this).hasClass('active')) { let isCountryCTA = $(this).siblings('.header__submenu').hasClass('header__country'); if(!isCountryCTA || isLargeSize) { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); } $(this).addClass('active').siblings('.header__submenu').addClass('expanded'); if(!wbxHeader.hasClass('active')) { openHeaderMenu(isCountryCTA); } } else { $(this).removeClass('active').siblings('.header__submenu').removeClass('expanded'); if(isLargeSize) { closeHeaderMenu(); } } }) $('a.header__open-menu').on('click', function() { openHeaderMenu(); }); $('a.header__close-menu').on('click', function() { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); closeHeaderMenu(); }); wbxHeaderOverlay.on('click', function() { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); closeHeaderMenu(); }); $('a.header__country-close').on('click', function() { $(this).parents('.header__submenu').siblings('a').click(); }); let isLargeSize = $(window).width() >= 1025; let scrollHeight = 0; $(window).resize(function () { swopHeaderMenu(); }); $(window).scroll(function () { if($('body').css('overflow-y') != 'hidden') { handleScrollHeader(); } }) function openHeaderMenu(isCountryCTA) { if(!isCountryCTA) { wbxHeaderOverlay.addClass('active'); $('body').css('overflow-y', 'hidden'); } wbxHeader.addClass('active'); wbxheaderMenu.addClass('expanded'); } function closeHeaderMenu() { wbxHeaderOverlay.removeClass('active'); wbxHeader.removeClass('active'); wbxheaderMenu.removeClass('expanded'); $('body').css('overflow-y', 'auto'); } function swopHeaderMenu() { isLargeSizeNew = $(window).width() >= 1025; if(wbxheaderMenu.hasClass('expanded') && menuItemHasChildren.find('a.active').length == 0) { if(!isLargeSize && isLargeSizeNew) { closeHeaderMenu(); } } isLargeSize = isLargeSizeNew; } function handleScrollHeader() { let scrollHeightNew = window.pageYOffset; if(scrollHeightNew > wbxHeader.height()) { if (!wbxHeader.hasClass('bg-black') && !wbxHeader.hasClass('bg-white')) { wbxHeader.removeClass('bg-white').addClass('bg-black'); } if (scrollHeightNew > scrollHeight && !wbxHeader.hasClass('scroll-down')) { wbxHeader.addClass('scroll-down'); if($('.header__submenu.header__country').hasClass('expanded')) { $('a.header__country-close').click(); } } else if (scrollHeightNew < scrollHeight && wbxHeader.hasClass('scroll-down')) { wbxHeader.removeClass('scroll-down'); } } else { wbxHeader.removeClass('scroll-down bg-black bg-white'); } scrollHeight = scrollHeightNew; } $(document).ready(function() { if (!!window.IntersectionObserver) { if(!!$('.cmp-container > div')) { const componentsList = Array.from($('.cmp-container > div')); let navObserver = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { // console.log(entry) if (entry.isIntersecting) { let $bgBlackItem = $(entry.target).find('.bg-black'); // console.log($bgBlackItem); if($bgBlackItem.length != 0 && ($(window).width() - $bgBlackItem.innerWidth() < 15)) { console.log('if ') if($bgBlackItem.offset().top < 10) { wbxHeader.removeClass('bg-black bg-white'); } else { wbxHeader.removeClass('bg-black').addClass('bg-white'); } } else { console.log('else ') wbxHeader.removeClass('bg-white').addClass('bg-black'); } } }); }, { rootMargin: "0px 0px -100% 0px", }, ); componentsList.forEach((module) => { navObserver.observe(module) }); } if(!!$('.wx-wrapper.page-wrapper > section')) { const componentsList2 = Array.from($('.wx-wrapper.page-wrapper > section')); let navObserver2 = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting) { let $bgBlackItem = $(entry.target); // $(window).width() - $bgBlackItem.innerWidth() < 15 if ($bgBlackItem.hasClass('bg-black')) { if($bgBlackItem.offset().top < 10) { wbxHeader.removeClass('bg-black bg-white'); } else { wbxHeader.removeClass('bg-black').addClass('bg-white'); } } else { wbxHeader.removeClass('bg-white').addClass('bg-black'); } } }); }, { rootMargin: "0px 0px -100% 0px", }, ); componentsList2.forEach((module) => { navObserver2.observe(module) }); } } }) </script> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/>  <style> .wx-wrapper .container { max-width: 100%; } .wx-wrapper.page-wrapper { padding-top: 0 !important; margin-top: 7.3rem !important; } @media (min-width: 721px) { .wx-wrapper.page-wrapper { margin-top: 9.6rem !important; } } .layout-container + .wx-wrapper.page-wrapper, .wx-wrapper.page-wrapper + .wx-wrapper.page-wrapper, .wx-wrapper.page-wrapper.popupForm-wrapper { margin-top: 0 !important; } .wx-wrapper.page-wrapper .btn .icon-arrow { position: static; } .wx-wrapper.page-wrapper .btn .icon-play:before, .wx-wrapper.page-wrapper .btn .icon-download:before { position: static; transform: none; } /* fix floatie issues */ #forFloatBanner { width: 100%; position: fixed; top: 9.6rem; z-index: 5; transition: all .5s; } #forFloatBanner.scroll-down { transform: translateY(-100%); top: 0; } @media (max-width: 720px) { #forFloatBanner { top: 7.3rem; } } @media (max-width: 1024px) { #floatBanner .hidden-sm { display:none } } @media (min-width: 1025px) { #floatBanner .hidden-lg { display:none } } /* fix form issues */ .elq-form { font-size: 16px; } .elq-form .checkbox-wrapper { align-items: flex-start; } .elq-form .mt1 { margin-top: 16px; } .close-cross { z-index: 1; } /* fix dg & gp issues */ .ctaheader, .ctaHeader, #wbx-header-new, .navigationC-wrapper { top: 0; } .card-wrapper .card-main * { text-align: left; } .dgBody .cmp-header, .dgBody .cmp-secondary-promo, .dgBody .cmp-global-footer .global-footer__menu { display: none !important; } .dgBody .cmp-global-footer .global-footer__postFooter { margin-top: 0 !important; } </style> <script> let mainEle; $(document).ready(function () { if($('#mainnav').length != 0 || $('#mainNav').length != 0) { $('.wbx-header, .wbx-footer').addClass('dgBody'); } setTimeout(function() { if($('body > img[src*="https://insight.adsrvr.org/track/pxl/"]').length != 0) { $('body > img[src*="https://insight.adsrvr.org/track/pxl/"]').css('position', 'absolute'); } }, 500); if($('.hero--video.layout-container').length != 0) { mainEle = $('.hero--video.layout-container'); } else if ($('.wx-wrapper.page-wrapper').length != 0) { mainEle = $('.wx-wrapper.page-wrapper').first(); } if ($('#forFloatBanner').length != 0) { $('#floatBanner a.f-b-link').hover().css('color', $('#floatBanner a.f-b-link').hover().css('color')); $('#floatBanner a.f-b-link').css('text-decoration', $('#floatBanner a.f-b-link').css('text-decoration')); $('#floatBanner').show(); handleFloatieTop(); } $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); handleFloatieTop(); }) }); let resizeTimerF; $(window).resize(function () { if ($('#forFloatBanner').length != 0) { clearTimeout(resizeTimerF); resizeTimerF = setTimeout(function () { handleFloatieTop(); }, 250); } }) let scrollHeightF = 0; $(window).scroll(function () { if ($('#forFloatBanner').length != 0 && $('.wx-wrapper.page-wrapper').length != 0 && $('#mainnav').length == 0 && $('#mainNav').length == 0) { handleFloatieScroll(); } }) function handleFloatieTop() { let headerHeight = $('#mainnav').height() || $('#mainNav').height() || $('#header').height(); if($('#floatBanner').length != 0) { headerHeight += $('#forFloatBanner').height() - 1; mainEle.css('cssText', 'margin-top: ' + headerHeight + 'px !important'); } else { mainEle.css('cssText', 'margin-top: 0'); } } function handleFloatieScroll() { let scrollHeightNew = window.pageYOffset; let headerHeight = $('#header').height();// + ($('#forFloatBanner').height() || 0); if (scrollHeightNew > headerHeight) { if (scrollHeightNew > scrollHeightF && !$('#forFloatBanner').hasClass('scroll-down')) { $('#forFloatBanner').addClass('scroll-down'); } else if (scrollHeightNew < scrollHeightF && $('#forFloatBanner').hasClass('scroll-down')) { $('#forFloatBanner').removeClass('scroll-down'); } } else { $('#forFloatBanner').removeClass('scroll-down'); } scrollHeightF = scrollHeightNew; } </script>   <style> a.js-tab-focus, button.js-tab-focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } </style> <script> let _tab_action = false; let _tab_active_class = "js-tab-focus"; $(document).on('keydown', function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document).on('focusin', function (e) { if (!_tab_action) { return false; } $('.' + _tab_active_class).removeClass(_tab_active_class); _tab_action = false; $(e.target).addClass('js-tab-focus'); }).on('focusout', function () { $('.' + _tab_active_class).removeClass(_tab_active_class); }); </script>  <script> // this need add into template as base js file /*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Klaus Hartl * Released under the MIT license */ (function (factory) { if (typeof define === "function" && define.amd) { // AMD define(["jquery"], factory); } else if (typeof exports === "object") { // CommonJS factory(require("jquery")); } else { // Browser globals factory(jQuery); } })(function ($) { var pluses = /\+/g; function encode(s) { return config.raw ? s : encodeURIComponent(s); } function decode(s) { return config.raw ? s : decodeURIComponent(s); } function stringifyCookieValue(value) { return encode(config.json ? JSON.stringify(value) : String(value)); } function parseCookieValue(s) { if (s.indexOf('"') === 0) { // This is a quoted cookie as according to RFC2068, unescape... s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, "\\"); } try { // Replace server-side written pluses with spaces. // If we can't decode the cookie, ignore it, it's unusable. // If we can't parse the cookie, ignore it, it's unusable. s = decodeURIComponent(s.replace(pluses, " ")); return config.json ? JSON.parse(s) : s; } catch (e) {} } function read(s, converter) { var value = config.raw ? s : parseCookieValue(s); return $.isFunction(converter) ? converter(value) : value; } var config = ($.cookie = function (key, value, options) { // Write if (value !== undefined && !$.isFunction(value)) { options = $.extend({}, config.defaults, options); if (typeof options.expires === "number") { var days = options.expires, t = (options.expires = new Date()); t.setTime(+t + days * 864e5); } return (document.cookie = [ encode(key), "=", stringifyCookieValue(value), options.expires ? "; expires=" + options.expires.toUTCString() : "", // use expires attribute, max-age is not supported by IE options.path ? "; path=" + options.path : "", options.domain ? "; domain=" + options.domain : "", options.secure ? "; secure" : "", ].join("")); } // Read var result = key ? undefined : {}; // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling $.cookie(). var cookies = document.cookie ? document.cookie.split("; ") : []; for (var i = 0, l = cookies.length; i < l; i++) { var parts = cookies[i].split("="); var name = decode(parts.shift()); var cookie = parts.join("="); if (key && key === name) { // If second argument (value) is a function it's a converter... result = read(cookie, value); break; } // Prevent storing a cookie that we couldn't decode. if (!key && (cookie = read(cookie)) !== undefined) { result[name] = cookie; } } return result; }); config.defaults = {}; $.removeCookie = function (key, options) { if ($.cookie(key) === undefined) { return false; } // Must not alter options, thus extending a fresh object... $.cookie(key, "", $.extend({}, options, { expires: -1 })); return !$.cookie(key); }; }); </script> <script> if (!$.cookie("origin_web")) { $.cookie("origin_web", "webex.com", { path: "/", domain: ".webex.com", expires: 30, }); } var DEF_locale = "US", DEF_lang = "en", DEF_currency = "USD"; var user_currency = DEF_currency; var locale_currency_lang = new Array(); locale_currency_lang[0] = ["US", "USD", "en", "en_US", "USA"]; locale_currency_lang[1] = ["GB", "GBP", "en", "en_US", "United Kingdom"]; locale_currency_lang[2] = ["IE", "EUR", "en", "en_US", "Ireland"]; locale_currency_lang[3] = ["NL", "EUR", "en", "en_US", "Netherlands"]; locale_currency_lang[4] = ["BE", "EUR", "en", "en_US", "Belgium"]; locale_currency_lang[5] = ["AT", "EUR", "en", "en_US", "Austria"]; locale_currency_lang[6] = ["PL", "EUR", "en", "en_US", "Poland"]; locale_currency_lang[7] = ["SE", "EUR", "en", "en_US", "Sweden"]; locale_currency_lang[8] = ["DK", "EUR", "en", "en_US", "Denmark"]; locale_currency_lang[9] = ["NO", "EUR", "en", "en_US", "Norway"]; locale_currency_lang[10] = ["CH", "EUR", "de", "de_DE", "Switzerland"]; locale_currency_lang[11] = ["DE", "EUR", "de", "de_DE", "Germany"]; locale_currency_lang[12] = ["FR", "EUR", "fr", "fr_FR", "France"]; locale_currency_lang[13] = ["ZA", "USD", "en", "en_IE", "South Africa"]; locale_currency_lang[14] = ["IL", "USD", "en", "en_IE", "Israel"]; locale_currency_lang[15] = ["RO", "EUR", "en", "en_IE", "Romania"]; locale_currency_lang[16] = ["CZ", "EUR", "en", "en_IE", "Czech Republic"]; locale_currency_lang[17] = ["FI", "EUR", "en", "en_IE", "Finland"]; locale_currency_lang[18] = ["HU", "EUR", "en", "en_IE", "Hungary"]; locale_currency_lang[19] = ["BG", "EUR", "en", "en_IE", "Bulgaria"]; locale_currency_lang[20] = ["SK", "EUR", "en", "en_IE", "Slovakia"]; locale_currency_lang[21] = ["JP", "JPY", "ja", "ja_JP", "Japan"]; locale_currency_lang[22] = ["SG", "USD", "en", "en_SG", "Singapore"]; locale_currency_lang[23] = ["NZ", "USD", "en", "en_IE", "New Zealand"]; locale_currency_lang[24] = ["VN", "USD", "en", "en_SG", "Vietnam"]; locale_currency_lang[25] = ["AE", "USD", "en", "en_SG", "UAE"]; locale_currency_lang[26] = ["MY", "USD", "en", "en_SG", "Malaysia"]; locale_currency_lang[27] = ["TH", "USD", "en", "en_SG", "Thailand"]; locale_currency_lang[28] = ["IT", "EUR", "en", "en_IE", "Italy"]; locale_currency_lang[29] = ["ES", "EUR", "es", "es_ES", "Spain"]; locale_currency_lang[30] = ["PT", "EUR", "en", "en_IE", "Portugal"]; locale_currency_lang[31] = ["LU", "EUR", "fr", "fr_FR", "Luxembourg"]; locale_currency_lang[32] = ["GR", "EUR", "en", "en_IE", "Greece"]; locale_currency_lang[33] = ["CY", "EUR", "en", "en_IE", "Cyprus"]; locale_currency_lang[34] = ["UA", "EUR", "en", "en_SG", "Ukraine"]; locale_currency_lang[35] = ["SI", "EUR", "en", "en_IE", "Slovenia"]; locale_currency_lang[36] = ["HR", "EUR", "en", "en_IE", "Croatia"]; locale_currency_lang[37] = ["GI", "GBP", "en", "en_IE", "Gibraltar"]; locale_currency_lang[38] = ["MT", "EUR", "en", "en_IE", "Malta"]; locale_currency_lang[39] = ["LV", "EUR", "en", "en_IE", "Latvia"]; locale_currency_lang[40] = ["EE", "EUR", "en", "en_IE", "Estonia"]; locale_currency_lang[41] = ["LT", "EUR", "en", "en_IE", "Lithuania"]; locale_currency_lang[42] = ["CA", "CAD", "en", "en_CA", "Canada"]; locale_currency_lang[43] = ["CAF", "CAD", "fr", "fr_CA", "Canada"]; locale_currency_lang[44] = ["AU", "AUD", "en", "en_SG", "Australia"]; locale_currency_lang[45] = ["HK", "USD", "en", "en_SG", "Hong Kong"]; locale_currency_lang[46] = ["TW", "USD", "en", "en_SG", "Taiwan"]; locale_currency_lang[47] = ["KR", "USD", "en", "en_SG", "Korea (South)"]; locale_currency_lang[48] = ["IS", "EUR", "en", "en_IE", "Iceland"]; locale_currency_lang[49] = ["CO", "USD", "es", "es_ES", "Colombia"]; locale_currency_lang[50] = ["PE", "USD", "es", "es_ES", "Peru"]; locale_currency_lang[51] = ["BR", "USD", "en", "en_IE", "Brazil"]; locale_currency_lang[52] = ["AR", "USD", "es", "es_ES", "Argentina"]; locale_currency_lang[53] = ["CL", "USD", "es", "es_ES", "Chile"]; locale_currency_lang[54] = ["EC", "USD", "es", "es_ES", "Ecuador"]; locale_currency_lang[55] = ["PR", "USD", "es", "es_ES", "Puerto Rico"]; locale_currency_lang[56] = ["CR", "USD", "es", "es_ES", "Costa Rica"]; locale_currency_lang[57] = ["DO", "USD", "es", "es_ES", "Dominican Republic"]; locale_currency_lang[58] = ["PA", "USD", "es", "es_ES", "Panama"]; locale_currency_lang[59] = ["TN", "USD", "en", "en_IE", "Tunisia"]; locale_currency_lang[60] = ["LI", "EUR", "de", "de_DE", "Liechtenstein"]; locale_currency_lang[61] = ["MC", "EUR", "fr", "fr_FR", "Monaco"]; locale_currency_lang[62] = ["MX", "USD", "es", "es_ES", "Mexico"]; var USList = ["US", "ZA", "SG", "IL", "VN", "AE", "MY", "TH", "TN"]; var UKList = [ "GB", "IE", "NL", "BE", "AT", "PL", "SE", "DK", "NO", "RO", "CZ", "FI", "HU", "BG", "SK", "PT", "GR", "CY", "UA", "SI", "HR", "GI", "MT", "LV", "EE", "LT", "IS", ]; var AUList = ["AU", "NZ"]; var allEnList = USList.concat(UKList).concat(AUList).concat(["CA", "IN"]); var FRList = ["FR", "LU", "MC"]; var DEList = ["DE", "CH", "LI"]; var ZHList = ["TW", "MO", "HK"]; var MXList = ["CO", "PE", "AR", "CL", "EC", "PR", "CR", "DO", "PA", "MX"]; function get_lang(locale) { if (locale == "JP") { return "ja"; } else if (locale == "IT") { return "it"; } else if (locale == "KR") { return "ko"; } else if (locale == "BR") { return "pt"; // } else if (locale == 'UA') { // return 'uk'; // } } else if ($.inArray(locale, DEList) != -1) { return "de"; } else if ($.inArray(locale, FRList) != -1 || locale == "CAF") { return "fr"; } else if ($.inArray(locale, MXList) != -1 || locale == "ES") { return "es"; } else if ($.inArray(locale, ZHList) != -1) { return "zh-tw"; } else if ($.inArray(locale, allEnList) != -1) { return "en"; } //get browser setting language by navigator object var browser_lang = ( navigator.language || navigator.browserLanguage ).toLowerCase(); if (browser_lang.indexOf("zh") != -1) { if (browser_lang.indexOf("-") != -1) { var param = browser_lang.split("-"); if (param[1].toLowerCase() == "cn") { return "cn"; } else { return "n-cn"; } } else { return "cn"; } } else { return browser_lang.slice(0, 2); } } function change_currency(local) { if (local == undefined) { return; } var len_locale = locale_currency_lang.length; for (var i = 0; i < len_locale; i++) { if (locale_currency_lang[i][0] == local) { user_currency = locale_currency_lang[i][1]; break; } } $.cookie("user_currency", user_currency, { path: "/", expires: 30 }); } var headerLocale = "", headerIP = ""; function init_cookie_lang_locale() { var req = new XMLHttpRequest(); req.open("HEAD", document.location, true); req.onreadystatechange = function () { headerLocale = DEF_locale; if (req.readyState == 4) { var headerInfo = req.getResponseHeader("x-wbx-about"); if (headerInfo != null && headerInfo != "") { var headerInfoSplit = headerInfo.split(","); headerLocale = headerInfoSplit[0]; headerIP = headerInfoSplit[1].trim(); } $.cookie("head_locale", headerLocale, { path: "/", expires: 30 }); if ( document.cookie.indexOf("user_locale") === -1 || $.cookie("user_locale") == "" ) { $.cookie("user_locale", headerLocale, { path: "/", expires: 30 }); var bLang = DEF_lang == "fr" ? "fr" : (navigator.language || navigator.browserLanguage) .toLowerCase() .slice(0, 2); var hLang = headerLocale == "CA" && bLang == "fr" ? "fr" : get_lang(headerLocale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(headerLocale); } else { var u_locale = $.cookie("user_locale"); var hLang = u_locale == "CA" && $.cookie("user_lang") == "fr" ? "fr" : get_lang(u_locale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(u_locale); } } }; req.send(null); } init_cookie_lang_locale(); </script> </div> </div> </div> <div class="wbx-content"> <div class="raw-html section">  <div id="forFloatBanner" class="bg-black"> <style> .header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; } #floatBanner { width: 87vw; height: 84.5px; background: #212121; border-radius: 30px; margin: 0 auto; position: relative; display: none; } .f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s; position: absolute; right: 36px; top: 30px; z-index: 1; } .f-b-close:hover { transform: scale(1.18); } .f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px; display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; } .f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .f-b-body { /*height: 100%;*/ display: flex; align-items: center; padding-right: 70px; } .f-b-img { width: 202px; border-radius: 30px 0 0 30px; margin-left: -2px; max-width: 170px; height: auto; } .f-b-title { font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 300; margin-left: 40px; } .f-b-title br { display: none; } /* a.f-b-link { color: inherit; font-weight: 400; text-decoration: underline; } a.f-b-link:hover { text-decoration: none; } */ a.f-b-link { color: #078855; font-weight: 400; border-bottom: 1px solid transparent; } a.f-b-link:hover { border-bottom: 1px solid #078855; } a.f-b-link span.icon-arrow { position: relative; top: 2px; } a.f-b-btn { height: 40px; line-height: 40px; font-weight: 400; color: #191919; background: #FFF; border-radius: 50px; transition: all .6s cubic-bezier(.19, 1, .22, 1); display: inline-block; margin-left: 10px; padding: 0 18px; } a.f-b-btn:hover { background: #078855; color: #fff; } @media (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); } } @media (max-width: 2499px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { margin-top: -4vw; } } @media (max-width: 1745px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; } } @media (max-width: 1024px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(0vw + 0px)!important; } #floatBanner { width: 90vw; height: auto; border-radius: 20px; } .f-b-close { right: 20px; top: 20px; } .f-b-body { display: block; padding: 20px 50px 18px 20px; } .f-b-img { width: 120px; border-radius: 10px; margin-bottom: 10px; } .f-b-title { font-size: 12px; line-height: 16px; margin: 0; } .f-b-title br { display: block; } /* a.f-b-link { display: inline-block; } */ a.f-b-link { display: inline-block; } a.f-b-btn { margin: 0 0 6px 0; } } </style> <div id="floatBanner"> <a class="f-b-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div class="f-b-body"> <img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/forrester-floatie-new-oct-v2.jpg"/> <div class="f-b-title">Forrester’s recent study The Total Economic Impact™ of Webex Suite unveils 204% ROI.<br><br> <a href="https://www.webex.com/gp/forrester-tei-webex-suite.html" class="f-b-link" data-click-id="global-nav_blue-banner-CTA">Read more now <span class="icon-arrow"></span></a> </div> </div> </div> <script> $(document).ready(function () { $('.header_header__12jgZ').append($('#forFloatBanner')); $('.wx-wrapper.page-wrapper').addClass('withFloatBanner'); $('#floatBanner').show(); $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); $('.wx-wrapper.page-wrapper').removeClass('withFloatBanner'); }) }) </script> </div>  <style> .wx-wrapper.page-wrapper a:hover, .wx-wrapper.page-wrapper a:focus { box-shadow: none !important; } </style> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css"/>  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <section class="wx-wrapper page-wrapper">  <section class="calling-hero_module__1Ykwb bg-black color-white"> <style> .calling-hero_module__1Ykwb .calling-hero_title { margin-bottom: 20px; } /* Hero tile hover issue fixed */ .calling-hero_sliderCard__kdC5O:hover { cursor: auto; } .calling-hero_sliderCard__kdC5O:hover.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a span:first-child, .calling-hero_sliderCard__kdC5O:hover.bg-black .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a span:first-child { border-bottom-color: transparent; } .calling-hero_sliderCard__kdC5O:hover.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ [class^=icon-], .calling-hero_sliderCard__kdC5O:hover.bg-black .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ [class^=icon-] { background-color: #fff; color: #078855; } .calling-hero_sliderCard__kdC5O.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover span:first-child, .calling-hero_sliderCard__kdC5O.bg-black .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover span:first-child { border-bottom-color: #fff; } .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a [class^=icon-], .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover [class^=icon-] { border: none !important; } .calling-hero_sliderCard__kdC5O.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover [class^=icon-] { background: #191919; color: #fff; } .calling-hero_sliderCard__kdC5O.bg-black .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover [class^=icon-] { background: #078855; color: #fff; } /* Hero tile hover issue fixed end */ @media(max-width:1024px) { .mbimgsp { margin-bottom: 5vw; } } @media(min-width:1025px) { .webex-suite_descriptionBox__2kdVn { margin-top: 20px; } .calling-hero_buttonWrap__3Wufa{ margin-top:40px; margin-bottom: 80px; } .calling-hero_module__1Ykwb{ padding-bottom:120px; } } /* .calling-hero_buttonWrap__3Wufa:first-child .calling-hero_btn__3tHA8{ background: #05935b!important; color: #181818!important; } */ .calling-hero_buttonWrap__3Wufa .calling-hero_btn__3tHA8:hover{ background: #fff!important; color: #191919!important; } .calling-hero_sliderCard__kdC5O:first-child{ background-color: #078855!important; } .calling-hero_cardButton__1vWxL:first-child .btn.btn-round-icon--large [class^=icon-]{ color: #181818!important; } .wx-wrapper .calling-hero_sliderCard__kdC5O.bg-salem .btn.btn-round-icon--large [class^=icon-]{ color: #181818!important; } .calling-hero_sliderCard__kdC5O.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover [class^=icon-]{ color: #fff!important; } .calling-hero_sliderCard__kdC5O.bg-white .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover [class^=icon-]{ background-color: #078855!important; color: #fff!important; } .calling-hero_module__1Ykwb .calling-hero_buttonWrap__3Wufa .btn.btn-primary{ background:#05935B; } @media (max-width: 1024px) { .wx-wrapper.page-wrapper { padding-top: 19.1999999999vw; } } @media (max-width: 720px) { .btn .icon-download:before{ padding-left: 0!important; } } .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ .btn.btn-round-icon--large [class^=icon-] { flex-shrink: 0; } .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ .btn.btn-round-icon--large span:not([class^=icon-]) { line-height: 1.2; text-align: left; } .calling-hero_sliderCard__kdC5O.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a span:first-child, .calling-hero_sliderCard__kdC5O.bg-black .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a span:first-child { border-bottom: none !important; text-underline-offset: 4px; } .calling-hero_sliderCard__kdC5O.bg-salem .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover span:first-child, .calling-hero_sliderCard__kdC5O.bg-black .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover span:first-child { text-decoration: underline; } </style> <div class="container undefined"> <div class="grid"> <div class="col col-9 col-sm"> <div class="h5 fw-regular calling-hero_title">Webex Suite</div> <h1 class="h2 " role="heading" aria-level="2">All-in-one, AI-powered collaboration.</h1> <div class="webex-suite_descriptionBox__2kdVn"> Connect, collaborate, and engage in one place. Eight powerful workflows elevate teamwork and maximize productivity, for every workstyle. </div> <div class="calling-hero_buttonWrap__3Wufa"> <a href="https://pricing.webex.com/us/en/hybrid-work/suite/" class="calling-hero_btn__3tHA8 btn btn-primary ">Plans & Pricing <span class="icon-arrow"></span> </a>  <a href="javascript:;" data-video-id="6349338497112" class="btn btn-round-icon btn-secondary-light playVideo">Watch Video <span class="icon-play"></span></a> </div> </div> <div class="col col-9 col-sm mbimgsp"><img src="/content/dam/www/us/en/images/products/suite/collaboration-suite/webex-suite-hero-latest.jpg" class="br-30 img100p calling-hero_stickyImage__1Nq0B" alt="Users managing work in Webex"></div> <div class="col col-undefined col-sm"> <div class="calling-hero_sliderCard__kdC5O calling-hero_sliderCardFull__3Ygoy color-white bg-salem calling-hero_medium_card__3RsvF"> <span class="calling-hero_cardIcon__1MpxB"><i class="icon-document"></i></span> <p class="h6 fw-regular">The Total Economic Impact™ of Webex Suite unveils 204% ROI.</p>  <div class="calling-hero_cardButton__1vWxL"> <div class="calling-hero_buttons__1OXs_"><a class="btn btn-round-icon btn-round-icon--large" href="https://www.webex.com/gp/forrester-tei-webex-suite.html" target="_blank"><span>Read the Forrester Study</span> <span class="icon-download"></span></a></div> </div> </div> <style> .calling-hero_sliderCard__kdC5O.bg-white .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a span:first-child { color: #191919; } .calling-hero_sliderCard__kdC5O.bg-white .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a [class^=icon-] { background-color: #191919; color: #FFFFFF; } .calling-hero_sliderCard__kdC5O.bg-white .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover span:first-child { border-bottom-color: #191919; } .calling-hero_sliderCard__kdC5O.bg-white .calling-hero_cardButton__1vWxL .calling-hero_buttons__1OXs_ a:hover [class^=icon-] { background: #181818; color: #FFFFFF; } </style> <div class="calling-hero_sliderCard__kdC5O calling-hero_sliderCardFull__3Ygoy bg-white color-black calling-hero_small_card__2db2j"> <span class="calling-hero_cardIcon__1MpxB"><i class="icon-document"></i></span> <p class="h6 fw-regular">Webex vs. Teams vs. Zoom: A comprehensive head-to-head comparison.</p>  <div class="calling-hero_cardButton__1vWxL"> <div class="calling-hero_buttons__1OXs_"><a class="btn btn-round-icon btn-round-icon--large" href="https://www.webex.com/gp/ZK-research-webex-vs-microsoft-teams-vs-zoom.html" target="_blank"><span>Read the Report</span> <span class="icon-download"></span></a> </div> </div> </div> </div> </div> </div> </section> <script> class VideoFrame { constructor(options) { this.obj = options || {}; this.frameRate = this.obj.frameRate || this.FrameRates.web; this.video = document.getElementById(this.obj.id) || document.getElementsByTagName("video")[0]; } FrameRates = { film: 24, NTSC: 29.97, NTSC_Film: 23.98, NTSC_HD: 59.94, PAL: 25, PAL_HD: 50, web: 30, high: 60, }; /** * Returns the current frame number * * @return {Number} - Frame number in video */ get = () => { return Math.floor(this.video.currentTime.toFixed(5) * this.frameRate); }; /** * Event listener for handling callback execution at double the current frame rate interval * * @param {String} format - Accepted formats are: SMPTE, time, frame * @param {Number} tick - Number to set the interval by. * @return {Number} Returns a value at a set interval */ listen = (format, tick) => { var _video = this; if (!format) { console.log( "VideoFrame: Error - The listen method requires the format parameter." ); return; } this.interval = setInterval( function () { if (_video.video.paused || _video.video.ended) { return; } var frame = format === "SMPTE" ? _video.toSMPTE() : format === "time" ? _video.toTime() : _video.get(); if (_video.obj.callback) { _video.obj.callback(frame, format); } return frame; }, tick ? tick : 1000 / _video.frameRate / 2 ); }; /** Clears the current interval */ stopListen = () => { var _video = this; clearInterval(_video.interval); }; /** * Returns the current time code in the video in HH:MM:SS format * - used internally for conversion to SMPTE format. * * @param {Number} frames - The current time in the video * @return {String} Returns the time code in the video */ toTime = (frames) => { var time = typeof frames !== "number" ? this.video.currentTime : frames, frameRate = this.frameRate; var dt = new Date(), format = "hh:mm:ss" + (typeof frames === "number" ? ":ff" : ""); dt.setHours(0); dt.setMinutes(0); dt.setSeconds(0); dt.setMilliseconds(time * 1000); function wrap(n) { return n < 10 ? "0" + n : n; } return format.replace(/hh|mm|ss|ff/g, function (format) { switch (format) { case "hh": return wrap(dt.getHours() < 13 ? dt.getHours() : dt.getHours() - 12); case "mm": return wrap(dt.getMinutes()); case "ss": return wrap(dt.getSeconds()); case "ff": return wrap(Math.floor((time % 1) * frameRate)); } }); }; /** * Returns the current SMPTE Time code in the video. * - Can be used as a conversion utility. * * @param {Number} frame - OPTIONAL: Frame number for conversion to it's equivalent SMPTE Time code. * @return {String} Returns a SMPTE Time code in HH:MM:SS:FF format */ toSMPTE = (frame) => { if (!frame) { return this.toTime(this.video.currentTime); } var frameNumber = Number(frame); var fps = this.frameRate; function wrap(n) { return n < 10 ? "0" + n : n; } var _hour = fps * 60 * 60, _minute = fps * 60; var _hours = (frameNumber / _hour).toFixed(0); var _minutes = Number((frameNumber / _minute).toString().split(".")[0]) % 60; var _seconds = Number((frameNumber / fps).toString().split(".")[0]) % 60; var SMPTE = wrap(_hours) + ":" + wrap(_minutes) + ":" + wrap(_seconds) + ":" + wrap(frameNumber % fps); return SMPTE; }; /** * Converts a SMPTE Time code to Seconds * * @param {String} SMPTE - a SMPTE time code in HH:MM:SS:FF format * @return {Number} Returns the Second count of a SMPTE Time code */ toSeconds = (SMPTE) => { if (!SMPTE) { return Math.floor(this.video.currentTime); } var time = SMPTE.split(":"); return Number(time[0]) * 60 * 60 + Number(time[1]) * 60 + Number(time[2]); }; /** * Converts a SMPTE Time code, or standard time code to Milliseconds * * @param {String} SMPTE OPTIONAL: a SMPTE time code in HH:MM:SS:FF format, * or standard time code in HH:MM:SS format. * @return {Number} Returns the Millisecond count of a SMPTE Time code */ toMilliseconds = (SMPTE) => { var frames = !SMPTE ? Number(this.toSMPTE().split(":")[3]) : Number(SMPTE.split(":")[3]); var milliseconds = (1000 / this.frameRate) * (isNaN(frames) ? 0 : frames); return Math.floor(this.toSeconds(SMPTE) * 1000 + milliseconds); }; /** * Converts a SMPTE Time code to it's equivalent frame number * * @param {String} SMPTE - OPTIONAL: a SMPTE time code in HH:MM:SS:FF format * @return {Number} Returns the long running video frame number */ toFrames = (SMPTE) => { var time = !SMPTE ? this.toSMPTE().split(":") : SMPTE.split(":"); var frameRate = this.frameRate; var hh = Number(time[0]) * 60 * 60 * frameRate; var mm = Number(time[1]) * 60 * frameRate; var ss = Number(time[2]) * frameRate; var ff = Number(time[3]); return Math.floor(hh + mm + ss + ff); }; /** * Private - seek method used internally for the seeking functionality. * * @param {String} direction - Accepted Values are: forward, backward * @param {Number} frames - Number of frames to seek by. */ __seek = (direction, frames) => { if (!this.video.paused) { this.video.pause(); } var frame = Number(this.get()); /** To seek forward in the video, we must add 0.00001 to the video runtime for proper interactivity */ this.video.currentTime = (direction === "backward" ? frame - frames : frame + frames) / this.frameRate + 0.00001; }; /** * Seeks forward [X] amount of frames in the video. * * @param {Number} frames - Number of frames to seek by. * @param {Function} callback - Callback function to execute once seeking is complete. */ seekForward = (frames, callback) => { if (!frames) { frames = 1; } this.__seek("forward", Number(frames)); return callback ? callback() : true; }; /** * Seeks backward [X] amount of frames in the video. * * @param {Number} frames - Number of frames to seek by. * @param {Function} callback - Callback function to execute once seeking is complete. */ seekBackward = (frames, callback) => { if (!frames) { frames = 1; } this.__seek("backward", Number(frames)); return callback ? callback() : true; }; /** * For seeking to a certain SMPTE time code, standard time code, frame, second, or millisecond in the video. * - Was previously deemed not feasible. Veni, vidi, vici. * * @param {Object} option - Configuration Object for seeking allowed keys are SMPTE, time, frame, seconds, and milliseconds * example: { SMPTE: '00:01:12:22' }, { time: '00:01:12' }, { frame: 1750 }, { seconds: 72 }, { milliseconds: 72916 } */ seekTo = (config) => { var obj = config || {}, seekTime, SMPTE; /** Only allow one option to be passed */ var option = Object.keys(obj)[0]; if (option == "SMPTE" || option == "time") { SMPTE = obj[option]; seekTime = this.toMilliseconds(SMPTE) / 1000 + 0.001; this.video.currentTime = seekTime; return; } switch (option) { case "frame": SMPTE = this.toSMPTE(obj[option]); seekTime = this.toMilliseconds(SMPTE) / 1000 + 0.001; break; case "seconds": seekTime = Number(obj[option]); break; case "milliseconds": seekTime = Number(obj[option]) / 1000 + 0.001; break; } if (!isNaN(seekTime)) { this.video.currentTime = seekTime; } }; } </script> <script> if (typeof window !== "undefined" && window.screen.width >= 1024) { const videoWrapper = document.getElementById("webex-suite_videoId__3S_3l"); videoRectxy = videoWrapper.getBoundingClientRect(); function getIntroBoundingRect() { let videoWrapper2 = document.getElementById("webex-suite_videoId__3S_3l"); videoRect = videoWrapper2.getBoundingClientRect(); } function doScrollStuff() { var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body) .scrollTop; // console.log(videoRect.top * 0.4); if (scrollTop >= videoRectxy.top * 0.25) { videoxy.video.play(); // since video played once we no longer need listeners window.removeEventListener("scroll", doScrollStuff); window.removeEventListener("resize", getIntroBoundingRect); } } window.addEventListener("scroll", doScrollStuff); window.addEventListener("resize", getIntroBoundingRect); videoxy = new VideoFrame({ id: "webex-suite_videoId__3S_3l", // callback: function (response) { // if (response == 75) { // video.video.pause(); // video.stopListen(); // } // }, callback: function (response) { var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body) .scrollTop; if (scrollTop < videoRectxy.top * 0.25 && response == 75) { videoxy.video.pause(); videoxy.stopListen(); } else if (scrollTop >= videoRectxy.top * 0.25) { videoxy.stopListen(); window.removeEventListener("scroll", doScrollStuff); window.removeEventListener("resize", getIntroBoundingRect); } }, }); videoxy.listen("frame"); videoxy.video.play(); } </script>  <section class="text-grid_module__3ArLH bg-white color-black" data-sticky-target="case-studies" data-module="text-grid"><a name="case-studies-anchor" class="module-sticky-target"></a> <style> .text-grid_module__3ArLH .text-grid_serviceInner__1atFM{ margin-bottom: 0 !important; padding-bottom: 30px; justify-content: space-between; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_iconWrapper__1lpD_ .text-grid_gradientImage__1fhbv.icon-sm { -webkit-mask-size: 11vw; } @media (min-width: 1025px) { .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_serviceName__NvaKM{ /* flex:1; */ } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_iconWrapper__1lpD_{ margin-left: -5px; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_iconWrapper__1lpD_ .text-grid_gradientImage__1fhbv.icon-sm { -webkit-mask-size: 3.05vw; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM{ margin-bottom: 1.777778vw; padding-bottom: 30px; } .enterprise-grade{ margin-bottom: 120px; } .text-grid_module__3ArLH .module-header{ margin-bottom:80px } .text-grid_module__3ArLH .grid_templ{ grid-template-columns: repeat(2,1fr); row-gap: 0; } .text-grid_module__3ArLH .text_title_name{ margin-bottom: 40px; font-weight: 400; } .text-grid_colDefault__Q2IOn.features-list:first-child, .text-grid_colDefault__Q2IOn.features-list:first-child + .text-grid_colDefault__Q2IOn.features-list{ border-top: 1.00193px solid #C4C4C4; padding-top: 30px; } .text-grid_colDefault__Q2IOn{ padding-top: 30px; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_serviceText__17Ege{ margin-top: 10px; flex: 1; } } @media (max-width: 1024px) { .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_iconWrapper__1lpD_ { /*display: none;*/ padding-right: 12px; } .text-grid_module__3ArLH .grid_templ{ grid-template-columns: repeat(1,1fr); row-gap: 0; } .module-header_ctaLink__35y3u .btn-secondary-dark{ display: none; } .text-grid_module__3ArLH .text_title_name{ margin-bottom: 20px; } .text-grid_colDefault__Q2IOn{ padding-top: 20px; } .text-grid_colDefault__Q2IOn.features-list:first-child{ padding-top: 20px; border-top: 0.26vw solid #C4C4C4; } .text-grid_serviceInner__1atFM .link-more{ display: none; } } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ{ display: flex; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_iconWrapper__1lpD_ .text-grid_gradientImage__1fhbv{ width: 36px; height: 30px; /* -webkit-mask-size:43px; */ -webkit-mask-repeat: no-repeat; } .module-header_ctaLink__35y3u a{ margin-left:10px; } .bg-181818{ color: #181818 !important; } @media (min-width: 1025px) { .text-grid_module__3ArLH .margin { margin-top: 3px; } } </style> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span class="bg-181818">Maximize value. Minimize costs.</span></h2> <div class="color-boulder fw-medium module-header_description__1Godp">Elevate teamwork with all the collaboration tools you need, in one place.</div> </div> <div class="col col-4 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="/contact-sales.html" class="btn btn btn-primary">Contact Us <span class="icon-arrow"></span> </a> <a href="https://pricing.webex.com/us/en/hybrid-work/suite/" class="btn btn-secondary-dark">See Pricing Plans <span class="icon-arrow"></span> </a> </div> </div>  </div> </div>  <div class="grid grid-between"> <div class="col col-2 col-sm"> </div> <div class="text-grid_grid__vAiKx grid_templ false col col-10 col-sm">  <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn features-list"> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Calling.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Calling.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined">    <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Calling</span><span class="mbody fw-regular text-grid_serviceText__17Ege"> Stay connected with modern business phone system and flexible calling options.</span> <div class="link-more"><a href="/enterprise-cloud-calling.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn features-list"> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Meetings.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Meetings.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Meetings</span><span class="mbody fw-regular text-grid_serviceText__17Ege"> Drive more productive meetings with AI-powered experiences and high-quality audio and video.</span> <div class="link-more"><a href="/meetings.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Messaging.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Messaging.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Messaging</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Collaborate async with rich messaging, secure file sharing, and digital whiteboarding to keep work flowing between meetings.</span> <div class="link-more"><a href="https://www.webex.com/suite/messaging.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Polling.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Polling.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Polling</span><span class="mbody fw-regular text-grid_serviceText__17Ege"> Enable active participation in every meeting with quizzes, polling, and interactive Q&A. </span> <div class="link-more"><a href="/audience-engagement.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green margin" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/new/webinar.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/new/webinar.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Webinars</span><span class="mbody fw-regular text-grid_serviceText__17Ege"> Host high quality webinars and drive engagement with immersive content and interactive audience experiences. </span> <div class="link-more"><a href="/webinar.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green margin" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/new/Events.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/new/Events.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Events</span> <span class="mbody fw-regular text-grid_serviceText__17Ege"> Power virtual, in-person, and hybrid events with immersive multi-track agendas, ticketing, attendee networking, analytics, and more. </span> <div class="link-more"><a href="/events.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV" rel="noopener">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green " style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Whiteboard.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/Whiteboard.svg)"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Whiteboarding</span> <span class="mbody fw-regular text-grid_serviceText__17Ege">Unleash creativity with a digital whiteboarding solution for everyone, on any device.</span> <div class="link-more"><a href="whiteboard.html" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-green " style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/new/vidcast.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/new/vidcast.svg);"> </div> </div> <div class="text-grid_serviceInner__1atFM undefined"> <span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Video Messaging </span> <span class="mbody fw-regular text-grid_serviceText__17Ege">Record, share ideas, engage, and facilitate real-time feedback with intuitive video messaging.</span> <div class="link-more"><a href="https://vidcast.io/" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV" target="_blank" rel="noopener">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div>  </div> </div> </div> </section> <section class="text-grid_module__3ArLH text-grid_module2 bg-black color-white"> <style> .text-grid_module__3ArLH .icon-gradient-purple2 { background: linear-gradient(180deg, #00BCF5 0%, #A875FC 100%); } .text-grid_module__3ArLH.bg-black .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ:before { opacity: 0.4; } .text-grid_module__3ArLH.bg-black .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_serviceText__17Ege { color: #818181; } @media (min-width: 1025px) { .text-grid_module2 .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_serviceName__NvaKM { flex-grow: 0; } .text-grid_module2 .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM .text-grid_serviceText__17Ege { margin-top: 20px; } } </style> <div class="container"> <div class="module-header enterpriseTitle"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2">AI is now part of your team.</h2> <div class="color-boulder fw-medium module-header_description__1Godp">The AI Assistant powers experiences across the Webex Suite, from meetings and messaging, to polling and even Control Hub.</div> </div> <div class="btncnt"> <div class="webex-suite_buttonWrap__REIhXa"><a class="webex-suite_btn__26jDW btn btn-primary" href="https://www.webex.ai/ai-assistant-for-suite-devices-cx.html?tab=tab-suite">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple2" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/inclusivity.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/inclusivity.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Never miss a moment</span> <span class="mbody fw-regular text-grid_serviceText__17Ege enterprise-grade"> Get caught up in a flash with meeting and messaging summaries and catch-me-up features for when you need to step away.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple2" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/virtual-background.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/virtual-background.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Put your best foot forward</span> <span class="mbody fw-regular text-grid_serviceText__17Ege enterprise-grade"> Leverage AI to translate messages or help you quickly change the tone of your message before sending.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple2" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/end-to-end-encryption-1.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/end-to-end-encryption-1.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Streamline management</span> <span class="mbody fw-regular text-grid_serviceText__17Ege enterprise-grade"> Increase IT productivity with quick answers and lightning-fast configuration changes by simply asking “Help me do...”.</span> </div> </div> </div> </div> </div> </section> <section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="testimonials" data-module="quote-carousel"> <style> /* .left-arrow, .right-arrow{z-index: 3;}*/ .swiper-pagination-fraction { margin: 0 14px; width: auto; } .vquote-carousel_quoteCta__2N7qQ { margin-top: 20px; height: auto !important; } .swiper-slide-visible { z-index: 1000; } .flex-al-ed{ display: flex; justify-content: flex-end; align-items: flex-start; } .quote-carousel_module__3pdLb .quote-carousel_quote__1_MFH { color: #181818; } @media(max-width:1024px) { .vquote-carousel_quoteCta__2N7qQ { height: auto !important; text-align: left !important; } .quote-carousel_quote__1_MFH::before { left: 0; } } @media(min-width:1025px) { .quote-carousel_imageWrapper__1LrgG{ width: 11.75vw; } .wx-wrapper .left-arrow, .wx-wrapper .right-arrow{ width: 56px !important; height: 56px !important; } .quote-carousel_module__3pdLb .module-header{ margin-bottom: 160px; } } </style> <a name="testimonials-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span class="bg-181818">Get more done, together.</span> </h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-9 col-sm"> <div class="swiper-container-quote"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-3 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/www/us/en/images/products/suite/collaboration-suite/fantasylife-color.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Fantasy Life"/> </div> </div> <div class="col col-9 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> Webex has really helped us collaborate. To be able to whiteboard, to ideate, to mind map the future of the company and connect on a business level in real-time and interact that way—it's brought us speed. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Eliot Crist, CEO – Fantasy Life </div> <a href="https://www.webex.com/us/en/customers/fantasy-life.html" target="_blank" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-3 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/www/us/en/images/products/suite/collaboration-suite/broadridge-financial-color.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Broadridge"/> </div> </div> <div class="col col-9 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> It’s not just about the in-person and hybrid experience from a meetings perspective,” Belfiore explained. “It’s about meeting everybody how they want to be met no matter the platform—and Webex enables us to do that.” </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Jonathan Belfiore, UC Architect – Broadridge </div> <a href="https://www.webex.com/us/en/customers/broadridge.html" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-3 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/www/us/en/images/products/suite/collaboration-suite/firsthorizon-color.svg" class="img-responsive quote-carousel_image__tqw2j" alt="First Horizon"/> </div> </div> <div class="col col-9 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> Webex is the center of our strategy. It’ll be an integral part of communicating and sharing ideas with our colleagues, and I think it is central to our success and collaboration with both our peers and external partners as we move forward. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Jason O’Dell, Vice President, Voice Services Manager – First Horizon </div> <a href="https://www.webex.com/us/en/customers/first-horizon.html" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-3 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/www/us/en/images/products/suite/collaboration-suite/mclaren-color.svg" class="img-responsive quote-carousel_image__tqw2j" alt="McLaren Racing"/> </div> </div> <div class="col col-9 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> It’s almost like magic where everything comes together into one and users just have that seamless journey in Webex. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Edward Green, Head of Commercial Technology - McLaren Racing </div> <a href="https://www.webex.com/us/en/customers/mclaren.html" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> </div> <div class="col col-3 col-sm hidden-sm flex-al-ed"> <div class="carousel-controls"> <div class="left-arrow swiper-button-disabled"> <span class="icon-arrow-large"></span> </div> <div class="count mbody">1/2</div> <div class="right-arrow"> <span class="icon-arrow-large"></span> </div> </div> </div> <div class="scrollbar quote-carousel_scrollbar__ypIQM"></div> </div> </div> <script> //swiper for quotes- good const swiperquote = new Swiper('.swiper-container-quote', { // If we need pagination effect: 'fade', fadeEffect: { crossFade: true }, pagination: { el: '.count', type: 'fraction' }, // Navigation arrows navigation: { nextEl: '.right-arrow', prevEl: '.left-arrow', }, scrollbar: { el: '.scrollbar', draggable: true, }, }); </script> </section> <style> .feature-gallery_module__zQYl6 .feature-gallery_titleSize__35EuY{ padding-bottom: 20px; color: #181818; } .feature-gallery_descriptionSize__1q2Ng{ color: #767676 !important; font-weight: 400; font-size: 18px !important; line-height: 26px !important; letter-spacing: -0.02em !important; } @media (min-width: 1025px){ .feature-gallery_module__zQYl6{ padding-bottom: 79px; } } .feature-gallery_module__zQYl6 .feature-gallery_text__1hxOJ .btn.btn-tertiary { height: auto; width: auto; margin-top: 20px; } </style> <section class="feature-gallery_module__zQYl6 bg-white color-black gradient-bl-red" data-sticky-target="false"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span class="bg-181818">One seamless way to collaborate.</span> </h2> </div> </div> </div> <div class="grid feature-gallery_gridWrap__2ILTf feature-gallery_gridMobile__2TkFy"> <div class="feature-gallery_rowWrapper__2gHFI"> <div class="grid feature-gallery_gridWrap__2ILTf"> <div class="feature-gallery_colFirst__20puZ align-self-flex-start col col-12 col-6-lg"> <img src="/content/dam/wbx/us/images/rebrand/collaboration-suite/comprehensive.jpg" alt="" class="br-30 img100p" width="603" height="603"> </div> <div class="col col-1 col-sm"></div> <div class="col col-5 col-sm lbody feature-gallery_text__1hxOJ"> <div class="h4 fw-regular feature-gallery_titleSize__35EuY bg-181818">Delivering exceptional value</div>  <div class="color-gray mbody feature-gallery_descriptionSize__1q2Ng">Enjoy the flexibility to work from anywhere, with unified experiences across calling, meetings, messaging, and more—with people inside and outside your organization. </div>  <a href="https://www.webex.com/content/dam/wbx/us/ebook/webex-suite-ebook_cm-3386.pdf" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a> </div>  </div> </div> <div class="feature-gallery_rowWrapper__2gHFI"> <div class="grid feature-gallery_gridWrap__2ILTf"> <div class="feature-gallery_colLast__QMhLj align-self-flex-start col col-12 col-6-lg"> <img src="/content/dam/wbx/us/images/rebrand/collaboration-suite/equitable.jpg" alt="" class="br-30 img100p" width="603" height=""> </div>  <div class="col col-5 col-sm lbody feature-gallery_text__1hxOJ"> <div class="h4 fw-regular feature-gallery_titleSize__35EuY bg-181818">World class collaboration </div> <div class="color-gray mbody feature-gallery_descriptionSize__1q2Ng">Seamlessly connect and enjoy a simple, intuitive, and high-quality user experience with premier, AI-powered innovations, accessible everywhere on any device.</div> <a href="https://www.webex.com/content/dam/wbx/us/ebook/webex-suite-ebook_cm-3386.pdf" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a> </div> <div class="col col-1 col-sm"></div> </div> </div> <div class="feature-gallery_rowWrapper__2gHFI"> <div class="grid feature-gallery_gridWrap__2ILTf"> <div class="feature-gallery_colFirst__20puZ align-self-flex-start col col-12 col-6-lg"> <img src="/content/dam/wbx/us/images/rebrand/collaboration-suite/lowertco.jpg" alt="" class="br-30 img100p" width="603" height="603"> </div> <div class="col col-1 col-sm"></div> <div class="col col-5 col-sm lbody feature-gallery_text__1hxOJ"> <div class="h4 fw-regular feature-gallery_titleSize__35EuY bg-181818">Immersive experiences</div> <div class="color-gray mbody feature-gallery_descriptionSize__1q2Ng">Elevate teamwork with superior audio and video quality on all end points—backed by Cisco’s proven security, reliable networking infrastructure, and trusted platform.</div> <a href="https://www.webex.com/content/dam/wbx/us/ebook/webex-suite-ebook_cm-3386.pdf" class="btn btn-tertiary fw-medium text-grid_serviceLink__roAEV">Learn More <span class="icon-arrow"></span></a> </div>  </div> </div> </div> </div> </section> <style> .wx-wrapper.page-wrapper .btn.btn-tertiary { height: auto; text-align: left; margin-top: 20px; max-width: max-content; } </style> <style> .webex-suite_buttonWrap__REIhXa, .btncnt { width: 100%; } .webex-suite_buttonWrap__REIhXa .btn { margin: 10vw 0; width: 100%; } @media(min-width:1025px) { .webex-suite_buttonWrap__REIhXa, .btncnt { width: auto; } .webex-suite_buttonWrap__REIhXa .btn { margin: 0; } } .bg__class__name .text-grid_gradientImage__1fhbv{ background: linear-gradient(180deg, #FF3A65 0%, #FBBD23 100%) !important; } .bg__class__name .featured-case-study_module__ZUBc_ h2{ font-weight: 500; font-size: 64px; line-height: 64px; letter-spacing: -0.04em; /* Gradient/Scarlet to Passion Fruit */ background: linear-gradient(180deg, #FF3A65 0%, #FBBD23 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .enterpriseTitle{ margin-bottom: 7vw !important; } .text-grid_module__3ArLH{ padding-bottom: 108px; } </style> <section class="text-grid_module__3ArLH bg-white color-black bg__class__name" data-sticky-target="false" data-module="text-grid"> <div class="container"> <div class="module-header enterpriseTitle"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span class="bg-181818">Enterprise-grade.</span> </h2> </div> <div class="btncnt"> <div class="webex-suite_buttonWrap__REIhXa"><a href="/contact-sales.html" class="webex-suite_btn__26jDW btn btn-primary">Contact Us <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/built-in-security_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/built-in-security_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Security built in, not bolted on</span><span class="mbody fw-regular text-grid_serviceText__17Ege"> Protect your teams’ data and privacy with enterprise-grade security built in from the ground up. </span> <div><a href="https://www.webex.com/security.html" class="btn btn-tertiary">Learn More<span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/AI-intelligence_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/AI-intelligence_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818 ">Industry-leading AI</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Get integrated intelligence across all workflows, to keep teams focused and engaged.</span> <div><a href="https://www.webex.com/products/collaboration-ai.html" class="btn btn-tertiary">Learn More<span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ false "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/intelligent-customer-experiences_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/collaboration-suite/intelligent-customer-experiences_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM bg-181818">Easy management</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Orchestrate your entire organization with single-pane-of-glass management across all users, security, and devices.</span> <div><a href="https://www.webex.com/control-hub.html" class="btn btn-tertiary">Learn More<span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </div> </section> <section class="integrations_module__1RZEZ bg-black color-white" data-sticky-target="false" data-module="text-grid"> <style> /* fix homepage nasdaq logo */ .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 8.2666666667vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 60px; height: auto; margin-left: -2.6666666667vw; margin-right: -2.6666666667vw; margin-top: 1vw; } @media (min-width: 1025px) { .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 3.4722222222vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 6.25vw; height: auto; margin-left: -0.6944444444vw; margin-right: -0.6944444444vw; margin-top: 0; } } @media(max-width:1024px){ .integrations_module__1RZEZ.bg-white.color-black a.btn{margin-top: 7vw;} } </style> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>95% of Fortune 500<br> companies trust<br> Webex.</span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Plus, the world's most influential brands of all sizes. </span> </div> </div> </div> <div class="grid grid-end integrations_grid__fxy2S"> <div class="col col-10 col-sm"> <div class="grid"> <ul class="integrations_list__2Mm1n"> <li class="integrations_wrapperList__2kXMB integrations_darkWrapperList__3sits integrations_lastBorder__1yKdf "> <div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/collaboration-suite/mclaren.png" class="integrations_icon__33W3A" alt="McLaren"></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">McLaren</span></div> </li> <li class="integrations_wrapperList__2kXMB integrations_darkWrapperList__3sits integrations_lastBorder__1yKdf "> <div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/nasdaq-white-logo.png" class="integrations_icon__33W3A logo-Nas" alt="Nasdaq"></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">Nasdaq</span></div> </li> <li class="integrations_wrapperList__2kXMB integrations_darkWrapperList__3sits integrations_lastBorder__1yKdf "> <div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/svg/t-mobile.svg" class="integrations_icon__33W3A" alt="T-Mobile"></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">T-Mobile</span></div> </li> <li class="integrations_wrapperList__2kXMB integrations_darkWrapperList__3sits integrations_lastBorder__1yKdf "> <div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/svg/at-t.svg" class="integrations_icon__33W3A" alt="AT&T"></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">AT&T</span></div> </li> <li class="integrations_wrapperList__2kXMB integrations_darkWrapperList__3sits integrations_lastBorder__1yKdf "> <div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/paychex.png" class="integrations_icon__33W3A" alt="Paychex"> </div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">Paychex</span></div> </li> <li class="integrations_wrapperList__2kXMB integrations_darkWrapperList__3sits integrations_lastBorder__1yKdf "> <div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/rac-new-logo.png" class="integrations_icon__33W3A" alt="Rent-A-Center"> </div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">Rent-A-Center</span></div> </li> </ul> </div> </div> </div> </div> </section>  <style> .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: left !important; } @media(min-width:1025px) { .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: right !important; } } .featured-case-study_imageWrapper__3IclY { margin-bottom: 0 !important; } .featured-case-study_description__2AHny { margin-bottom: 5vw; } .featured-case-study_module__ZUBc_ .btn.btn-secondary-light.btn-round-icon [class^=icon-]{ background: #fff; color: #181818; } .featured-case-study_module__ZUBc_ .btn.btn-secondary-light.btn-round-icon:hover [class^=icon-]{ background: #078855!important; color: #fff!important; } .featured-case-study_imageWrapper__3IclY { margin-bottom: 0 !important; height: auto !important; } .featured-case-study_description__2AHny { margin-bottom: 5vw; } </style> <section class="featured-case-study_module__ZUBc_ bg-black"> <div class="container"> <div class="grid grid-between"> <div class="col col-6 col-sm"> <h2 class="h3" role="heading" aria-level="2"> <span>Webex powers the McLaren Formula 1 Team</span> </h2> <p class="mbody color-boulder col col-8 col-sm p0 featured-case-study_description__2AHny"> <span>See how Webex is joining forces with McLaren to deliver unmatched, immersive racing experiences.</span> </p> <a id="videoLink11" href="javascript:;" data-video-id="6309222888112" class="btn btn-round-icon btn-secondary-light mb3 playVideo">Watch Now <span class="icon-play"></span></a> </div> <div class="col col-5 col-sm"> <div class="featured-case-study_imageWrapper__3IclY"> <img class="br-30 img100p" src="/content/dam/wbx/us/images/rebrand/optimized/mclaren-new.jpg" alt="McLaren uses Webex to deliver immersive racing experiences"/> </div> </div> </div> </div> </section>  <style> .full-width-banner_module__2x2Kf .color-gray { color: #818181 !important; } .full-width-banner_fullBannerImage__2J4YJ { mix-blend-mode: normal !important; } </style> <section class="full-width-banner_module__2x2Kf bg-white color-black"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span class="bg-181818">Award-winning<br> collaboration devices.</span></h2><span class="color-boulder fw-medium module-header_description__1Godp"> Built for all workstyles and all budgets. And with the Webex Suite, get up to an additional 50% off*. </span> </div> <div class="btncnt"> <div class="webex-suite_buttonWrap__REIhXa"><a href="/collaboration-devices.html" class="bwebex-suite_btn__26jDW btn btn-primary">View All Devices <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="full-width-banner_containerWrapper__2b41l"></div> </div> <div class="full-width-banner_fullBannerImage__2J4YJ"><img style="mix-blend-mode: darken;" src="/content/dam/wbx/us/images/rebrand/collaboration-suite/award-winning-devices-new.jpg" class="img100p" alt="Webex Devices"> </div> <div class="container"> <div class="grid"> <div class="col col-12 col-sm"> <p class="sbody color-gray">*Discount applies to Webex Enterprise Agreements only.</p> </div> </div> </div> </section>  <style> .integrations__ancho{ overflow: hidden; } .integration-grid_list__1klCi { padding-bottom: 12.3333333333vw; max-width: 100%; width: 100%; } .integration-grid_wrapperImg__1EvJk { width: 25vw; height: 10vw; } .integration-grid_wrapperImg__1EvJk.imgFix { width: 18vw; height: 9vw; } @media (min-width: 1025px){ .integration-grid_wrapperImg__1EvJk { width: 12vw; height: 5vw; } .integration-grid_wrapperImg__1EvJk.imgFix { width: 8vw; height: 4vw; } } </style> <section class="bg-white integrations__ancho" data-sticky-target="integrations">  <a name="integrations-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Work with the<br> tools you love.</span> </h2><span class="color-boulder fw-medium module-header_description__1Godp">Webex integrates seamlessly into 100+<br> industry-leading apps.</span> </div> <div class="btncnt"> <div class="webex-suite_buttonWrap__REIhXa"><a href="/products/integrations/index.html" class="btn btn btn-primary">See All Integrations<span class="icon-arrow"></span></a></div> </div> </div> </div> </div> <div class="grid"> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper" style="transform: translate3d(-10641.3px, 0px, 0px); transition-duration: 10000ms;" id="swiper-wrapper-7ef65c4953a0ea55" aria-live="off"> <div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/ms-teams.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Microsoft Teams</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/chrome.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Google Chrome</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/meta.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Meta</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/slack.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/salesforace.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="5" role="group" aria-label="6 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/slido-logo.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Slido</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="6" role="group" aria-label="7 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/redsky.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">RedSky</span> </div> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration2 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper" style="transform: translate3d(-6720.8px, 0px, 0px); transition-duration: 10000ms;" id="swiper-wrapper-7265d77db473985c" aria-live="off"> <div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/smartsheet.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Smartsheet</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/miro.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Miro</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/aws.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">AWS</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/gong.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Gong</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/seismic.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Seismic</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="5" role="group" aria-label="6 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/kollective.png" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Kollective</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="6" role="group" aria-label="7 / 7"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/callcabinet.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">CallCabinet</span> </div> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration3 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper" style="transform: translate3d(-8401.01px, 0px, 0px); transition-duration: 10000ms;" id="swiper-wrapper-f8db2bdafb5bf546" aria-live="off"> <div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 6"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/dubber.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Dubber</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 6"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/calendly.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Calendly</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 6"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/mural.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Mural</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 6"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/imagicle.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Imagicle</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 6"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk imgFix"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/cq-communications.png" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">VQ Communications</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="5" role="group" aria-label="6 / 6"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/www/us/en/logos/suite/collaboration-suite/thetalake.svg" class="integration-grid_imgWrap__DWf4H" alt=""></div><span class="integration-grid_integrationName__2Vnql">Theta Lake</span> </div> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> </div> </section> </section> <script> const swiperIntegrationGrid1 = new Swiper('.swiper-container-integration1', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const swiperIntegrationGrid2 = new Swiper('.swiper-container-integration2', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: false, delay: 1, }, loop: true }); const swiperIntegrationGrid3 = new Swiper('.swiper-container-integration3', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); </script> <div class="popup"> <style> .popup { display: none; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 9999; } .popup-main { width: 90vw; height: calc(90vw * 0.562); max-height: 90vh; max-width: calc(90vh / 0.562); position: fixed; left: 50%; top: 50%; z-index: 10000; transform: translate(-50%, -50%); } .popup-video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } a.popup-close { height: 30px; display: block; margin-top: -40px; position: absolute; right: 15px; opacity: 1; z-index: 2; cursor: pointer; } a.popup-close .hamburger-bun { width: 32px; height: 2px; background: #fff; display: block; transform: rotate(135deg); position: relative; top: 10px; } a.popup-close .hamburger-bun:first-child { transform: rotate(-135deg); top: 12px; } </style> <div class="popup-mask"></div> <div class="popup-main"> <a href="javascript:;" class="popup-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div id="placeHolder" class="popup-body"> </div> </div> <script> $(".playVideo").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); $('.popup').show(); addPlayer($(this)) }) $('a.popup-close').on('click', function () { myPlayer.pause(); $('.popup').hide(); $('.popup-video').hide(); $("#bcplayer").remove(); }); </script> <script> var myPlayer, playerHTML, playerData = { accountId: "1384193102001", playerId: "Sylwy7XBZX" }; function addPlayer(obj) { videoidnumber = $(obj).attr("data-video-id"); playerHTML = '<video-js id="myPlayerID" data-video-id="' + videoidnumber + '" data-account="' + playerData.accountId + '" data-player="' + playerData.playerId + '" data-embed="default" class="video-js popup-video" controls></video-js>'; document.getElementById("placeHolder").innerHTML = playerHTML; var s = document.createElement("script"); s.setAttribute("id", "bcplayer") s.src = "https://players.brightcove.net/" + playerData.accountId + "/" + playerData.playerId + "_default/index.min.js"; document.body.appendChild(s); s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); myPlayer.on("loadedmetadata", function () { myPlayer.muted(false); myPlayer.play(); }); } </script> </div>  <style> .cmp-secondary-promo .secondary-promo__description, .cmp-secondary-promo .secondary-promo__title:not(.secondary-promo__title-contact), .cmp-secondary-promo .secondary-promo__cta .btn:not(.secondary-promo__btn-contact) { display: none; } .cmp-secondary-promo .secondary-promo__title.secondary-promo__title-contact { display: block; } .cmp-secondary-promo .secondary-promo__cta .btn.secondary-promo__btn-contact { display: flex; } </style>  <script> $(document).ready(function () { var $startFreeModule = $('.wbx-footer footer .footer_prefooter__3edCk'); $startFreeModule.find('div.grid.grid-between').html( '<div class="col col-7 col-sm">' + '<div class="h2 fw-medium">Get started today.</div></div>' + '<div class="col col-12 col-sm footer_buttonWrapper__28ZDj">' + '<a href="/contact-sales.html" class="btn btn-primary">Contact Sales <span class="icon-arrow"></span></a></div>' ); }) </script> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component">  <div class="secondarypromo"> <div class="cmp-secondary-promo"> <div class="secondary-promo" style="background-image:url(/content/dam/wbx/us/images/homepage/secondary-promo.jpg)"> <div class="secondary-promo__container grid-12 grid-padding"> <div class="secondary-promo__logo"> <img src="/content/dam/wbx/us/images/homepage/Logo1-white%201.png" alt="Webex logo"> </div> <div class="secondary-promo__detail"> <div class="secondary-promo__title h1">Get started for free.</div> <div class="secondary-promo__title h1 secondary-promo__title-contact">Get started today.</div> <span class="secondary-promo__description large-body large-body-regular">Additional features, storage, and support start at just one low price.</span> </div> <div class="secondary-promo__cta"> <a class="btn btn--primary--black" href="https://cart.webex.com/sign-up" rel="noopener">Sign Up For Free <span class="icon-arrow"></span> </a> <a class="btn btn--secondary--black" href="https://pricing.webex.com/us/en/" rel="noopener" data-click-id="plans-pricing-page-end"> View Plans & Pricing <span class="icon-arrow"></span> </a> <a class="btn btn--primary--black secondary-promo__btn-contact" href="https://use.webex.com/contact-sales?lang=en&locale=US" rel="noopener">Contact Sales <span class="icon-arrow"></span> </a> </div> </div> </div> </div> </div> <style> .cmp-secondary-promo .secondary-promo__container { grid-template-rows: auto; row-gap: 0px; } .cmp-secondary-promo .secondary-promo { background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .cmp-secondary-promo .secondary-promo__logo { grid-area: 1 / 1 / auto / span 3; margin-bottom: 8rem; } .cmp-secondary-promo .secondary-promo__cta { display: block; grid-area: 3 / 1 / auto / span 4; } .cmp-secondary-promo .secondary-promo__detail { align-items: center; display: grid; grid-area: 2 / 1 / auto / span 4; grid-template-columns: repeat(4, 1fr); margin-bottom: 4rem; } .cmp-secondary-promo .secondary-promo__title, .cmp-secondary-promo .secondary-promo__description { color: rgb(255, 255, 255); grid-column: 1 / span 4; } .cmp-secondary-promo .secondary-promo__title { margin-top: 0; margin-bottom: 2rem; } .cmp-secondary-promo .secondary-promo__cta .btn { margin-bottom: 1.2rem; } @media (min-width: 721px){ .cmp-secondary-promo .secondary-promo__container { padding-top: 8rem; padding-bottom: 12.4rem; } .cmp-secondary-promo .secondary-promo__logo { margin-bottom: 12rem; } .cmp-secondary-promo .secondary-promo__title { grid-column: 1 / span 7; margin-bottom: 4rem; } .cmp-secondary-promo .secondary-promo__description { grid-column: 9 / span 4; padding-top: 1.3rem; } .cmp-secondary-promo .secondary-promo__cta { display: inline-flex; grid-column: 1 / span 8; } .cmp-secondary-promo .secondary-promo__detail { grid-column: 1 / span 12; grid-template-columns: repeat(12, 1fr); gap: 20px; align-items: flex-start; margin-bottom: 0; } .cmp-secondary-promo .secondary-promo__cta .btn { margin-bottom: 0px; margin-right: 2rem; } } .secondary-promo__title.secondary-promo__title-contact, .secondary-promo__cta .btn.secondary-promo__btn-contact { display: none; } </style>   <div class="footer"> <div class="cmp-global-footer bg-black" data-cmp-is="global-footer" data-micromodal-trigger="my-modal"> <div class="global-footer grid-padding"> <div class="global-footer__menu grid-12"> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> <span>Products</span> <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="/suite/collaboration-suite.html">Webex Suite</a></li> <li><a class="" href="/suite/meetings.html">Meetings</a></li> <li><a class="" href="/suite/enterprise-cloud-calling.html">Calling</a></li> <li><a class="" href="/suite/messaging.html">Messaging</a></li> <li><a class="" href="https://www.webex.com/us/en/products/suite/events.html">Events</a></li> <li><a class="" href="https://vidcast.io/">Video Messaging</a></li> <li><a class="" href="/suite/polling.html">Polling</a></li> <li><a class="" href="/suite/webinar.html">Webinars</a></li> <li><a class="" href="/suite/whiteboard.html">Whiteboarding</a></li> <li><a class="" href="https://www.webex.com/us/en/products/customer-experience/contact-center.html">Cloud Contact Center</a></li> <li><a class="" href="https://cpaas.webex.com/">CPaaS</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Devices <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.webex.com/us/en/devices/room-devices.html">Room Devices</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/desk-series.html">Desk Devices</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/digital-whiteboards.html">Digital Whiteboards</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/phone-series.html">Phones</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/cameras.html">Cameras</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/headsets.html">Headsets</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/accessories.html">Room Accessories</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Use Cases <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.webex.com/us/en/solutions/hybrid-work.html">Hybrid Work</a></li>  <li><a class="" href="https://www.webex.com/us/en/solutions/interoperability.html">Interoperability</a></li> <li><a class="" href="https://www.webex.com/us/en/solutions/return-to-office.html">Return to the office</a></li>  <li><a class="" href="https://www.webex.com/us/en/solutions/sustainability.html">Sustainability</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Resources <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://pricing.webex.com/us/en/">Pricing</a></li> <li><a class="" href="https://www.webex.com/downloads.html">Downloads</a></li> <li><a href="https://help.webex.com/">Help Center</a></li> <li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user">Webex Community</a></li> <li><a href="https://adopt.webex.com//">Webex Adoption</a></li> <li><a class="" href="/learn/webinars-demos.html">Watch Webinars</a></li> <li><a class="" href="https://apphub.webex.com/">App Hub</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/accessibility.html">Accessibility</a></li> <li><a class="" href="https://blog.webex.com/">Webex Blog</a></li> <li><a href="https://developer.webex.com/">Developers</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Company <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.cisco.com/c/en/us/solutions/collaboration/index.html#~stickynav=1">Cisco</a></li> <li><a href="https://www.webex.com/us/en/dg/customer-advocacy-program.html">Webex Customer Advocacy Program</a></li> <li><a href="https://help.webex.com/contact">Contact Support</a></li> <li><a class="" href="https://www.webex.com/contact-sales.html?locale=US">Contact Sales</a></li> <li><a class="" href="https://www.webexmerchstore.com/">Webex Merch Store</a></li> <li><a class="" href="https://www.webex.com/company/careers.html">Careers</a></li>  </ul> </div> </div> <div class="global-footer__postFooter grid-12"> <div class="global-footer__social"> <ul class="medium-body"> <li><a href="https://twitter.com/webex" aria-label="Twitter" rel="noopener"><img src="/content/dam/www/us/en/icons/social-media-icons/X.svg"></a></li> <li><a href="https://www.linkedin.com/company/webex" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span></a></li> <li><a href="https://www.facebook.com/webex" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span></a></li> <li><a href="https://www.youtube.com/c/webex" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span></a></li> <li><a href="https://www.instagram.com/webex/" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span></a></li> </ul> <div class="global-footer__copyright xsmall-body xsmall-body-regular"> <p>© <span class="this_year"></span> Cisco and/or its affiliates. All Rights Reserved.</p> </div> </div> <div class="global-footer__terms"> <ul class="xsmall-body xsmall-body-regular"> <li><a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener" target="_self">Terms & Conditions</a></li> <li><a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener" target="_self">Privacy Statement</a></li> <li><a href="#privacy-manager" onclick="displayConsentManager()">Cookies</a></li> <li><a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener" target="_self">Trademarks</a></li> </ul> </div> </div> </div> </div> </div> <style> .cmp-global-footer .global-footer { padding: 4.2rem 2rem 8rem } @media(min-width: 721px) { .cmp-global-footer .global-footer { padding: 8rem 4.2rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer { padding: 8rem 6.4rem } } .cmp-global-footer .global-footer__menu { grid-template-columns: repeat(1, 1fr) } @media(max-width: 720px) { .cmp-global-footer .global-footer__menu { display: flex; flex-direction: column; gap: 3.2rem } } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu { display: grid; grid-template-columns: repeat(6, 1fr) } .cmp-global-footer .global-footer__menu-col { margin-top: 0 } } .cmp-global-footer .global-footer__menu-col ul { display: none; list-style: none; margin: 0; padding: 0 } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-col ul { display: block; margin-top: 4.4rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul { display: block; margin-top: 4rem } } .cmp-global-footer .global-footer__menu-col ul li { margin-top: 2rem } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-col ul li { margin-top: 1.6rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul li { margin-top: 2rem } } .cmp-global-footer .global-footer__menu-col ul li a { border-bottom: 1px solid transparent; display: inline; font-weight: 500; line-height: 1.8rem; color: #FFFFFF; text-decoration: none; } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul li a { line-height: 1.4rem; letter-spacing: -0.02em; } } .cmp-global-footer .global-footer__menu-col ul li a:hover { color: #fff; border-bottom: 1px solid #fff; } .cmp-global-footer .global-footer__menu-title { color: #fff; position: relative } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-title { height: 2.2rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-title { height: auto } } .cmp-global-footer .global-footer__menu-title span.icon-open { position: absolute; right: 0; transition: all .3s } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-title span.icon-open { display: none } } @media(max-width: 720px) { .cmp-global-footer .global-footer__menu-title.active { color: #05935b } .cmp-global-footer .global-footer__menu-title.active span.icon-open { transform: rotate(180deg) } } .cmp-global-footer .global-footer__postFooter { margin-top: 8rem } @media(max-width: 720px) { .cmp-global-footer .global-footer__postFooter { display: flex; flex-direction: column; } } @media(min-width: 721px) { .cmp-global-footer .global-footer__postFooter { margin-top: 12rem } } .cmp-global-footer .global-footer__social { grid-column: 1/span 4; } @media(min-width: 721px) { .cmp-global-footer .global-footer__social { display: flex; flex-direction: column; grid-column: 1/span 5; margin-top: 0 } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__social { grid-column: 1/span 4; } } .cmp-global-footer .global-footer__social ul { display: flex; flex-direction: row; gap: 2.4rem; list-style: none; margin-top: 0; padding: 0 } .cmp-global-footer .global-footer__social ul li { display: inline-block } .cmp-global-footer .global-footer__social ul li:first-child { margin-left: 0 } .cmp-global-footer .global-footer__social ul li a { align-items: center; color: #fff; display: flex; height: 2.4rem; justify-content: center; width: 2.4rem } .cmp-global-footer .global-footer__social ul li a:hover { color: #05935b } .cmp-global-footer .global-footer__social ul li a .icon-youtube { font-size: 85% } .cmp-global-footer .global-footer__copyright p { font-size: inherit; color: #818181; margin-bottom: 0 } .cmp-global-footer .global-footer__terms { grid-column: 1/span 4; margin-top: 8rem } @media(min-width: 721px) { .cmp-global-footer .global-footer__terms { grid-column: 7/span 6; align-self: end; justify-self: end; margin-top: 0; } } .cmp-global-footer .global-footer__terms ul { display: flex; flex-direction: column; gap: 2rem; list-style: none; margin: 0; padding: 0 } .cmp-global-footer .global-footer__terms ul li { font-size: inherit; } @media(min-width: 721px) { .cmp-global-footer .global-footer__terms ul { flex-direction: row; flex-wrap: wrap; column-gap: 2rem; row-gap: 0; } .cmp-global-footer .global-footer__terms ul li { display: inline-block } .cmp-global-footer .global-footer__terms ul li:not(:first-child) { margin-top: 0 } } .cmp-global-footer .global-footer__terms ul li a { border-bottom: 1px solid transparent; font-weight: 400; color: #fff; text-decoration: none; } .cmp-global-footer .global-footer__terms ul li a:hover { color: #fff; border-bottom: 1px solid #fff; } .cmp-global-footer .global-footer__country { grid-column: 1/span 4; position: relative; } @media(max-width: 720px) { .cmp-global-footer .global-footer__country { order: 1; margin-top: 2rem; } } @media(min-width: 721px) { .cmp-global-footer .global-footer__country { align-self: end; grid-column: 11/span 2; justify-self: end } } .cmp-global-footer .global-footer__country-title a { align-items: center; color: #fff; display: flex; text-decoration: none; } .cmp-global-footer .global-footer__country-title a:hover { color: #fff; } .cmp-global-footer .global-footer__country-title a .global-footer__country-name { border-bottom: 1px solid transparent; margin: 0 .6rem } .cmp-global-footer .global-footer__country-title.active a .global-footer__country-name { border-bottom: 1px solid #fff } .cmp-global-footer .global-footer__country-title.active a span.icon-open { transform: rotate(180deg) } .cmp-global-footer .global-footer__country-dropdown { background: #fff; border-radius: 2.4rem; display: flex; -ms-flex-direction: column; flex-direction: column; height: 48rem; max-height: 80vh; overflow: hidden; z-index: 2 } @media(max-width: 720px) { .cmp-global-footer .global-footer__country-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom: 0; left: 0; padding: 5.6vw; position: fixed; right: 0; width: 100% } } @media(min-width: 721px) { .cmp-global-footer .global-footer__country-dropdown { bottom: 4rem; padding: 2rem; position: absolute; right: 0; width: 30rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__country-dropdown { width: 35rem } } .cmp-global-footer .global-footer__country-dropdown-header { color: #181818; margin-bottom: 2rem; position: relative; } .cmp-global-footer .global-footer__country-dropdown-close { position: absolute; right: 0; top: 0 } .cmp-global-footer .global-footer__country-dropdown-close span { color: #767676 } .cmp-global-footer .global-footer__country-dropdown-list { overflow-y: scroll } .cmp-global-footer .global-footer__country-dropdown-list ul { list-style: none; margin: 0; padding: 0 } .cmp-global-footer .global-footer__country-dropdown-list ul li:not(:first-child) { margin-top: 1.5rem } .cmp-global-footer .global-footer__country-dropdown-list ul li a { color: #767676; font-weight: 400 } .cmp-global-footer .global-footer__country-dropdown-list ul li a:hover { color: #181818 } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style> <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var user_locale = $.cookie("user_locale"); if(user_locale == "JP" || user_locale == "BR" || user_locale == "KR" || user_locale == "MX" || user_locale == "ES" || user_locale == "IT" || user_locale == "HK" || user_locale == "CAF" || user_locale == "CN" || user_locale == "FR" || user_locale == "DE") { $.cookie("user_locale", DEF_locale, { path: '/', expires: 30 }); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } var footerRegionList = {}; getRegionList(); function getRegionList() { var $regionLi = $(".region-select-list li"); for (var i = 0; i < $regionLi.length; i++) { var fCountryCode = $regionLi.eq(i).attr("data-id"); if (fCountryCode) { var fCountryName = $regionLi.eq(i).find('a').text(); if (fCountryCode != 'CA' && fCountryCode != 'CAF') { fCountryName = fCountryName.split(' (')[0]; } footerRegionList[fCountryCode] = fCountryName; } } } function getCurrentRegion(local) { if (footerRegionList[local]) { return local; } else if ($.inArray(local, USList) != -1) { return 'US'; } else if ($.inArray(local, UKList) != -1) { return 'GB'; } else if ($.inArray(local, AUList) != -1) { return 'AU'; } else if ($.inArray(local, FRList) != -1) { return 'FR'; } else if ($.inArray(local, DEList) != -1) { return 'DE'; } else if ($.inArray(local, ZHList) != -1) { return 'HK'; } else if ($.inArray(local, MXList) != -1) { return 'MX'; } return false; } $(document).ready(function () { $('a[href*="https://cart.webex.com/sign-up"]').attr( { href: 'https://cart.webex.com/sign-up' }); $(".region-select-list").on("click", " li", function () { var select_locale = $(this).attr("data-id"), head_locale = $.cookie("head_locale"), compareList = []; if (select_locale) { switch (select_locale) { case "US": compareList = USList; break; case "GB": compareList = UKList; break; case "AU": compareList = AUList; break; case "FR": compareList = FRList; break; case "DE": compareList = DEList; break; case "ZH": compareList = ZHList; break; case "MX": compareList = MXList; break; }; $.cookie("user_lang", get_lang(select_locale), { path: '/', expires: 30 }); if ($.inArray(head_locale, compareList) == -1) { select_locale = select_locale.substr(0, 2); $.cookie("user_locale", select_locale, { path: '/', expires: 30 }); change_currency(select_locale); } else { $.cookie("user_locale", head_locale, { path: '/', expires: 30 }); change_currency(head_locale); } } }) }); setTimeout(function () { var coLocale = $.cookie("user_locale"); var coLang = $.cookie("user_lang"); var curLocale = coLocale == 'CA' && coLang == 'fr' ? 'CAF' : coLocale; var curRegion = getCurrentRegion(curLocale); if (curRegion && curLocale != DEF_locale) { $(".wbx-region-name").text(footerRegionList[curRegion]); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); $(".region-select-list li[data-id=" + curRegion + "]").hide(); } else{ $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); } var newPnPUrl = 'https://pricing.webex.com/'; var newPnPCountry = curRegion; newPnPCountry = newPnPCountry && newPnPCountry.trim().toLowerCase(); const realPnPCountries = ['au', 'ca', 'in', 'ua', 'gb', 'us']; if (newPnPCountry) { if ($.inArray(newPnPCountry, realPnPCountries) != -1) { newPnPUrl = newPnPUrl + newPnPCountry + '/en/'; } else { newPnPUrl = newPnPUrl + 'us/en/'; } $('a[href="https://pricing.webex.com/us/en/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=navigation&team=wdc"]').attr('href', newPnPUrl); $('a[data-click-id^="plans-pricing-"]').attr('href', newPnPUrl); $('a[href="https://pricing.webex.com/us/en"]').attr('href', newPnPUrl); } }, 500); $(function () { $('.this_year').text(new Date().getFullYear()); }); // footer menu dropdown on mobile size let isSmallSize = $(window).width() <= 720; $('.global-footer__menu-title').on('click', function () { if(isSmallSize) { $(this).toggleClass('active'); $(this).siblings('ul').slideToggle('300'); } }) $(window).resize(function () { let isSmallSizeNew = $(window).width() <= 720; if(isSmallSize && !isSmallSizeNew) { $('.global-footer__menu-title').removeClass('active'); $('.global-footer__menu-title').siblings('ul').removeAttr('style', ''); } isSmallSize = isSmallSizeNew; }); function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script>   <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } </style> </div> </div> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-955baec977991c1794d545584159dc8c-lc.min.js"></script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script>   <script type="text/javascript"> _linkedin_partner_id = "625468"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = https://snap.licdn.com/li.lms-analytics/insight.min.js; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=625468&fmt=gif"/> </noscript>  </div> </div> </div> </div> </body> </html>

CINXE.COM

Webex Suite