CINXE.COM
Webex Meetings
<!DOCTYPE HTML> <html lang="en"> <head> <title>Webex Meetings</title> <meta name="title" content="Webex Meetings"/> <meta charset="UTF-8"> <meta name="title" content="Webex Meetings" /> <meta name="title" description="Solve hybrid work with smarter video conferencing. Webex Meetings provides cost-effective enterprise solutions for virtual meetings and collaboration." /> <meta name="keywords" content="Webex Meetings ,Video Conferencing ,Collaboration ,Hybrid work "> <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/meetings.html" /> <meta property="og:title" content="Webex Meetings" /> <meta property="og:description" content="Solve hybrid work with smarter video conferencing. Webex Meetings provides cost-effective enterprise solutions for virtual meetings and collaboration." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/meeting_E-hero.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/meetings.html"> <meta name="twitter:title" content="Webex Meetings"> <meta name="twitter:description" content="Solve hybrid work with smarter video conferencing. Webex Meetings provides cost-effective enterprise solutions for virtual meetings and collaboration."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/meeting_E-hero.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/meetings.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Solve hybrid work with smarter video conferencing. Webex Meetings provides cost-effective enterprise solutions for virtual meetings and collaboration."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="en"/> <meta name="country" content="US"/> <meta name="date" content="Wed Dec 13 14:23:33 UTC 2023"/> <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 type="text/javascript" src="/content/dam/wbx-new/common/at_cisco.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> <!--[if lt IE 9]> <script src="includes/js/html5shiv.js"></script> <link rel="stylesheet" href="/includes/css/rwd-ie8.css" /> <![endif]--> <!-- Google tag (gtag.js) --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-JX5PZRZSGR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JX5PZRZSGR'); </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"> <!-- <a class="skip-link" href="#content">Skip to content</a> --> <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><!--<span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Products > 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="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> <!-- Most Popular 3 columns --> <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><!-- <span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Devices > 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="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="/gp/state-of-remote-work.html" tabindex="0">Remote Work</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> <!-- <li><a href="/industries/frontline.html" tabindex="3" data-attribute-nav="Solutions > Use Cases > Frontline Workers">Frontline Workers</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> <!-- <span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Solutions > 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="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> <!-- <span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Resources > 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="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="">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.">+1-888-469-3239</a> <a href="/contact-sales.html">Contact Sales <span class="icon-arrow"></span></a> </div> </div> --> <div class="header__menu-bottom hide-lg-up"> <div class="header__navbar grid-padding"> <!-- <a href="/downloads.html" class="btn btn--secondary--light">Download Webex <span class="icon-download"></span></a> --> <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"/> <!-- fix global issues start --> <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> <!-- fix global issues end --> <!-- tab layout fix start --> <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> <!-- Cookie initial code --> <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> <!-- tab layout fix end --></div> </div> </div> <div class="wbx-content"> <div class="raw-html section"> <style> .wx-wrapper .btn.btn-primary-alt { background: #0672ef; color: #fff; } .wx-wrapper .btn.btn-primary-alt:hover { background: #191919; color: #fff; } /* https://external-preview.redd.it/8DeMRXj5fKblUQpy0joel8CsTeeQG6mbho469g4C210.jpg?auto=webp&s=d189d92e45a1ae0a3e62bb96765632769064f1cf */ .wx-wrapper .header_headerWrapper__30NyQ:not(.header_light__2HLwE) .btn.btn-primary-alt:hover, .wx-wrapper .btn.btn-primary-alt.btn-primary-alt--h-light:hover { background: #fff; color: #191919; } .wx-wrapper .meetings-header-module { /*padding-bottom: 0;*/ } </style> <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 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-gray { color: #818181; } .calling-hero_module__1Ykwb h2 { max-width: 900px; } .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; } .text-grid_serviceWrapper__1-ZhJ:before { opacity: 0.4; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 41.6666666667vw; } @media (min-width: 1025px) { .wx-wrapper.page-wrapper > section:not(:first-child) { padding-bottom: 13.8vw; } .wx-wrapper.page-wrapper > section.banner_module__1lMXK { padding-bottom: 5.5555555556vw; } .calling-hero_sliderCard__kdC5O.calling-hero_medium_card__3RsvF { min-height: 34.3vw; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 32.6666666667vw!important; } } @media (max-width: 1024px) { .wx-wrapper.page-wrapper { padding-top: 19vw; } .wx-wrapper.page-wrapper .module-header 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; } .calling-hero_callingHeroWrapper__2g9sL h1.h5 { margin-bottom: 10px; } .calling-hero_stickyImage__1Nq0B { margin-bottom: 8vw; } .calling-hero_sliderCard__kdC5O.calling-hero_medium_card__3RsvF { min-height: auto; } .calling-hero_sliderCard__kdC5O .calling-hero_cardButton__1vWxL { margin-top: 15vw; } .card-deck-slider--download_sliderGrid__2WBdc { margin-top: 12vw !important; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 90vw !important; } .card-deck-2up--routing_grid__2bIEq { margin-top: -6vw; } .card-deck-2up--routing_link__3_Q9h:last-child { margin-top: 11vw; } } @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; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 125vw !important; } } .banner_title__zTMuR { font-size:calc(22px + .1vw); line-height:1.2727272727; letter-spacing:-.03em } @media(min-width:1025px) { .banner_title__zTMuR { font-size:calc(32px + .1vw); line-height:1.125; letter-spacing:-.04em } } @media (max-width: 720px) { .btn .icon-download:before{ padding-left: 0!important; } } @media (max-width: 720px) { .wx-wrapper .icon-arrow:before { padding-bottom: 3px !important; } } .wx-wrapper.page-wrapper a:hover, .wx-wrapper.page-wrapper a:focus { box-shadow: none !important; } </style> <style> /* 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> <!-- START: Enterprise Landing Page Redesign Styles --> <style> .align-items--center { align-items: center; } .br-10 { border-radius: 10px; } .hero-img-container { overflow: hidden; position: relative; } .hero-img-container::before { content: ""; display: block; float: left; padding-top: 80%; } .hero-img-container::after { content: ""; display: block; clear: both; } .hero-img { position: absolute; max-width: 100%; top: 50%; transform: translateY(-50%); } .h3-bottom-pad { padding-bottom: 2rem; } </style> <!-- END: Enterprise Landing Page Redesign Styles --> <!-- float Inclusive Collaboration --> <div id="forFloatBanner" class="bg-black"> <style> .header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; } #floatBanner { width: 87vw; height: 100px; background: #212121; border-radius: 30px; margin: 0 auto; position: relative; display: none; } .f-b-bg { width: 100%; height: 100%; border-radius: 30px; position: absolute !important; } .f-b-bg.gradient-bl-green::before {transform: scaleX(2) scaleY(-2);} .f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s; position: absolute; right: 36px; top: 38px; z-index: 2; } .f-b-close:hover { transform: scale(1.18); } .f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px; display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; } .f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .f-b-body { height: 100%; display: flex; align-items: center; padding-right: 70px; position: relative; z-index: 1; } .f-b-img { width: auto; height: 100%; border-radius: 30px 0 0 30px; margin-left: -2px; } .f-b-title { font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 300; margin-left: 40px; } a.f-b-link { color: #078855; font-weight: 400; border-bottom: 1px solid transparent; } a.f-b-link:hover { border-bottom: 1px solid #078855; } a.f-b-link span.icon-arrow { position: relative; top: 2px; } a.f-b-btn { height: 40px; line-height: 40px; font-weight: 400; color: #191919; background: #FFF; border-radius: 50px; transition: all .6s cubic-bezier(.19,1,.22,1); display: inline-block; margin-left: 10px; padding: 0 18px; } a.f-b-btn:hover { background: #078855; color: #fff; } @media (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); } } @media (max-width: 1745px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; } } @media (max-width: 1024px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(12vw + 190px); padding-top: calc(12vw + 220px); } #floatBanner { width: 90vw; height: auto; border-radius: 20px; } .f-b-bg { border-radius: 20px; } .f-b-close { right: 20px; top: 20px; } .f-b-body { display: block; padding: 20px 50px 18px 20px; } .f-b-img { width: 160px; border-radius: 10px;margin-bottom: 15px; } .f-b-title { font-size: 12px; line-height: 16px; margin: 0;} a.f-b-link { display: inline-block; } a.f-b-btn { margin: 0 0 6px 0; } } </style> <div id="floatBanner"> <div class="f-b-bg gradient-bl-green"></div> <a class="f-b-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div class="f-b-body"> <img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/forrester-floatie-new-oct-v2.jpg"/> <div class="f-b-title">Forrester’s recent study The Total Economic Impact™ of Webex Suite unveils 204% ROI. <br class="hidden-lg"><br class="hidden-lg"><a href="https://www.webex.com/gp/forrester-tei-webex-suite.html" class="f-b-link" data-click-id="global-nav_blue-banner-CTA">Read more now<span class="icon-arrow"></span></a> </div> </div> </div> <script> $(document).ready(function () { $('.header_header__12jgZ').append($('#forFloatBanner')); $('.wx-wrapper.page-wrapper').addClass('withFloatBanner'); $('#floatBanner').show(); $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); $('.wx-wrapper.page-wrapper').removeClass('withFloatBanner'); }) }); </script> </div> <!-- float Inclusive Collaboration end --> <section class="wx-wrapper page-wrapper"> <section class="calling-hero_module__1Ykwb gradient-br-blue"> <style> .wx-wrapper.page-wrapper > section.calling-hero_module__1Ykwb { padding-top: 10.6666666667vw; } section.calling-hero_module__1Ykwb .hero_description { margin-top: 20px; margin-bottom: 0; margin-top: 5.3333333333vw; } .calling-hero_buttonWrap__3Wufa { margin-top: 20px; margin-bottom: 40px; margin-top: 5.3333333333vw; margin-bottom: 0; } .wx-wrapper .btn.btn-secondary-dark.btn-round-icon [class^=icon-] { background-color: #181818; } .wx-wrapper .btn.btn-secondary-dark:hover { background-color: #181818; border-color: #181818; } .wx-wrapper .btn.btn-secondary-dark.btn-round-icon:hover [class^=icon-] { background-color: #05935B; } @media (min-width: 1025px) { .wx-wrapper.page-wrapper > section.calling-hero_module__1Ykwb { padding-top: 88px; padding-bottom: 131px; padding-top: 6.1111111111vw; padding-bottom: 9.0972222222vw; } .calling-hero_title{ font-size: 32px; line-height: 36px; margin-bottom: 40px !important; } section.calling-hero_module__1Ykwb .hero_description { margin-top: 40px; margin-top: 2.7777777778vw; } .calling-hero_buttonWrap__3Wufa { margin-top: 40px; margin-top: 2.7777777778vw; } .routing-banner_innerTextArea__3caUI h3.routing-banner_title__2Bz-2{ font-weight: 400!important; font-size: 40px!important; line-height: 44px!important; letter-spacing: -0.04em; color: #FFFFFF!important; } } @media (max-width: 1024px) { .hero_description{ font-weight: 400!important; font-size: 18px!important; line-height: 26px!important; letter-spacing: -0.02em!important; color: #767676!important; } .calling-hero_btn__3tHA8.play_video span{ color: #181818 !important; } .meeting-hero_btn__D9XZi.btn-round-icon.btn-secondary-light span{ color: #fff !important; } .meeting-hero_btn__D9XZi.btn-round-icon.btn-secondary-light span, .calling-hero_btn__3tHA8.play_video span{ display: inline-block!important; background-color: transparent!important; padding-top: 6px; margin-left: 0!important; } .h1-heading{ font-weight: 500!important; font-size: 40px!important; line-height: 44px!important; letter-spacing: -0.04em!important; /*color: #181818!important;*/ } .routing-banner_innerTextArea__3caUI h3.routing-banner_title__2Bz-2{ font-weight: 400!important; font-size: 32px!important; line-height: 36px!important; letter-spacing: -0.03em; color: #FFFFFF!important; } } </style> <div class="container undefined"> <div class="grid grid-between"> <div class="col col-6 col-sm"> <div class="h5 fw-regular calling-hero_title"> Webex Meetings </div> <h2 class="h2" role="heading" aria-level="2">Where common ground is found.</h2> <p class="color-boulder fw-regular lbody hero_description">When everyone has an equitable experience, your meeting platform isn’t just helping collaboration—it’s driving better business results.</p> <div class="calling-hero_buttonWrap__3Wufa"> <a class="calling-hero_btn__3tHA8 btn btn-primary" href="https://pricing.webex.com/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=hero&team=wdc">Plans & Pricing<span class="icon-arrow" ></span> </a> <!-- <a class="calling-hero_btn__3tHA8 btn btn-primary" --> <!-- href="/pricing/index.html" >Buy Now<span class="icon-arrow" --> <!-- ></span> --> <!-- </a> --> <a href="javascript:;" class="calling-hero_btn__3tHA8 btn btn-round-icon btn-secondary-dark play_video" data-video-id="6215144681001">See How it Works <span class="icon-play"> </span> </a> </div> </div> <div class="col col-5 col-sm"><img src="/content/dam/wbx/us/images/rebrand/meetings/Where-common-ground-is-found.jpg" class="br-30 img100p calling-hero_stickyImage__1Nq0B" alt="Colleagues in virtual meeting discuss report using Webex Desk Mini device."> </div> </div> </div> </section> <section class="routing-banner_module__3A62U bg-black color-white mt0"> <style> .routing-banner_module__3A62U img { border-radius: 50%; } .wx-wrapper.page-wrapper>section.routing-banner_module__3A62U { padding-top: 5.5555555556vw; padding-bottom: 5.5555555556vw; } .routing-banner_btnContainer__v-kdr .btn.btn-secondary-light.btn-round-icon [class^=icon-]{ background-color: #fff; color: #181818; } </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="h3 routing-banner_title__2Bz-2 fw-regular "> Drive more engaging <br>meetings. </h3> <p class="fw-regular color-boulder routing-banner_description__tDWEa"> Ensure your meetings are designed to give everyone the ability to engage no matter their location, language, or communication style. </p> </div> <div class="routing-banner_btnContainer__v-kdr"> <!-- <a href="javascript:;" class="meeting-hero_btn__D9XZi btn btn-round-icon btn-secondary-light playvideo" data-video-id="6305721165112" data-module="VideoModal">Watch Now<span class="icon-play"> </span> </a> --> <a class="meeting-hero_btn__D9XZi btn btn-round-icon btn-secondary-light" href="https://use.webex.com/How-to-Run-More-Engaging-Meetings?utm_medium=Website&utm_source=Webinar&utm_campaign=Online_Meetings&utm_content=website_module">Watch Now <span class="icon-play"></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 src="/content/dam/wbx/us/images/rebrand/meetings/Drive-more-engaging-meetings.jpg" alt="Executive joins video conference in his car using the Webex App on a smartphone and a Cisco headset." class="img100p"> </div> <div class="col col-1 col-sm"></div> </div> </div> </section> <section class="card-deck-slider--download_module__1BcJ- gradient-br-purple"> <style> .card-deck-slider--download_sliderGrid__2WBdc .swiper-container { display: flex; flex-direction: column-reverse; } .card-deck-slider--download_sliderGrid__2WBdc .swiper-scrollbar { width: 99%; top: 10.6666666667vw; } .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 { border: none; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 90vw; } .card-deck-slider--download_cardButton__2YgQX .btn.btn-round-icon--large [class^=icon-]{ color: #181818; } @media (min-width: 1025px) { .card-deck-slider--download_sliderGrid__2WBdc .swiper-scrollbar { top: 7.2222222222vw; } .card-deck-slider--download_sliderGrid__2WBdc { margin-top: 0vw !important; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 35.6666666667vw; } .h1-heading{ font-weight: 500!important; font-size: 84px!important; line-height: 84px!important; letter-spacing: -0.04em!important; /*color: #181818!important;*/ } } @media(max-width: 499px) { .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { min-height: 125vw; } } .card-deck-slider--download_sliderGrid__2WBdc .swiper-container .swiper-slide { height: auto; } .card-deck-slider--download_sliderCard__1Ajqa.card-deck-slider--download_large_card__1-SX6 { height: 100%; } </style> <div class="card-deck-slider--download_cardDeck__1MWoK"> <div class="container"> <div class="module-header"> <div class="grid"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Forge a new path<br> in hybrid work.</span></h2> <p class="color-boulder fw-regular lbody hero_description">A unified platform. Premier, enterprise-grade features. A seamless collaboration experience for all, from anywhere.</p> </div> </div> </div> <div class="card-deck-slider--download_sliderGrid__2WBdc grid"> <div class="col col-4 col-sm"></div> <div class="col col-8 col-sm"> <div class="swiper-container swiper-container-2"> <div class="swiper-scrollbar swiper-scrollbar-2"> <div class="swiper-scrollbar-drag"> </div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="card-deck-slider--download_sliderCard__1Ajqa color-white bg-salem card-deck-slider--download_large_card__1-SX6"> <span class="card-deck-slider--download_cardIcon__1alCS"><i class="icon-document"></i></span> <p class="h5 fw-regular">The Total Economic Impact™ of Webex Suite unveils 204% ROI.</p> <p class="mbody card-deck-slider--download_cardDescription__22_9O">Discover the Webex Suite advantage: Forrester's recent study unveils that a composite organization comprised of interviewees with experience using Webex Suite realized 204% return on investment with the Webex Suite—including cost savings, improved collaboration experiences, and dramatic gains in IT efficiencies.</p> <div class="card-deck-slider--download_cardButton__2YgQX"> <div class="card-deck-slider--download_buttons__1jxIJ"> <a class="btn btn-round-icon btn-round-icon--large" href="https://www.webex.com/gp/forrester-tei-webex-suite.html" target="_blank" rel="noopener"> Read the Forrester Study <span class="icon-download"></span> </a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--download_sliderCard__1Ajqa color-white bg-salem card-deck-slider--download_large_card__1-SX6"> <span class="card-deck-slider--download_cardIcon__1alCS"><i class="icon-document"></i></span> <p class="h5 fw-regular">Omdia Names Webex as a Leader in Collaborative Meetings</p> <p class="mbody card-deck-slider--download_cardDescription__22_9O">“Cisco Webex has emerged as one of the most comprehensive collaborative meeting solutions ... making Cisco one of the fastest innovators in the market,” says Prachi Nema, Principal Analyst at Omdia.</p> <div class="card-deck-slider--download_cardButton__2YgQX"> <div class="card-deck-slider--download_buttons__1jxIJ"> <a class="btn btn-round-icon btn-round-icon--large" href="https://www.webex.com/gp/omdia-universe-collaborative-meeting-services.html" target="_blank" rel="noopener"> Get the Report <span class="icon-download"></span> </a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--download_sliderCard__1Ajqa color-white bg-salem card-deck-slider--download_large_card__1-SX6"> <span class="card-deck-slider--download_cardIcon__1alCS"><i class="icon-document"></i></span> <p class="h5 fw-regular">Aragon Names Webex an Intelligent Video Conferencing Leader</p> <p class="mbody card-deck-slider--download_cardDescription__22_9O">Aragon states, “Cisco is still one of the only vendors to have an integrated virtual assistant that will take commands from humans and do actions such as document action items and then distribute them.”</p> <div class="card-deck-slider--download_cardButton__2YgQX"> <div class="card-deck-slider--download_buttons__1jxIJ"> <a class="btn btn-round-icon btn-round-icon--large" href="https://www.webex.com/gp/aragon-intelligent-video-conferencing.html" target="_blank" rel="noopener"> Get the Report <span class="icon-download"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> const swiper2 = new Swiper('.swiper-container-2', { slidesPerView: "auto", grabCursor:true, scrollbar: { el: '.swiper-scrollbar-2', draggable: true, }, }); </script> </section> <section class="vertical-tab_module__2c0P_" data-sticky-target="vertical-tab"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 h1-heading" role="heading" aria-level="2"><span> Connect and collaborate. <br> The Webex way.</span></h2> </div> <div class="col col-4 col-sm"> <div class="flex-end"> <a href="https://use.webex.com/contact-sales?lang=en&locale=US" class="btn btn-primary" rel="noopener">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="grid grid-between"> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/meetings/Meetings-yield-results.jpg" alt="Remote worker waves to his colleague during an online meeting with a Cisco webcam."> </div> <div class="swiper-slide"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/meetings/Automation-simplifies-work.jpg" alt="Remote employee speaks to coworkers in a Webex online meeting using a Cisco webcam."> </div> <div class="swiper-slide"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/meetings/Inclusivity-fuels-innovation.jpg" alt="Two coworkers collaborate on a Cisco Board Pro in a small meeting room."> </div> </div> </div> </div> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr col-align-bottom"> <div class="accordion"> <div class="swiper-container thumb-swiper swiper-container-vertical swiper-container-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/meetings/Meetings-yield-results.jpg" alt="Remote worker waves to his colleague during an online meeting with a Cisco webcam."> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Meetings yield results</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Boost real-time engagement with intelligent features and the highest quality video and audio.</p> </div> <span class="progress"></span> </li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/meetings/Automation-simplifies-work.jpg" alt="Remote employee speaks to coworkers in a Webex online meeting using a Cisco webcam."> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Automation simplifies work</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Use the power of AI to take the labor out of collaboration, optimize workflows, and improve productivity.</p> </div> <span class="progress"></span> </li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/meetings/Inclusivity-fuels-innovation.jpg" alt="Two coworkers collaborate on a Cisco Board Pro in a small meeting room."> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Inclusivity fuels innovation </h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Give hybrid teams equal access to collaborative workflows so that every voice is heard.</p> </div> <span class="progress"></span> </li> </div> </div> </div> </div> </div> </div> </div> </section> <script> const second = 5; let swiperMain; let isAutoplayDestroy = false; const swiperThumb = new Swiper(".thumb-swiper", { slidesPerView: "auto", direction: "vertical", allowTouchMove: false, disableOnInteraction: true, waitForTransition: false, watchSlidesVisibility: false, on: { afterInit: (e) => { e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseenter", () => { if (swiperMain.autoplay.running && swiperMain.realIndex) { swiperMain.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy && swiperMain.realIndex) { swiperMain.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy = true; swiperMain.autoplay.stop(); swiperMain.autoplay.running = false; swiperMain.update(); }, resize: (e) => { if (swiperMain.autoplay.running && !isAutoplayDestroy) { e.autoplay.start(); } }, }, }); swiperMain = new Swiper(".main-swiper", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb, }, allowTouchMove: false, on: { // this is backup when intersectionObser is not entry fire status. afterInit: (e) => { const el = e.thumbs.swiper.wrapperEl.children[ e.activeIndex ].querySelector(".description"); el.style.height = `${el.scrollHeight}px`; e.autoplay.stop(); e.update(); }, slideChange: (e) => { const thumbs = e.thumbs.swiper.wrapperEl; const otherCollapse = thumbs.querySelectorAll(".description"); otherCollapse.forEach((item) => (item.style.height = 0)); const collapse = thumbs.children[e.activeIndex].querySelector( ".description" ); collapse.style.height = `${collapse.scrollHeight}px`; }, }, }); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const callback = (entries, observer) => { entries.forEach((entry) => { if (!isAutoplayDestroy) { if (entry.isIntersecting) { swiperThumb.$wrapperEl[0].classList.add("progress-start"); swiperMain.autoplay.start(); swiperMain.update(); } else { swiperMain.autoplay.stop(); swiperMain.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } </script> <section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="whats-included" data-module="text-grid"> <a name="whats-included-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-6 col-sm"> <h2 class="h2 h1-heading" role="heading" aria-level="2"><span>Do business better.</span></h2> <p class="lbody color-gray">Webex Meetings simplifies your company’s workflows at scale. Equip your team with the most powerful tool to meet and exceed business goals.</p> </div> <div class="col col-3 col-sm"> <div class="flex-end"> <a href="https://use.webex.com/contact-sales?lang=en&locale=US" class="btn btn btn-primary" rel="noopener">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </div> <style> .icon-gradient-aqua-purple { background: linear-gradient(180deg, #00bbfa 10%, #578dff 50%, #ae61ff 90%); } </style> <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-aqua-purple" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/inclusivity.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/inclusivity.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Inclusive meetings for all.</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Real-time translation. Closed captions. Noise removal, voice optimization, and people-focused views. Give everyone a seat at the table, no matter how or where they work. </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-aqua-purple" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/virtual-background.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/virtual-background.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Engagement is everything.</span> <span class="mbody color-gray text-grid_serviceText__17Ege">From custom stage views and immersive share for presentations to interactive polling and Q&A features, meetings can be more enjoyable and productive.</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-aqua-purple" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/end-to-end-encryption-1.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/end-to-end-encryption-1.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Flexibility comes first.</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Schedule and join meetings across any device with a single tap. Go from desktop to phone to car with our Move to Mobile QR code feature and Apple CarPlay integration. And use our library of embedded apps to simplify workflows.</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-aqua-purple" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/meetings.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/meetings.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Solve employee fatigue.</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Use Webex Assistant for time-consuming tasks—calling, note taking, action items—and rely on people insights to manage time, build stronger connections, and optimize work-life balance.</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-aqua-purple" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/insights-analytics.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/insights-analytics.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Simplify management.</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Control Hub lets IT oversee users and devices from a single pane of glass and provide custom analytics for real-time or long-term insights. Plus, it’s all protected by Cisco’s best-in-class security.</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-aqua-purple" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/meeting-templates.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/meetings/meeting-templates.svg);"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Empower the whole org chart.</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Whether supporting sales teams through integrations such as Salesforce or empowering frontline workers by connecting seamlessly to wearable tech, Webex works wonders for the entire workforce.</span> </div> </div> </div> </div> </div> </section> <section class="feature-gallery_module__zQYl6 gradient-bl-blue"> <style> a.link-green { font-size: 15px; line-height: 14px; letter-spacing: -0.02em; font-weight: 400; color: #059358 !important; text-decoration: none; display: inline-block; border-bottom: 1px solid transparent; cursor: pointer; } a.link-green:hover { border-color: #078855; } a.link-green span { margin-left: 5px; position: relative; top: 1px; } </style> <div class="container"> <div class="grid feature-gallery_gridWrap__2ILTf feature-gallery_gridMobile__2TkFy"> <div class="feature-gallery_rowWrapper__2gHFI"> <div class="grid feature-gallery_gridWrap__2ILTf"> <div class="feature-gallery_colFirst__20puZ align-self-flex-start col col-12 col-6-lg"> <img src="/content/dam/wbx/us/images/rebrand/meetings/Bring-every-part-of-collaboration-together.jpg" alt="Professional gives presentation on Cisco Board Pro to coworkers in a small conference room." class="br-30 img100p" width="571" height="350"> </div> <div class="col col-1 col-sm"></div> <div class="col col-5 col-sm lbody feature-gallery_text__1hxOJ"> <div class="feature-gallery_titleSize__35EuY h4 fw-regular">Bring every part of collaboration together.</div> <div class="color-gray feature-gallery_descriptionSize__1q2Ng mbody mt1">Hybrid work demands seamless communication from anywhere—for everyone. The answer is simple: a single platform with calling, meetings, messaging, polling, webinars, events, async video, and more.</div> <div class="feature-gallery_cta mt1"> <a href="/collaboration-suite.html" class="link-green">Explore Webex Suite<span class="icon-play"></span></a><br> <!-- <a href="https://use.webex.com/intelligence-platforms-odwebinar_reg" class="link-green">Watch Webinar <span class="icon-arrow"></span></a> --> </div> </div> </div> </div> </div> </div> </section> <style> /* .left-arrow, .right-arrow{z-index: 3;}*/ .swiper-pagination-fraction { margin: 0 14px !important; width: auto; } .vquote-carousel_quoteCta__2N7qQ { height: auto; margin-top: 2rem; } .quote-carousel_module__3pdLb .swiper-slide-active { z-index: 99; } .quote-carousel_module__3pdLb .swiper-slide a { height: auto; } body .wx-wrapper.page-wrapper .quote-carousel_module__3pdLb { padding-bottom: 5vw; } p.quote-carousel_quote__1_MFH{ font-weight: 400!important; font-size: 32px!important; line-height: 36px!important; letter-spacing: -0.04em!important; color: #181818!important; } @media (max-width: 1024px) { .vquote-carousel_quoteCta__2N7qQ { text-align: left!important; } .vquote-carousel_quoteCta__2N7qQ span.icon-arrow{ display: inline-block!important; } p.quote-carousel_quote__1_MFH{ font-weight: 400!important; font-size: 22px!important; line-height: 28px!important; letter-spacing: -0.03em!important; color: #181818!important; } .quote-carousel_scrollbar__ypIQM{ margin-top: 5vw!important; } } </style> <section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="testimonials" data-module="quote-carousel"> <a name="testimonials-anchor" class="module-sticky-target"></a> <div class="container"> <!-- <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Leading schools are revolutionizing education.</span> </h2> </div> </div> </div> --> <div class="grid grid-between"> <div class="col col-9 col-sm"> <div class="swiper-container-quote"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <!-- <img src="/content/dam/wbx/us/images/rebrand/edu-case_1.png" width="96" height="34" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile logo" /> --> <img src="/content/dam/wbx/us/images/rebrand/meetings/Clayco_Logo2.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Clayco logo"> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h4 quote-carousel_quote__1_MFH"> We are seeing as much as a 60-70% reduction in the amount of time it takes to make decisions. Problems are resolved before construction begins and this helps our teams deliver projects faster, optimize costs, and better satisfy clients. </p> <p class="sbody fw-medium color-gray quote-carousel_author__1menR"> — Tomislav Žigo, Chief Technology Officer, Clayco</p> <a href="https://www.webex.com/us/en/customers/clayco.html" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ" aria-label="Read more about Great learning">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <!-- <img src="/content/dam/wbx/us/images/rebrand/edu-case_1.png" width="96" height="34" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile logo" /> --> <img src="/content/dam/wbx/us/images/rebrand/meetings/Broadcom_Ltd_Logo.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Broadcom logo"> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> We saw a 230% increase of our usual meeting minutes’ run rate. One of the advantages we see is Cisco’s ability to scale to handle the tremendous increase in meetings. And Broadcom doesn't have to do anything. </p> <p class="sbody fw-medium color-gray quote-carousel_author__1menR"> -Stanley Toh, Global IT - Head of Enterprise End-users Experience and Services, Broadcom </p> <a href="https://blog.webex.com/cloud-calling/why-cloud-calling-is-a-gamechanger-for-broadcom/" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ" aria-label="Read more about Great learning">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <!-- <img src="/content/dam/wbx/us/images/rebrand/edu-case_1.png" width="96" height="34" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile logo" /> --> <img src="/content/dam/wbx/us/images/rebrand/meetings/AION-logo-slogan-ENG.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Broadcom logo"> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> Webex was the obvious choice, and it’s still the superior platform. It is what we needed for security and confidentiality. Webex is an established brand, easy to use, familiar to all, and simultaneous interpretation on top of all of its other features makes it just perfect for our industry. </p> <p class="sbody fw-medium color-gray quote-carousel_author__1menR"> —Nada Buric, Director, Aion </p> <a href="https://blog.webex.com/video-conferencing/aion/" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ" aria-label="Read more about Great learning"> Read More <span class="icon-arrow"> </span> </a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <!-- <img src="/content/dam/wbx/us/images/rebrand/edu-case_1.png" width="96" height="34" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile logo" /> --> <img src="/content/dam/wbx/us/images/rebrand/meetings/logo-GluGroup.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Broadcom logo"> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> Webex Meetings enables us to conduct ‘one-to-many' sessions. We can have seven partners in one session, each with a local language translation, and with an individual breakout room when needed. It encourages real dialogue. </p> <p class="sbody fw-medium color-gray quote-carousel_author__1menR"> —Billy Haining, Cofounder, Glu Group </p> <a href="https://www.webex.com/us/en/customers/glu-group.html" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ" aria-label="Read more about Great learning"> Read More <span class="icon-arrow"></span> </a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <!-- <img src="/content/dam/wbx/us/images/rebrand/edu-case_1.png" width="96" height="34" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile logo" /> --> <img src="/content/dam/wbx/us/images/rebrand/meetings/OneWorldSurgery.svg" class="img-responsive quote-carousel_image__tqw2j" alt="Broadcom logo"> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> We can connect directly from the operating room to the conference room and beyond internationally. It can give students an invaluable, real-time view of challenging or interesting cases. </p> <p class="sbody fw-medium color-gray quote-carousel_author__1menR"> —Merlin Antunez, MD; Medical Director and Orthopedic Surgeon, One World Surgery </p> <a href="https://www.webex.com/us/en/customers/one-world-surgery.html" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ" aria-label="Read more about Great learning">Read More <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> </div> <div class="col col-2 col-sm hidden-sm"> <div class="carousel-controls"> <div class="left-arrow swiper-button-disabled"> <span class="icon-arrow-large"></span> </div> <div class="count mbody">1/2</div> <div class="right-arrow"> <span class="icon-arrow-large"></span> </div> </div> </div> <div class="scrollbar quote-carousel_scrollbar__ypIQM"> <div class="swiper-scrollbar-drag"> </div> </div> </div> </div> </section> <script> //swiper for quotes- good const swiperquote = new Swiper('.swiper-container-quote', { // If we need pagination effect: 'fade', fadeEffect: { crossFade: true }, pagination: { el: '.count', type: 'fraction' }, // Navigation arrows navigation: { nextEl: '.right-arrow', prevEl: '.left-arrow', }, scrollbar: { el: '.scrollbar', draggable: true, }, }); </script> <section class="fifty-fifty_module__1AEJC bg-black color-white" data-sticky-target="vendor-evaluation"> <style> .fifty-fifty_description__qTZZV{ max-width: 100%; } </style> <a name="integrations-anchor" class="module-sticky-target"></a> <div class="container"> <div class="grid grid-between"> <div class="col col-6 col-sm"> <div class="fifty-fifty_innerContainer__3jeMW"> <div class="fifty-fifty_innerTextArea__2oWg_"> <h3 class="h3 fw-medium fifty-fifty_title__1IhR_">See how Webex compares.</h3> <p class="fw-regular color-gray fifty-fifty_description__qTZZV mb1"> Webex’s complete, integrated platform delivers enormous benefits for customer organizations in terms of simplified deployment, security, management, and analytics. </p> </div> <div class="fifty-fifty_btnContainer__2q96k"> <a class="btn btn-secondary-light" href="https://www.webex.com/content/dam/wbx/us/ebook/cage-match-webex-competitive-highlights-from-enterprise-connect_cm-3648.pdf" target="_blank" rel="noopener">Get the eBook <span class="icon-arrow"></span></a> </div> </div> </div> <div class="col col-5 col-sm"> <img src="/content/dam/wbx/us/images/rebrand/meetings/See-how-Webex-compares.jpg" alt="" class="img100p br-30"> </div> </div> </div> </section> <section class="card-deck-slider--feature_module__2mCRS"> <style> .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-container { padding-bottom: 0; } .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-slide { padding-bottom: 10.6666666667vw; } .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar { width: 99%; height: 31px; border-top: 15px solid #FFF; border-bottom: 15px solid #FFF; margin-bottom: -15px; margin-top: -15px; cursor: pointer; } .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar .swiper-scrollbar-drag { height: 33px; border-top: 15px solid #FFF; border-bottom: 15px solid #FFF; margin-top: -16px; } @media (min-width: 1025px) { .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-slide { padding-bottom: 7.2222222222vw; } .card-deck-slider--feature_sliderGrid__yw4X0 .swiper-scrollbar { top: 0; } } .card-deck-slider--feature_sliderGrid__yw4X0 .card-deck-slider--feature_sliderCard__e9k_x .card-deck-slider--feature_imageWrapper__2SkRZ { height: auto; } .card-deck-slider-btnCol { min-width: auto !important; } @media (min-width: 1025px) { .card-deck-slider--feature_module__2mCRS .btn-rounded .icon-play { font-size: 1.3vw; margin-top: 0.1vw; margin-left: 0.1vw; } } @media (max-width: 1024px) { .card-deck-slider--feature_sliderGrid__yw4X0 { padding-left: 0; } .card-deck-slider-btnCol.cardslider-icon a{ width: 9.933333vw !important; height: 9.933333vw !important; } .card-deck-slider-btnCol.cardslider-icon a span.icon-play{ font-size: 3.8vw!important; } .footer_logo__3rrSz img{ margin-bottom: 16.266667vw!important; } .portfolio-cta{ width: 10.933333vw!important; height: 10.933333vw!important; } .footer_sideText__3VaMw{ margin-bottom: 6.666667vw!important; } .footer_logo__3rrSz img{ margin-bottom: 10.266667vw!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">AI-powered features evolve your video conferencing.</h2> </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 swiper-container-videos"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_clickableCard__3-Gey"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img100p br-30" width="424" height="424" src="/content/dam/wbx/us/images/rebrand/meetings/Real-time-Translations-and-Gesture-Recognition-in-Webex.jpg" alt="Webex online meeting translates speaker's words into Arabic.."> </div> <div class="grid card-deck-slider--feature_cardContent__2AsiA"> <div class="col col-grow-6"> <p class="fw-bold">Real-time Translations and Gesture Recognition in Webex</p> <div class="card-deck-slider--feature_cardDescription__1-72K undefined"> <p class="color-boulder">Not fluent in English? No worries — you can translate to 100+ languages in Webex. Don’t want to bother with the keyboard? No problem. Send in-meeting reactions with just your fingers.</p> </div> </div> <div class="col card-deck-slider-btnCol cardslider-icon"> <a data-video-id="6236022137001" href="javascript: void(0)" aria-label="Accelerating performance with Webex" class="btn-rounded btn-rounded-dark play_video"><span class="icon-play"></span></a> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_clickableCard__3-Gey"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img100p br-30" width="424" height="424" src="/content/dam/wbx/us/images/rebrand/meetings/Noise-Removal-with-Webex.jpg" alt="Remote worker speaks in virtual meeting from living room using Cisco Desk Pro while children play behind him."> </div> <div class="grid card-deck-slider--feature_cardContent__2AsiA"> <div class="col col-grow-6"> <p class="fw-bold">Noise Removal with Webex</p> <div class="card-deck-slider--feature_cardDescription__1-72K undefined"> <p class="color-boulder">Take the difficulty out of connecting no matter where you work, with built-in noise removal technology that lets you meet with confidence.</p> </div> </div> <div class="col card-deck-slider-btnCol cardslider-icon"> <a data-video-id="6235461046001" href="javascript: void(0)" aria-label="Accelerating performance with Webex" class="btn-rounded btn-rounded-dark play_video"><span class="icon-play"></span></a> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card-deck-slider--feature_sliderCard__e9k_x"> <div class="card-deck-slider--feature_clickableCard__3-Gey"> <div class="card-deck-slider--feature_imageWrapper__2SkRZ"><img class="img100p br-30" width="424" height="424" src="/content/dam/wbx/us/images/rebrand/meetings/Stop-Writing-Notes-with-Webex-Assistant.jpg" alt="Remote worker attends virtual meeting over coffee while Webex Assistant takes notes."> </div> <div class="grid card-deck-slider--feature_cardContent__2AsiA"> <div class="col col-grow-6"> <p class="fw-bold">Stop Writing Notes with Webex Assistant</p> <div class="card-deck-slider--feature_cardDescription__1-72K undefined"> <p class="color-boulder">Meet the first digital in-meeting assistant for the enterprise. Use voice commands, get real-time and recorded transcripts, closed captioning, automatic highlights, and notes.</p> </div> </div> <div class="col card-deck-slider-btnCol cardslider-icon"> <a data-video-id="6129317620001" href="javascript: void(0)" aria-label="Accelerating performance with Webex" class="btn-rounded btn-rounded-dark play_video"><span class="icon-play"></span></a> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag"> </div> </div> </div> </div> </div> <script> const swiper = new Swiper('.swiper-container-videos', { slidesPerView: "auto", grabCursor: true, scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); </script> </section> <section class="card-deck-2up--routing_module__3ta5S gradient-bl-red" data-sticky-target="more-from-webex" data-module="card-deck-2up--routing"> <a name="more-from-webex-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 h1-heading" role="heading" aria-level="2"><span>Experience more from Webex.</span></h2> <p class="lbody color-gray">Get the most complete collaboration portfolio.</p> </div> </div> </div> <div class="grid grid-end card-deck-2up--routing_grid__2bIEq"> <div class="col col-10 col-sm"> <div class="grid"> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"> <img class="br-30 img100p undefined" src="/content/dam/wbx/us/images/rebrand/more_slido.jpg" alt="Professional watches Slido's live poll results from home office during a Webex online meeting."> </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">Slido</h3> <p class="color-gray mbody fw-regular">Make meetings instantly interactive with six different types of polling and Q&A.</p> </div> <div class="col"> <a href="/audience-engagement.html" class="btn-rounded btn-rounded-dark portfolio-cta" aria-label="Slido"><span class="icon-arrow"></span></a> </div> </div> </div> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"> <img class="br-30 img100p undefined" src="/content/dam/wbx/us/images/rebrand/more_events.jpg" alt="Professional manages a webinar from laptop using Webex Webinars."> </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 Webinars</h3> <p class="color-gray mbody fw-regular">Host virtual meetings at scale from 100 to 10,000 without sacrificing engagement.</p> </div> <div class="col"> <a href="/webinar.html" class="btn-rounded btn-rounded-dark portfolio-cta" aria-label="Webex Webinars"><span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> </div> </section> </section> <div class="popup"> <style> .popup { display: none; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 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: "Sylwy7XBZX" }; function addPlayer(obj) { videoidnumber = $(obj).attr("data-video-id"); playerHTML ='<video-js id="myPlayerID" data-video-id="' +videoidnumber +'" data-account="' +playerData.accountId +'" data-player="' +playerData.playerId +'" data-embed="default" class="video-js popup-video" controls></video-js>'; document.getElementById("placeHolder").innerHTML = playerHTML; var s = document.createElement("script"); s.setAttribute("id","bcplayer"); s.src ="https://players.brightcove.net/" +playerData.accountId +"/" +playerData.playerId +"_default/index.min.js"; document.body.appendChild(s); s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); myPlayer.on("loadedmetadata", function() { myPlayer.muted(false); myPlayer.play(); }); } </script> </div> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <!-- Secondary Promo starts here --> <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> <!-- Secondary Promo ends here --> <!-- Global footer starts here --> <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="">Remote 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="/industries/frontline.html">Frontline Workers</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> <!-- <li><a class="" href="https://www.webex.com/company/webex-leap.html">Webex Leap</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> <!-- Global footer ends here --> <!-- Cookies popup fix --> <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } </style> <!-- cookies popup fix end --></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> <!-- TTD Universal Pixel Code Starts Here <script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("rbfj1cm", ["qfneguz"], "https://insight.adsrvr.org/track/up"); } }); </script> --> <!-- Linkedin Insights Pixel Code Starts Here --> <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> <!-- Linkedin Insights Pixel Code Ends Here --> </div> </div> </div> </div> </body> </html>