Cloud PBX & VoIP Phone System For Enterprise

<!DOCTYPE HTML> <html lang="en"> <head> <title>Cloud PBX & VoIP Phone System For Enterprise | Webex Calling</title> <meta name="title" content="Cloud PBX & VoIP Phone System For Enterprise | Webex Calling"/> <meta charset="UTF-8"> <meta name="keywords" content="VoIP, VoIP phone, voice over ip, SIP phone, SIP, PSTN, PBX system, PBX, hosted IP, cloud pbx, business phone, cloud calling, cloud phone, IP phone, phone system"> <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/enterprise-cloud-calling.html" /> <meta property="og:title" content="Cloud PBX & VoIP Phone System For Enterprise | Webex Calling" /> <meta property="og:description" content="Replace PBX networks with the proven quality and security of Webex cloud phone systems. Enjoy flexible licensing options, integrated calling plans and accelerated workflows with VoIP." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/calling-hero-large.jpg"> <meta property="og:site_name" content="Webex" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.webex.com/enterprise-cloud-calling.html"> <meta name="twitter:title" content="Cloud PBX & VoIP Phone System For Enterprise | Webex Calling"> <meta name="twitter:description" content="Replace PBX networks with the proven quality and security of Webex cloud phone systems. Enjoy flexible licensing options, integrated calling plans and accelerated workflows with VoIP."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/calling-hero-large.jpg"> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.webex.com/enterprise-cloud-calling.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Replace PBX networks with the proven quality and security of Webex cloud phone systems. Enjoy flexible licensing options, integrated calling plans and accelerated workflows with VoIP."/> <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="Mon Sep 30 17:46:32 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/workspaces.html" tabindex="0" data-attribute-nav="Products > Workspaces > Home Spaces">Individual Spaces</a> <p>Personalized experiences for any desk.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="1" data-attribute-nav="Products > Workspaces > Office Spaces">Meeting Rooms</a> <p>Intelligent experiences in any 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">Learning & Community Spaces </a> <p>Elevated experiences for specialist environments.</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="3" data-attribute-nav="Products > Workspaces > Explore Workspaces">Explore Workspaces<span class="icon-arrow"></span></a> </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> </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-kit-eq.html" tabindex="1" data-attribute-nav="Devices > Featured > Room Kit EQ"> <img src="/content/dam/wbx/us/images/navigation/devices/Room-Kit-EQ.jpg" alt=""/> <span>Room Kit EQ</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/room-series/cisco-room-bar.html" tabindex="4" data-attribute-nav="Devices > Featured > Room Bar"> <img src="/content/dam/wbx/us/images/navigation/devices/Room-Bar.png" alt=""/> <span>Room Bar</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="https://webexahead.webex.com/" tabindex="2" data-attribute-nav="Resources > Learn > Thought Leadership">Thought Leadership</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">    <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css"/> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <style> .wx-wrapper.page-wrapper { padding-top: 19.1999999999vw; } @media (min-width: 1025px) { .wx-wrapper.page-wrapper { padding-top: calc(128px + .2vw); } } @media (min-width: 2500px) { .wx-wrapper.page-wrapper { padding-top: 9.7222222222vw; } } .wx-wrapper.page-wrapper h2+p.lbody, .wx-wrapper.page-wrapper h3+p.mbody, .wx-wrapper.page-wrapper p.h6+p.sbody { margin-top: 20px; } .wx-wrapper.page-wrapper .color-white .color-gray { color: #818181; } @media (min-width: 1025px) { .wx-wrapper.page-wrapper>section:not(:first-child) { padding-bottom: 13.8vw; } .wx-wrapper.page-wrapper>section.banner_module__1lMXK, .wx-wrapper.page-wrapper>section.fifty-fifty_module__1AEJC { padding-bottom: 5.5555555556vw; } } @media (max-width: 1024px) { .wx-wrapper.page-wrapper br { display: none; } .wx-wrapper.page-wrapper p.lbody { line-height: 1.375; } .wx-wrapper.page-wrapper .module-header .flex-end { margin-top: 6vw; } .wx-wrapper.page-wrapper .btn.btn-round-icon--large [class*=" icon-"], .wx-wrapper.page-wrapper .btn.btn-round-icon--large [class^="icon-"] { width: 60px; height: 60px; font-size: 26px; display: flex; } .wx-wrapper.page-wrapper .btn.btn-round-icon--large [class*=" icon-"]:before, .wx-wrapper.page-wrapper .btn.btn-round-icon--large [class^="icon-"]:before { font-size: inherit; } } @media (max-width: 499px) { .wx-wrapper.page-wrapper .btn.btn-round-icon--large [class*=" icon-"], .wx-wrapper.page-wrapper .btn.btn-round-icon--large [class^="icon-"] { width: 45px; height: 45px; font-size: 20px; } } .wx-wrapper.page-wrapper a:hover, .wx-wrapper.page-wrapper a:focus { box-shadow: none !important; } </style> <style> /* 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 */ /* Slide tile hover issue fixed */ .card-deck-slider--download_sliderCard__1Ajqa:hover { cursor: auto; } .card-deck-slider--download_sliderCard__1Ajqa:hover.bg-salem .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a span:first-child, .card-deck-slider--download_sliderCard__1Ajqa:hover.bg-black .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a span:first-child { border-bottom-color: transparent; } .card-deck-slider--download_sliderCard__1Ajqa:hover.bg-salem .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ [class^="icon-"], .card-deck-slider--download_sliderCard__1Ajqa:hover.bg-black .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ [class^="icon-"] { background-color: #fff; color: #078855; } .card-deck-slider--download_sliderCard__1Ajqa:hover.bg-salem .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a span:first-child, .card-deck-slider--download_sliderCard__1Ajqa:hover.bg-black .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a span:first-child { border-bottom-color: #fff; } .card-deck-slider--download_sliderCard__1Ajqa .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a [class^="icon-"], .card-deck-slider--download_sliderCard__1Ajqa .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a:hover [class^="icon-"] { border: none !important; } .card-deck-slider--download_sliderCard__1Ajqa.bg-salem .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a:hover [class^="icon-"] { background: #191919; color: #fff; } .card-deck-slider--download_sliderCard__1Ajqa.bg-black .card-deck-slider--download_cardButton__2YgQX .card-deck-slider--download_buttons__1jxIJ a:hover [class^="icon-"] { background: #078855; color: #fff; } /* Slide tile hover issue fixed end */ </style> <script> let isBCPlayer = false, bcPlayer, videoRatio; $('.btn--video-overlay').on('click', function (e) { e.preventDefault(); $('.cmp-video-overlay').show(); // videoRatio = $(this).attr('data-width-height-ratio'); // updatePlayerHeight(1 / videoRatio); if ($(this).attr('data-video-type') == 'brightcove') { isBCPlayer = true; addBCPlayer($(this)); } else if ($(this).attr('data-video-type') == 'static') { addStaticPlayer($(this)); } $('.video-overlay__close').on('click', function () { if (isBCPlayer) { bcPlayer.pause(); } $('.cmp-video-overlay').hide(); $('#VideoOverlayPlayer').remove(); }); }); function addBCPlayer(obj) { let bcVideoID = $(obj).attr('data-video-id'), bcVideoAccount = $(obj).attr('data-account'), bcVideoPlayer = $(obj).attr('data-player'); let playerHTML = '<video-js id="VideoOverlayPlayer" data-video-id="' + bcVideoID + '" data-account="' + bcVideoAccount + '" data-player="' + bcVideoPlayer + '" data-embed="default" class="video-js vjs-fluid video-overlay__video" controls></video-js>'; document.getElementById('video-overlay__placeHolder').innerHTML = playerHTML; let bcScript = document.createElement("script"); bcScript.setAttribute('id', 'bcPlayerScript'); bcScript.src = "https://players.brightcove.net/" + bcVideoAccount + "/" + bcVideoPlayer + "_default/index.min.js"; document.body.appendChild(bcScript); bcScript.onload = bCPlayerCallback; } function bCPlayerCallback() { bcPlayer = bc("VideoOverlayPlayer"); bcPlayer.on("loadedmetadata", function () { bcPlayer.muted(false); bcPlayer.play(); }); } function addStaticPlayer(obj) { let videoSrc = $(obj).attr('data-video-src'), videoFormat = $(obj).attr('data-video-format'), videoFallbackImg = $(obj).attr('data-fallback-image'); let playerHTML = `<video id="VideoOverlayPlayer" class="video-overlay__video" controls loop autoplay> <source src="` + videoSrc + `" type="video/` + videoFormat + `"> <img src="` + videoFallbackImg + `" title="Your browser does not support the <video> tag" alt=""> </video>`; document.getElementById('video-overlay__placeHolder').innerHTML = playerHTML; } function updatePlayerHeight(videoRatio) { $('.video-overlay__media').height($('.video-overlay__media').width() * videoRatio); } // $(window).on('resize', function () { // updatePlayerHeight(videoRatio); // }); $(document).ready(function() { $('.image-struct__video-control button.video-icon-pause').on('click', function() { let tarVideo = $(this).parents('.image-struct__media').find('video')[0]; if(tarVideo) { tarVideo.pause(); $(this).hide().siblings('.video-icon-play').show(); } }); $('.image-struct__video-control button.video-icon-play').on('click', function() { let tarVideo = $(this).parents('.image-struct__media').find('video')[0]; if(tarVideo) { tarVideo.play(); $(this).hide().siblings('.video-icon-pause').show(); } }); }) </script> <section class="wx-wrapper page-wrapper"> <section class="calling-hero_callingHeroWrapper__2g9sL remove-pad-calling-hero"> <style> @media (min-width: 1025px) { .calling-hero_module__1Ykwb { padding-top: 9vw; padding-bottom: 13.8vw; } .calling-hero_buttonWrap__3Wufa { margin-bottom: 5.5vw; } .calling-hero_sliderCard__kdC5O.calling-hero_medium_card__3RsvF { min-height: 32.77vw; } .remove-pad-calling-hero { padding-bottom: 0 !important; } } @media (max-width: 1024px) { .calling-hero_callingHeroWrapper__2g9sL h1.h5 { margin-bottom: 10px; } .calling-hero_buttonWrap__3Wufa { margin-bottom: 10vw; margin-top: 5vw; } .calling-hero_stickyImage__1Nq0B { margin-bottom: 8vw; } .calling-hero_sliderCard__kdC5O .h6 { line-height: 1.5; } .calling-hero_sliderCard__kdC5O.calling-hero_medium_card__3RsvF { min-height: auto; } .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL { margin-top: 15vw; } } </style> <section class="calling-hero_moduleGradient__p1l-t"></section> <section class="calling-hero_module__1Ykwb gradient-br-blue"> <div class="container undefined"> <div class="grid"> <div class="col col-3 col-sm"> <div class="grid"> <div class="col"> <h1 class="h5 fw-medium">Webex Calling</h1> </div> </div> </div> <div class="col col-9 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>A modern and complete <br /> business phone system.</span> </h2> <div class="calling-hero_buttonWrap__3Wufa"> <a href="https://pricing.webex.com/us/en/hybrid-work/calling/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=hero&team=wdc" class="calling-hero_btn__3tHA8 btn btn-primary">Plans & Pricing<span class="icon-arrow"></span></a> <a href="javascript:;" data-video-id="6323163267112" class="calling-hero_btn__3tHA8 btn btn-round-icon btn-secondary-dark play_video">Watch Video <span class="icon-play"></span></a>    </div> </div> <div class="col col-8 col-sm"> <img src="https://www.webex.com/content/dam/wbx/us/images/rebrand/new-ban-ecc-latest.jpg" class="br-30 img100p calling-hero_stickyImage__1Nq0B" alt="User enjoys Webex Calling on the go"/> </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"> Future-Proof Your Business with Cloud Calling Now </p> <p class="sbody"> To support hybrid work, businesses must embrace complete digital transformation by updating on-premises phone systems to cloud calling. </p> <div class="calling-hero_cardButton__1vWxL"> <div class="calling-hero_buttons__1OXs_"> <a href="https://www.webex.com/gp/wainhouse-future-proof-cloud-calling-now.html" class="btn btn-round-icon btn-round-icon--large"><span>Get the eBook</span> <span class="icon-arrow"></span></a> </div> </div> </div> <div class="calling-hero_sliderCard__kdC5O calling-hero_sliderCardFull__3Ygoy bg-black color-white calling-hero_small_card__2db2j"> <span class="calling-hero_cardIcon__1MpxB"><i class="icon-document"></i></span> <p class="h6">Webex Delivers Leading UCaaS Solution</p> <p class="sbody"> Gartner names Cisco a Unified Communications as a Service leader for Webex for the 4th consecutive year. See why. </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/gartner-magic-quadrant-ucaas.html"><span>Download the Report</span> <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> </section> </section> <section class="card-deck-slider--feature_module__2mCRS before-feature-empower-employee"> <style> .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-container { display: flex; flex-direction: column-reverse; } .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar { top: 10.6666666667vw; } @media (min-width: 1025px) { .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar { top: 7.2222222222vw; } .before-feature-empower-employee { padding-bottom: 60px !important; } } </style> <div class="card-deck-slider--feature_imageDeckSlider__22EPX"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h3" role="heading" aria-level="2"><span>Enterprise grade calling for businesses of all sizes.</span></h2> <p class="color-boulder fw-regular module-header_description__1Godp lbody">Webex Calling delivers powerful innovation to scale and grow your business.</p> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a class="btn btn-primary" href="https://www.webex.com/content/dam/wbx/us/documents/pdf/CM-2236_Webex_Calling_Data_Sheet.pdf" aria-label="Read more about Efficient communication and collaboration">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> <div class="card-deck-slider--feature_sliderGrid__yw4X0 grid"> <div class="col col-2 col-sm"></div> <div class="col col-10 col-sm"> <div class="swiper-container"> <div class="swiper-scrollbar"> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img-circle" src="https://webex.com/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-circle-slide1.jpg" alt="Person outside having a voice call on mobile device"></div> <div class="card-deck-slider--feature_cardContent__2AsiA"> <div class="card-deck-slider--feature_cardContentInner__1mt_d"> <p class="fw-bold">Anytime, anywhere communications</p> <div class="card-deck-slider--feature_cardDescription__1-72K"> <p class="color-boulder fw-regular">With the ability to make and receive calls across any device, your teams have the freedom to work from the office, at home, or even on the go.</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img-circle" src="https://webex.com/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-circle-slide2.jpg" alt="Person at desk using desktop device for a video call"></div> <div class="card-deck-slider--feature_cardContent__2AsiA"> <div class="card-deck-slider--feature_cardContentInner__1mt_d"> <p class="fw-bold">One powerful collaboration experience</p> <div class="card-deck-slider--feature_cardDescription__1-72K"> <p class="color-boulder fw-regular">Webex combines calling, meetings, messaging, and team collaboration capabilities into one easy-to-use solution that empowers teams of all sizes to get work done.</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img-circle" src="https://webex.com/content/dam/wbx/us/images/rebrand/simple-management-2.jpg" alt="Busy looking worker at desk with mobile phone, desk phone, keyboard, and mouse"> </div> <div class="card-deck-slider--feature_cardContent__2AsiA"> <div class="card-deck-slider--feature_cardContentInner__1mt_d"> <p class="fw-bold">Simple management and administration</p> <div class="card-deck-slider--feature_cardDescription__1-72K"> <p class="color-boulder fw-regular">The control you need, with the simplicity you expect. Get an intuitive interface for IT administration, and a self-care portal that gives users control over basic settings and preferences.</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img-circle" src="https://webex.com/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-circle-slide4.jpg" alt="Person in warehouse/stock room using mobile device to work or message"> </div> <div class="card-deck-slider--feature_cardContent__2AsiA"> <div class="card-deck-slider--feature_cardContentInner__1mt_d"> <p class="fw-bold">Flexible cloud migration</p> <div class="card-deck-slider--feature_cardDescription__1-72K"> <p class="color-boulder fw-regular">Transition your organization to the cloud at your own pace with synchronized directory and dial plans that allow for mixed cloud and on-premises networks.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> const swiper = new Swiper('.swiper-container', { slidesPerView: "auto", grabCursor:true, scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); </script> </section> <section class="card-deck-slider--feature_module__2mCRS feature-empower-employee"> <style> .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-container { display: flex; flex-direction: column-reverse; } .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar { top: 10.6666666667vw; } @media (min-width: 1025px) { .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar { top: 7.2222222222vw; } } .feature-empower-employee { padding-bottom: 0 !important; } .feature-empower-employee .flex-end { gap: 20px; } .feature-empower-employee .btn.btn-secondary-dark:hover { background-color: #000; } .feature-empower-employee .btn.btn-secondary-dark:hover span.icon-play { background-color: #078855; } .feature-empower-employee span.icon-play { width: 2.083333vw; height: 2.083333vw; border-radius: 50%; margin-left: 0.9vw !important; background-color: #000; color: #FFF; font-size: 15px !important; } .feature-empower-employee span.icon-play:before { padding-top: 0.55vw; } .feature-empower-employee-release .image-struct__ctas .btn { border-radius: 0; height: 20px; } @media (max-width: 720px) { .cx-calling-tier1 { font-size: 22px !important; } .image-struct .image-struct__copy .image-struct__ctas { margin-top: 2rem !important; } } @media (max-width: 1024px) { .feature-empower-employee .flex-end { flex-direction: column; gap: 12px; } } @media (min-width: 1025px) { .feature-empower-employee .image-struct.image-struct__hero .image-struct__media { grid-column: 2/ span 5 !important; } .feature-empower-employee .image-struct.image-struct__hero .image-struct__copy { grid-column: 8/ span 4 !important; } .feature-empower-employee .image-struct.image-struct__major .image-struct__media { grid-column: 2/ span 5 !important; } .feature-empower-employee .image-struct.image-struct__major .image-struct__copy { grid-column: 8/ span 4 !important; } /* .cx-calling-tier1-inner { grid-column: 1/ span 12 !important; } */ .feature-empower-employee .feature-empower-employee-header { margin-bottom: 20px; } } @media (min-width: 1025px) and (max-width: 1300px) { .feature-empower-employee .flex-end { flex-direction: column; gap: 20px; } } </style> <div class="card-deck-slider--feature_imageDeckSlider__22EPX "> <div class="container"> <div class="module-header feature-empower-employee-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h3" role="heading" aria-level="2"><span>Empower any employee to deliver exceptional customer experience</span></h2> <p class="color-boulder fw-regular module-header_description__1Godp lbody">Strengthen customer relationships with powerful tools available with Webex Customer Experience Basic and Essentials.</p> </div> <div class="col col-4 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a class="btn btn-primary" href="https://www.webex.com/content/dam/www/us/en/documents/pdf/webex-cxb-and-essentials_cm-6259.pdf" aria-label="Read more about Webex Calling CX">Learn More <span class="icon-arrow"></span></a> <a href="javascript:;" data-video-id="6339538857112" class="btn btn-secondary-dark play_video"> Watch Video <span class="icon-play"></span></a> </div> </div> </div> </div> </div> </div> </section>  <div class="release-hub feature-empower-employee-release"> <div class="cmp-release-hub" data-cmp-is="release-hub" data-micromodal-trigger="my-modal"> <div class="release-hub"> <div class="release-hub__tabs grid-padding grid-12"> <div class="release-hub__tabs-inner cx-calling-tier1-inner"> <button class="release-hub__tab cx-calling-tier1 h4 active" data-target="VoiceQueues">Voice <br> Queues</button> <button class="release-hub__tab cx-calling-tier1 h4" data-target="AgentExperience">Agent Experience</button> <button class="release-hub__tab cx-calling-tier1 h4" data-target="SupervisorExperience">Supervisor Experience</button> <button class="release-hub__tab cx-calling-tier1 h4" data-target="AttendantConsole">Attendant Console</button> </div> </div> <div class="release-hub__panels">  <div class="release-hub__panel" id="VoiceQueues"> <div class="release-hub__main-wrapper"> <div class="release-hub__main grid-padding"> <div class="image-struct image-struct__hero grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/voice-queues.jpeg" alt="Voice Queues"> </div> <div class="image-struct__copy">  <div class="image-struct__title h4">Voice Queues</div> <div class="image-struct__desc medium-body medium-body-regular"> Voice queues deliver a complete call center experience and are included with Webex Calling out of the box, for no additional fee. </div>  </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/caller-greetings.jpeg" alt="Caller Greetings"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Caller Greetings</div> <div class="image-struct__desc medium-body medium-body-regular"> Greet callers with welcome and personable messages that can be customized with holiday and night schedules, forwarding rules, and announcements. </div> </div> </div> <div class="image-struct image-struct__major grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/request-callback.jpg" alt="Request Callback"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Request a call back</div> <div class="image-struct__desc medium-body medium-body-regular"> Eliminate frustrating wait times by providing callers with an estimated wait time and easy options to request a call back. </div> </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/call-routing.jpg" alt="Call Routing"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Call Routing</div> <div class="image-struct__desc medium-body medium-body-regular"> Select from flexible priority or skills-based routing options to quickly direct callers to available agents. </div> </div> </div> </div> </div> </div>   <div class="release-hub__panel" id="AgentExperience"> <div class="release-hub__main-wrapper"> <div class="release-hub__main grid-padding"> <div class="image-struct image-struct__hero grid-12">  <div class="image-struct__media image-struct__media__videojs"> <video-js data-account="1384193102001" data-player="vlhQwNR1SU" data-embed="default" data-video-id="6339337674112" muted autoplay loop playsinline class="image-struct__video video-js vjs-fluid" id="ImageStructVideo"></video-js> <script src="//players.brightcove.net/1384193102001/vlhQwNR1SU_default/index.min.js"></script> <div class="image-struct__video-control"> <button class="video-icon-pause"></button> <button class="video-icon-play"></button> </div> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Webex App</div> <div class="image-struct__desc medium-body medium-body-regular"> Elevate any Webex Calling user to deliver exceptional customer experience with tools built in to the Webex App. Select queues, lines, and make every call more productive with CRM-integrated screen pops. </div> </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/multi-call.jpg" alt="Multi Call"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Multi call window</div> <div class="image-struct__desc medium-body medium-body-regular"> Manage high call volume across multiple lines and queues from the multi call window, a compact window that's always available when you need it. </div> <div class="image-struct__ctas"> <a href="https://www.webex.com/content/dam/www/us/en/documents/pdf/reimagining-multiline-experience-aag.pdf" class="btn btn--text" target="_blank">Learn More<span class="icon-arrow"></span></a> </div> </div> </div> <div class="image-struct image-struct__major grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/calling-msft-latest.jpg" alt="Calling MSFT"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Webex Calling for Microsoft Teams</div> <div class="image-struct__desc medium-body medium-body-regular"> Empower Teams users to enhance the customer experience with our native Webex Calling integration. Access Webex Calling tools directly from the Teams interface, and manage lines and queues from the multi call window. </div> <div class="image-struct__ctas"> <a href="https://www.webex.com/content/dam/www/us/en/documents/pdf/webex-calling-for-microsoft-teams-aag-update-cm-6150.pdf" class="btn btn--text" target="_blank">Learn More<span class="icon-arrow"></span></a> </div> </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/noise-removal.jpg" alt="Noise Removal"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">HD Voice</div> <div class="image-struct__desc medium-body medium-body-regular"> Make every conversation crystal clear with our industry-first HD Voice technology that eliminates background noise and improves audio quality on both ends of the call, so you can focus on what matters. </div> <div class="image-struct__ctas"> <a href="https://webexcalling.link/MIpP3l" class="btn btn--text" target="_blank">Learn More<span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div>   <div class="release-hub__panel" id="SupervisorExperience"> <div class="release-hub__main-wrapper"> <div class="release-hub__main grid-padding"> <div class="image-struct image-struct__hero grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/supervisor-desktop.jpg" alt="Supervisor Desktop"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Supervisor Desktop</div> <div class="image-struct__desc medium-body medium-body-regular"> Our new supervisor desktop provides immediate insight into agent activity across queues. Supervisors can quickly see the state of agents and add or remove agents from queues to accommodate for fluctuations in the call volume. </div> </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/agent-assistance.jpg" alt="Agent Assistance"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Agent Assistance</div> <div class="image-struct__desc medium-body medium-body-regular"> Supervisors can assist agents with Webex Messaging, or barge, monitor, or whisper into calls for training, coaching, or customer assistance. </div> </div> </div> <div class="image-struct image-struct__major grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/supervisor-analytics.jpg" alt="Supervisor Analytics"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Supervisor Analytics</div> <div class="image-struct__desc medium-body medium-body-regular"> The supervisor desktop provides visibility into queue and agent KPIs, and graphical representations of key data like bounced and abandoned calls. These real-time and historic analytics enable supervisors to make data-driven decisions to enhance and optimize the overall customer experience. </div> </div> </div> </div> </div> </div>   <div class="release-hub__panel" id="AttendantConsole"> <div class="release-hub__main-wrapper"> <div class="release-hub__main grid-padding"> <div class="image-struct image-struct__hero grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/attendant-console.jpg" alt="Attendant Console"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Attendant Console</div> <div class="image-struct__desc medium-body medium-body-regular"> Attendant Console provides receptionists, attendants, and operators with a single interface to easily manage a high volume of incoming calls. This powerful experience is built right into the Webex App to boost your productivity and work efficiency. </div> <div class="image-struct__ctas"> <a href="https://www.webex.com/content/dam/www/us/en/documents/pdf/webex-attendant-console-aag-cm-6151.pdf" class="btn btn--text" target="_blank">Learn More<span class="icon-arrow"></span></a> </div> </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/call-controls.jpg" alt="Call Controls"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Call Controls</div> <div class="image-struct__desc medium-body medium-body-regular"> Quickly connect callers with easily accessible call controls and visibility into current, parked, and conference calls. </div> </div> </div> <div class="image-struct image-struct__major grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/contacts-call-console.jpg" alt="Contacts"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Contacts</div> <div class="image-struct__desc medium-body medium-body-regular"> See the presence of key colleagues, favorites, personal contacts, and your call history, so you always know who's available to take a call. </div> </div> </div> <div class="image-struct image-struct__major image-struct__rtl grid-12"> <div class="image-struct__media"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/voice-queues-call.jpg" alt="Voice Queues"> </div> <div class="image-struct__copy"> <div class="image-struct__title h4">Voice Queues</div> <div class="image-struct__desc medium-body medium-body-regular"> See call activity and KPIs for your voice queues, including max waiting time, average call duration, and average call time. </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> <style> .release-hub .release-hub__tabs.grid-padding { padding-top: 4rem; padding-bottom: 4rem; } .release-hub .release-hub__tabs-inner { grid-column: 1/ span 4; } .release-hub button.release-hub__tab { font-weight: 400; color: #767676; background: none; outline: none; border: none; border-bottom: 1px solid #4F4F4F; transition: all .3s; padding: 0 0 2rem; margin: 0; display: flex; align-items: flex-end; position: relative; } .release-hub button.release-hub__tab:focus { /* box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); */ } .release-hub button.release-hub__tab.active { color: #181818; } .release-hub button.release-hub__tab.active::after { content: ""; width: 100%; border-bottom: 4px solid #078855; position: absolute; bottom: -1px; left: 0; } .release-hub .release-hub__panel { display: none; } .release-hub .release-hub__panel:first-child { display: block; } .release-hub .release-hub__main.grid-padding { padding-top: 0; padding-bottom: 4rem; } .release-hub .release-hub__main > .image-struct:not(:first-child), .release-hub .release-hub__main > .image-struct__majorV-wrapper { margin-top: 4rem; } @media (max-width: 720px) { .release-hub button.release-hub__tab { width: 100%; } .release-hub button.release-hub__tab:not(:first-child) { margin-top: 4rem; } .release-hub button.release-hub__tab br { display: none; } } @media (min-width: 721px) { .release-hub .release-hub__tabs-inner { grid-column: 2/ span 10; display: flex; justify-content: space-between; } .release-hub button.release-hub__tab { width: 160px; font-size: 26px; line-height: 30px; padding-bottom: 3rem; } .release-hub .release-hub__main.grid-padding { padding-top: 4rem; } } @media (min-width: 721px) and (max-width: 900px) { .release-hub button.release-hub__tab { width: auto; } } @media (min-width: 1025px) { .release-hub .release-hub__tabs.grid-padding { padding-top: 6rem; padding-bottom: 6rem; } .release-hub .release-hub__tabs-inner { gap: 7.1rem; } .release-hub button.release-hub__tab { width: 220px; font-size: 32px; line-height: 36px; letter-spacing: -0.04em; } .release-hub .release-hub__main.grid-padding { padding-top: 8rem; padding-bottom: 8rem; } .release-hub .release-hub__main > .image-struct:not(:first-child), .release-hub .release-hub__main > .image-struct__majorV-wrapper { margin-top: 8rem; } } .release-hub__other.grid-padding { padding-top: 4rem; padding-bottom: 4rem; } .release-hub__other-wrapper { background: #F2F2F2; } .release-hub__other-header h3 { margin: 0; } .release-hub__other-list { row-gap: 2rem; margin-top: 4rem; } .release-hub__other-list .image-struct.image-struct__other { grid-column: 1/ span 4; } .release-hub__other-list .image-struct.image-struct__other.hide { display: none; } @media (min-width: 721px) { .release-hub__other.grid-padding { padding-top: 6rem; padding-bottom: 6rem; } .release-hub__other-list { row-gap: 6rem; margin-top: 6rem; } .release-hub__other-list .image-struct.image-struct__other:nth-child(odd) { grid-column: 4/ span 4; } .release-hub__other-list .image-struct.image-struct__other:nth-child(even) { grid-column: 9/ span 4; } } @media (min-width: 1025px) { .release-hub__other.grid-padding { padding-top: 8rem; padding-bottom: 8rem; } } .release-hub__other-more { margin-top: 4rem; position: relative; display: flex; justify-content: center; align-items: center; } .release-hub__other-more::before, .release-hub__other-more::after { content: ""; width: calc(50% - 50px); border-bottom: 1px solid #C4C4C4; position: absolute; top: 32px; } .release-hub__other-more::before { left: 0; } .release-hub__other-more::after { right: 0; } button.release-hub__other-moreBtn.btn--round { outline: none; border: none; padding: 0; display: flex; flex-direction: column; row-gap: 1rem; } button.release-hub__other-moreBtn.btn--round:focus { /* box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); */ } button.release-hub__other-moreBtn.btn--round .icon-close { width: 42px; height: 42px; color: #FFFFFF; background: #181818; border-radius: 50%; transform: rotate(45deg); transition: all .3s; display: flex; align-items: center; justify-content: center; } button.release-hub__other-moreBtn.btn--round:hover .icon-close, button.release-hub__other-moreBtn.btn--round.active .icon-close { background: #078855; } button.release-hub__other-moreBtn.btn--round.active .icon-close { transform: rotate(0); } @media (min-width: 721px) { .release-hub__other-more { height: 8rem; margin-top: 8rem; } .release-hub__other-more::before, .release-hub__other-more::after { width: calc(50% - 100px); top: 28px; } button.release-hub__other-moreBtn.btn--round .icon-close { width: 46px; height: 46px; } } </style> <style> .image-struct__media__videojs, .image-struct__media__videojs video-js, .image-struct__media__videojs video { background-color: #FFF; } .image-struct .image-struct__media { grid-column: 1/ span 4; position: relative; } .image-struct .image-struct__media img, .image-struct .image-struct__media video, .image-struct .image-struct__media video-js { width: 100%; height: auto; border-radius: 1.5rem; } .image-struct .image-struct__media video { display: block; } .image-struct .image-struct__media .image-struct__video-control { line-height: 0; position: absolute; bottom: 2.2rem; right: 2.2rem; } .image-struct .image-struct__media .image-struct__video-control button { width: 2.2rem; height: 2.2rem; background-color: transparent; background-size: cover; outline: none; border: none; padding: 0; } .image-struct .image-struct__media .image-struct__video-control button:focus { /* box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); */ } .image-struct .image-struct__media .image-struct__video-control button.video-icon-play { background-image: url(/content/dam/wbx/us/images/whats-new/icon-play.svg); display: none; } .image-struct .image-struct__media .image-struct__video-control button.video-icon-play:hover { background-image: url(/content/dam/wbx/us/images/whats-new/Play-Green.svg); } .image-struct .image-struct__media .image-struct__video-control button.video-icon-pause { background-image: url(/content/dam/wbx/us/images/whats-new/icon-pause.svg); } .image-struct .image-struct__media .image-struct__video-control button.video-icon-pause:hover { background-image: url(/content/dam/wbx/us/images/whats-new/Pause-Green.svg); } @media (min-width: 1025px) { .image-struct .image-struct__media .image-struct__video-control { bottom: 3.2rem; right: 3.2rem; } .image-struct .image-struct__media .image-struct__video-control button { width: 3.2rem; height: 3.2rem; } } .image-struct .image-struct__copy { grid-column: 1/ span 4; margin-top: 4rem; } .image-struct .image-struct__copy .image-struct__pretitle { display: flex; align-items: center; } .image-struct .image-struct__copy .image-struct__eyebrow { text-transform: uppercase; } .image-struct .image-struct__copy .image-struct__tag { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #181818; border-radius: 50px; padding: 1.1rem 1.6rem; margin-left: 1rem; flex: 0 0 auto; } .image-struct .image-struct__copy .image-struct__tag.tag-green { background: #DDF7D2; } .image-struct .image-struct__copy .image-struct__tag.tag-blue { background: #D4F3FE; } .image-struct .image-struct__copy .image-struct__title { font-weight: 400; margin-top: 1.2rem; margin-bottom: 1.2rem; } .image-struct .image-struct__copy .image-struct__ctas { margin-top: 4rem; } .image-struct .image-struct__copy .image-struct__ctas a.btn.btn--text { color: #078855; border-bottom: 1px solid transparent; padding-top: 0; padding-right: 0; padding-left: 0; font-size: 15px; font-weight: 500; line-height: 14px; letter-spacing: -0.3px; } .image-struct .image-struct__copy .image-struct__ctas a.btn.btn--text:hover { border-bottom-color: #078855; } .bg-black .image-struct .image-struct__copy .image-struct__ctas a.btn.btn--text { color: #05935B; } .bg-black .image-struct .image-struct__copy .image-struct__ctas a.btn.btn--text:hover { border-bottom-color: #05935B; } .bg-black .image-struct .image-struct__copy > * { color: #FFF; } .image-struct__majorV-wrapper { display: grid; row-gap: 4rem; column-gap: 2rem; grid-template-columns: repeat(3,1fr); } .image-struct.image-struct__minor .image-struct__copy { margin-top: 0; } .image-struct.image-struct__other .image-struct__copy { margin-top: 0; } .image-struct.image-struct__other .image-struct__copy .image-struct__title { margin-top: 2rem; margin-bottom: 2rem; } .image-struct.image-struct__other .image-struct__copy .image-struct__ctas { margin-top: 2rem; } @media (max-width: 720px) { .image-struct .image-struct__copy .image-struct__ctas a.btn.btn--text { width: auto; display: inline-block; } .image-struct.image-struct__majorV { grid-column: 1/ span 4; } } @media (min-width: 721px) { .image-struct .image-struct__media img, .image-struct .image-struct__media video { border-radius: 2.1rem; } .image-struct .image-struct__copy { display: flex; flex-direction: column; justify-content: center; } .image-struct .image-struct__copy .image-struct__title { font-size: 26px; line-height: 30px; } .image-struct.image-struct__rtl { direction: rtl; } .image-struct.image-struct__rtl .image-struct__copy { direction: ltr; } .image-struct.image-struct__hero, .image-struct.image-struct__major { align-items: center; } .image-struct.image-struct__hero .image-struct__media { grid-column: 1/ span 6; } .image-struct.image-struct__hero .image-struct__copy { grid-column: 8/ span 5; margin-top: 0; } .image-struct.image-struct__major .image-struct__media { grid-column: 1/ span 5; /* grid-column: 1/ span 6; */ } .image-struct.image-struct__major .image-struct__copy { grid-column: 7/ span 6; /* grid-column: 8/ span 5; */ margin-top: 0; } } @media (min-width: 1025px) { .image-struct .image-struct__media img, .image-struct .image-struct__media video { border-radius: 3rem; } .image-struct .image-struct__copy .image-struct__title { font-size: 32px; line-height: 36px; letter-spacing: -0.04em; } .image-struct.image-struct__hero .image-struct__media { grid-column: 1/ span 7; } .image-struct.image-struct__hero .image-struct__copy { grid-column: 9/ span 4; } .image-struct__majorV-wrapper { row-gap: 8rem; } } </style> <script> $(document).ready(function() { $('.release-hub__tab').on('click', function() { let tabTarget = $(this).attr('data-target'); $(this).addClass('active').siblings().removeClass('active'); $('.release-hub__panel#' + tabTarget).show().siblings().hide(); }); $('.release-hub__other-moreBtn').on('click', function () { $(this).toggleClass('active'); $(this).parents('.release-hub__other-more').siblings('.release-hub__other-body') .find('.hide').toggle(); }); }) </script>  <section class="fifty-fifty_module__1AEJC bg-black color-white"> <style> .fifty-fifty_module__1AEJC .deviceWrapper { padding: 5vw; background: transparent; border: 1px solid #4F4F4F; } .fifty-fifty_title__1IhR_.gradient { background: linear-gradient(306.28deg, #04BAE9 27.29%, #078855 99.79%); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } @media (min-width: 1025px) { .fifty-fifty_module__1AEJC .deviceWrapper { padding: 2.5vw; } } @media screen and (max-width: 767px) { .bthspace { margin-top: 8.5333333333vw !important; margin-bottom: 16vw !important; } } </style> <div class="container"> <div class="grid grid-between"> <div class="col col-5 col-sm"> <div class="fifty-fifty_innerContainer__3jeMW"> <div class="fifty-fifty_innerTextArea__2oWg_"> <h3 class="h3 fifty-fifty_title__1IhR_ gradient" role="heading" aria-level="2">Enterprise-grade calling in the palm of your hand.</h3> <p class="fw-regular color-boulder fifty-fifty_description__qTZZV">Webex Calling delivers the most complete portfolio of mobile calling solutions for any work style or worker role.</p> </div> <div class="fifty-fifty_btnContainer__2q96k bthspace"> <a href="https://www.webex.com/us/en/products/calling-mobility" class="btn btn-secondary-light meeting-hero_btn__D9XZi" target="_blank">Learn More <span class="icon-arrow"></span></a> </div> </div> </div> <div class="col col-6 col-sm"> <img src="https://webex.com/content/dam/wbx/us/images/rebrand/Enterprise-grade.jpg" alt="" width="542" height="549" class="img100p br-30"> </div> </div> </div> </section> <section class="fifty-fifty_module__1AEJC bg-white color-black"> <style> .fifty-fifty_btnContainer__2q96k { margin-bottom: 0; } @media (max-width: 1024px) { .fifty-fifty_innerContainer__3jeMW { margin-top: 16vw; } .fifty-fifty_btnContainer__2q96k { margin-top: 5.3333333333vw; } } </style> <div class="container"> <div class="grid grid-between"> <div class="col col-6 col-sm"><img src="https://webex.com/content/dam/wbx/us/images/rebrand/Available-globally-over.jpg" alt="" class="img100p br-30"></div> <div class="col col-5 col-sm"> <div class="fifty-fifty_innerContainer__3jeMW"> <div class="fifty-fifty_innerTextArea__2oWg_"> <h3 class="h3 fw-medium fifty-fifty_title__1IhR_">Available in over 180 markets worldwide.</h3>  </div> <div class="fifty-fifty_btnContainer__2q96k"><a class="btn btn-secondary-dark" href="https://www.webex.com/products/calling-global-availability.html?utm_medium=Website&utm_source=WDC&utm_campaign=Calling_Plans_page">Learn More <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </section> <section class="calling-hero_module__1Ykwb bg-black color-white gradient-br-red"> <style> .calling-hero_buttonWrap__3Wufa { margin-top: 40px; } @media (max-width: 1024px) { .calling-hero_module__1Ykwb h1.h5 { margin-bottom: 10px; } .calling-hero_buttonWrap__3Wufa { margin-bottom: 10vw; } .calling-hero_stickyImage__1Nq0B { margin-bottom: 12vw; } } .calling-hero_sliderCard__kdC5O.calling-hero_medium_card__3RsvF { min-height: 30vw; } .calling-hero_sliderCard__kdC5O p.sbody { margin-top: 20px; } @media (max-width: 1024px) { .calling-hero_sliderCard__kdC5O.calling-hero_medium_card__3RsvF { min-height: auto; } .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL { margin-top: 15vw; } } </style> <div class="container"> <div class="grid"> <div class="col col-8 col-sm"> <img src="/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-hero.jpg" alt="Person outside wearing headphonse using phone to work/collaborate" class="br-30 img100p calling-hero_stickyImage__1Nq0B" width="1256" height="670"> </div> <div class="col col-undefined col-sm"> <div class="calling-hero_sliderCard__kdC5O calling-hero_sliderCardFull__3Ygoy color-white bg-salem calling-hero_small_card__3RsvF"> <span class="calling-hero_cardIcon__1MpxB"><i class="icon-document"></i></span> <p class="h6 fw-regular">Aragon Research Globe™ Leadership</p> <p class="sbody">Webex is again positioned as an industry leader for unified communications and collaboration (UCC).</p> <div class="calling-hero_cardButton__1vWxL"> <div class="calling-hero_buttons__1OXs_"><a class="btn btn-round-icon btn-round-icon--large" href="/analyst-reports/aragon-how-intelligent-ucc-platforms-power-team-collaboration.html"><span>Get the Report</span> <span class="icon-arrow"></span></a></div> </div> </div> <div class="calling-hero_sliderCard__kdC5O calling-hero_sliderCardFull__3Ygoy color-white bg-salem calling-hero_small_card__3RsvF"> <span class="calling-hero_cardIcon__1MpxB"><i class="icon-document"></i></span> <p class="h6 fw-regular">Zero downtime with survivability options for any deployment</p> <p class="sbody">Webex Calling survivability ensures calling is always available.</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/content/dam/wbx/us/aag/enhanced_survivability_cm-5882.pdf" target="_blank"><span>Learn More</span> <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </div> </section> <section class="text-grid_module__3ArLH bg-white gradient-br-purple" data-sticky-target="ucm-cloud" data-module="text-grid"> <style> @media (min-width: 1025px) { .wx-wrapper.page-wrapper > section.text-grid_module__3ArLH { padding-bottom: 85px !important; } } @media screen and (max-width: 767px) { .wx-wrapper.page-wrapper > section.text-grid_module__3ArLH { padding-top: 76.5px !important; } } </style> <a name="ucm-cloud-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="h3" role="heading" aria-level="2"> <span>Dedicated Instance. <br />Make it your own.</span> </h2> <p class="lbody color-gray"> Customize your experience with <br />enterprise-grade features and <br />carrier-grade reliability. </p> </div> <div class="col col-4 col-sm"> <div class="flex-end"> <a href="https://help.webex.com/en-us/landing/ld-nzid8xi-WebexCalling/Dedicated-Instance#What-is-Dedicated-Instance" rel="noopener" target="_blank" class="btn btn btn-secondary-dark btn-round-icon">Learn More <span class="icon-download"></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"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/intelligent-customer-experiences_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/intelligent-customer-experiences_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Build off familiar UCM experiences</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Safeguard the user experience with updated clients, devices, and endpoints for every hybrid work situation—from room devices, to desktops and headsets.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Streamline workflows and processes</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Bring your UCM-based third-party applications to the cloud and discover more with the Cisco Ecosystem Exchange.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/cloud.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/cloud.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Maximize control with a dedicated cloud service</span> <span class="mbody color-gray text-grid_serviceText__17Ege">It's your cloud service. Coordinate integrations and upgrade schedules on your time.</span> </div> </div> </div> </div> </div> </section> <section class="banner_module__1lMXK gradient-tl-green"> <style> .banner_imageWrapper__3R7B5 span.icon-play { color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .banner_imageWrapper__3R7B5 span.icon-play:before { font-size: 1.5em; } .banner_title__zTMuR { font-size: calc(22px + 0.1vw); line-height: 1.2727272727; letter-spacing: -0.03em; } @media (min-width: 1025px) { .banner_title__zTMuR { font-size: calc(32px + 0.1vw); line-height: 1.125; letter-spacing: -0.04em; } } @media screen and (max-width: 767px) { .wx-wrapper.page-wrapper > section.banner_module__1lMXK { padding-top: 40px !important; padding-bottom: 40px !important; } } </style> <div class="container"> <div class="grid banner_gridContainer__2S8kH"> <div class="col col-3 col-sm"> <div class="banner_imageWrapper__3R7B5"> <img src="/content/dam/wbx/us/images/rebrand/ZKResearcheBookCoverbanner1.jpg" alt="" class="img100p"/> </div> </div> <div class="col col-6 col-sm"> <div class="banner_innerWrapper__g22De"> <div class="banner_innerContainer__2yQUS"> <div class="banner_innerTextArea__1LNpR"> <strong class="banner_title__zTMuR fw-regular">Discover 6 Strategies for Upgrading to Cloud Calling</strong> <p class="mbody banner_description__9G-bL fw-regular"> Learn how to effectively move your current phone system to cloud collaboration. </p> </div> </div> </div> </div> <div class="col-3 col-sm"> <div class="banner_btnContainer__uLyrk"> <a href="/gp/zk-research-6-strategies-move-phone-system-cloud-collaboration.html?utm_medium=Website&utm_source=WDC&utm_campaign=Ent_Cloudcalling&utm_content=banner" data-video-id="6243527957001" class="btn btn-round-icon btn-secondary-light">Read eBook <span class="icon-arrow"></span></a> </div> </div> </div> </div> </section> <section class="feature-list_module__2ZHza gradient-tr-blue"> <style> section.feature-list_module__2ZHza h3.h5 { margin-bottom: 6vw; } .feature-list_list__dRPov li { min-height: 100px; padding-top: 1.6vw; padding-bottom: 1.6vw; } .feature-list_list__dRPov li img { margin-right: 45px; } .wx-wrapper.page-wrapper > section.feature-list_module__2ZHza { padding-bottom: 0vw !important; } </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>The cloud calling market leader.</span></h2>    </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="https://www.webex.com/customers.html" rel="noopener" target="_blank" class="btn btn btn-secondary-dark">Read More <span class="icon-arrow"></span></a>    </div> </div> </div> </div>  </div> </section> <section class="routing-banner_module__3A62U bg-black color-white"> <style> .wx-wrapper.page-wrapper > section.routing-banner_module__3A62U { padding-top: 10vw !important; padding-bottom: 10vw !important; } </style> <div class="container"> <div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej"> <div class="col col-1 col-sm"></div> <div class="col col-6 col-sm routing-banner_textCol__1lGIg"> <div class="routing-banner_innerContainer__3NYX8"> <div class="routing-banner_innerTextArea__3caUI"> <h3 class="h4 routing-banner_title__2Bz-2">The right calling plans for your organization.</h3> <p class="fw-regular color-boulder routing-banner_description__tDWEa">Choose from a wide range of flexible cloud calling plans and services for local and international calls.</p> </div> <div class="routing-banner_btnContainer__v-kdr"><a href="/products/enterprise-calling-plans.html" aria-label="Learn more about the right calling plans for your organization" class="meeting-hero_btn__D9XZi btn btn-secondary-light">Learn More <span class="icon-arrow"></span></a> </div> </div> </div> <div class="col col-1 col-sm"></div> <div class="col col-3 col-sm routing-banner_imageCol__1iaQA"><img width="299" height="299" src="/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-banner2.png" alt="Person outside at a table working/conferencing on laptop" class="img100p img-circle"></div> <div class="col col-1 col-sm"></div> </div> </div> </section> <section class="card-deck-2up--routing_module__3ta5S gradient-tr-green"> <style> .wx-wrapper.page-wrapper > section.card-deck-2up--routing_module__3ta5S { padding-bottom: 85px !important; } </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>Experience more from Webex.</span></h2> <p class="color-boulder fw-regular module-header_description__1Godp lbody">Get the most complete collaboration solution.</p> </div> </div> </div> </div> <div class="grid grid-end"> <div class="col col-12 col-sm"> <div class="container"> <div class="grid false"> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <a class="card-deck-2up--routing_clickableCard__2Bo1n" target="_blank" rel="noopener" href="https://www.cisco.com/c/en/us/products/collaboration-endpoints/ip-phones/index.html"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"><img class="br-30 img100p undefined" width="405" height="405" src="/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-more_phones.jpg" alt="Person working at desk with PC monitor and Cisco IP phone prominently displayed"> </div> <div class="grid card-deck-2up--routing_wrapper__2gywc"> <div class="col col-grow-6 card-deck-2up--routing_textWrapper__3JIir"> <h3 class="h5 fw-regular undefined">Cisco IP Phones</h3> <div class="card-deck-2up--routing_descriptionBox__BnEeE"> <p class="color-boulder mbody fw-regular">Webex Calling supports a wide range of Cisco IP Phones and connects them effortlessly to the cloud calling network.</p> </div> </div> <div class="col card-deck-2up--routing_btnCol__hltm2"> <div class="btn-rounded btn-rounded-dark card-deck-2up--routing_roundButton__Gq3NV"> <span class="icon-arrow-large"></span> </div> </div> </div> </a> </div> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <a class="card-deck-2up--routing_clickableCard__2Bo1n" href="/suite/meetings.html"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"><img class="br-30 img100p undefined" width="405" height="405" src="/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-more_meetings.jpg" alt="Person in bedroom/dorm room conferencing at desk on laptop"></div> <div class="grid card-deck-2up--routing_wrapper__2gywc"> <div class="col col-grow-6 card-deck-2up--routing_textWrapper__3JIir"> <h3 class="h5 fw-regular undefined">Webex Meetings</h3> <div class="card-deck-2up--routing_descriptionBox__BnEeE"> <p class="color-boulder mbody fw-regular">Instantly meet face-to-face with the most engaging, interactive video conferencing solution.</p> </div> </div> <div class="col card-deck-2up--routing_btnCol__hltm2"> <div class="btn-rounded btn-rounded-dark card-deck-2up--routing_roundButton__Gq3NV"> <span class="icon-arrow-large"></span> </div> </div> </div> </a> </div> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <a class="card-deck-2up--routing_clickableCard__2Bo1n" href="https://www.webex.com/us/en/products/customer-experience/contact-center.html"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"><img class="br-30 img100p undefined" width="405" height="405" src="/content/dam/wbx/us/images/rebrand/webex-calling/wCalling-more_contact_c.jpg" alt="Person at desk working on laptop with desktop monitor"></div> <div class="grid card-deck-2up--routing_wrapper__2gywc"> <div class="col col-grow-6 card-deck-2up--routing_textWrapper__3JIir"> <h3 class="h5 fw-regular undefined">Webex Contact Center</h3> <div class="card-deck-2up--routing_descriptionBox__BnEeE"> <p class="color-boulder mbody fw-regular">Let customers connect their way with a digital-first, next-generation platform.</p> </div> </div> <div class="col card-deck-2up--routing_btnCol__hltm2"> <div class="btn-rounded btn-rounded-dark card-deck-2up--routing_roundButton__Gq3NV"> <span class="icon-arrow-large"></span> </div> </div> </div> </a> </div> </div> </div> </div> </div> </section> </section> <div class="popup"> <style> .popup { display: none; transition: all 0.5s; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 999; } .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: 8000; 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: -4vh; position: absolute; right: 0; 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" aria-label="Close video"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div id="placeHolder" class="popup-body"></div> </div> <script> $(".play_video").bind("click", function (e) { e.preventDefault(); $(".popup-video").hide(); //$('#Video1').show(); $(".popup").show(); addPlayer($(this)); }); $("a.popup-close").on("click", function () { myPlayer.pause(); $(".popup").hide(); $(".popup-video").hide(); $("#bcplayer").remove(); }); var myPlayer, playerHTML, playerData = { accountId: "1384193102001", playerId: "vlhQwNR1SU", }; 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

Cloud PBX & VoIP Phone System For Enterprise | Webex Calling